[tjabine]

Hallo,

Ik loop vaak tegen het zelfde probleem aan met het invoegen van een css file van bv een script.

Vaak gaat mijn site optilt door zo'n css file.
Leters veranderen van kleur of grote of bepaalde dingen werken opeens niet meer.

Ik maak gebruik van Drupal 7.

Wat is de juiste manier voor het invoegen van css zonder dat dit problemen oplevert?

Als ik bv een script laat met een Iframe levert het geen problemen op! het gaat fout tijdens php include.

Wie kan me hier in helpen?

Bedankt.

Gr Ron.

[Snarf2000]

Hoi Ron.

Het is mijn manier om ALLES wat maar met css te maken heeft in 1 file te stoppen.
Goed controleren of er geen dubbelingen in zitten.
bv:

.Left {
background-color: #DDDDDD;
top: 85px;
width: 185px;
height: 100%;
margin-top: 0px;
}

Mocht je ergens anders op je site een .Left aan moeten roepen, noem deze dan
.Left1 {
background-color: #FFFFFF;
top: 185px;

}
In je pagina verwijs je dan ook naar .Left1

Als je alles in 1 css hebt, laad je site ook sneller.

Grt Frans

[tjabine]

Hoi Frans,

Ok dat is natuurlijk een goed idee.
Maar met Drupal zie ik door de bomen het bos niet meer met al die css files.

Het gaat eigenlijk altijd fout bij een php include van bv het EWN script.

Gr Ron.

[Snarf2000]

Hoi Ron.

Vergelijk je css betand van EWN met je css files die je nu gebruikt.

Zolang er nergens een gelijke style in zit moet het goed gaan.

Frans

[wvdkuil]

Snarf2000 schrijft:

Hoi Ron.

Vergelijk je css betand van EWN met je css files die je nu gebruikt.

Zolang er nergens een gelijke style in zit moet het goed gaan.

Frans

Hallo Frans, Ron
Het vergelijken van stylsheets zal niet lukken, helaas.

EWN forecast heeft twee stylesheets met 500 en 800 regels. Die zijn normaal leesbaar maar slechts 1 wordt meegeleverd, de andere wordt van de EWN site geladen en kan dus makkelijk wijzigen zonder dat Ron of wie dan ook daar invloed op heeft.

Ron's website zelf heeft minstens 4 stylesheets voor schermweergave.
En dat zijn gecomprimeerde stylesheets, dus zonder regeleindes. Dat is 1 grote tekst, niet te lezen door mensen.

Als Ron de pagina van de EWN forecast via een include in het menu zou zetten en de link hier vermelden, dan kunnen we het resultaat zien en via inspect in de browser gaan zoeken.

Het is mij uiteindelijk op deze manier via de browser ook gelukt voor de Leuven-template en de Saratoga-template. Drupal is zeer veel uitgebreider met CSS maar we kunnen het dan eens proberen.

Groeten, Wim

[wsMaurik]

Meestal worden specifieke toevoegingen zodanig gescreven dat de style alleen op die betreffende toevoeging werkt.
Voor EWN zou ik verwachten een EWN-blok waarbinnnen de stylen werken en niet een algemene style aanpassen. Als ze wel de algemene style aanpassen zou ik het alleen daarom al vermijden.
dus :

alle ewn teksten

[wvdkuil]

wsMaurik schrijft:

Meestal worden specifieke toevoegingen zodanig gescreven dat de style alleen op die betreffende toevoeging werkt.
Voor EWN zou ik verwachten een EWN-blok waarbinnnen de stylen werken en niet een algemene style aanpassen. Als ze wel de algemene style aanpassen zou ik het alleen daarom al vermijden.
dus :

alle ewn teksten

Dit zijn de twee stylesheets voor EWN met daaronder de drie kleine aanpassingen om het script met een include in de Leuven-Template te draaien. Dus geen verdere aanpassingen in scripts of css.

Code: Selecteer alles

<link rel="stylesheet" href="http://static.nordicweather.net/css/ol2.css" />
<link rel="stylesheet" href="ewn_frc/css/wrf_s.css?1.31" />
<style>
.letable tr {height: 5px;}
.frcheader {font-size: 18px;}
#lang {height: 15px;}
</style>

Zo werkt het in de leuven-template:
http://www.weerstation-leuven.be/weathe ... #data-area

Maar de site van Ron heeft heel veel CSS dus wellicht dat het wat meer puzzelen zal zijn.

Wim

[tjabine]

Inderdaad veeeellll css in Drupal.

Ik heb alleen even het ewn script geplaatst.

Er zijn meerdere modules om css te injecteren maar als ik die gebruik gaat het als nog fout.

Ik heb even wat geplaatst zodat je kunt kijken.
Hier werkt alles goed! dus zonder website css http://www.weerheerhugowaard.nl/ewn/ewn_webpage.php

Hier dus in mijn site, zoals je ziet gaat de font grote in het menu op zijn kop.
Ook werkt het uitklap menu van ewn niet goed meer, ook is dan veel van de nederlandse taal weg uit de menu's van
ewn http://www.weerheerhugowaard.nl/test

Bedankt voor het meedenken en kijken.

Gr Ron.

[wvdkuil]

tjabine schrijft:

Inderdaad veeeellll css in Drupal.

Ik heb alleen even het ewn script geplaatst.

Er zijn meerdere modules om css te injecteren maar als ik die gebruik gaat het als nog fout.

Ik heb even wat geplaatst zodat je kunt kijken.
Hier werkt alles goed! dus zonder website css http://www.weerheerhugowaard.nl/ewn/ewn_webpage.php

Hier dus in mijn site, zoals je ziet gaat de font grote in het menu op zijn kop.
Ook werkt het uitklap menu van ewn niet goed meer, ook is dan veel van de nederlandse taal weg uit de menu's van
ewn http://www.weerheerhugowaard.nl/test

Bedankt voor het meedenken en kijken.

Gr Ron.

Vraag 1, wat heb je in de include staan.
Als ik naar de bron van de pagina kijk staat daar

Code: Selecteer alles

<!DOCTYPE HTML>
<html>
<head>

Dat mag niet. Een stuk moet naar de head van drupal zonder extra html en 1 stuk in de body van je pagina.
Er zit in de download map voor dit ewn script een readme en een voorbeeld pagina ewn_webpage.php

Voor het head gedeelte van je Drupal pagina

Code: Selecteer alles

include 'ewn/ewn.php';
echo $ewnhead;

En dan voor het body gedeelte

Code: Selecteer alles

echo $ewndata;

Je moet daar dus 2 stukjes php van maken en die door Drupal op de juiste plek laten neerzetten.

Let op, ik bedoel hier de voorbeeld-pagina uit de download. Je hebt blijkbaar de voorbeeld pagina aangepast en IN de map ewn geplaatst.

===

Dit principe van opbreken, zal je telkens tegenkomen.

Een complete stand-alone pagina moet altijd in twee gedeeltes 'geknipt' worden en zonder head en body tags in je Drupal system geladen worden.

Er is bijna latijd 1 stuk voor de head, waarin allerlei css maar ook een heleboel (of alle) processing zit.

Het tweede gedeelte is voor de verwerking in de body. Dat is bij dit ewn script alleen een echo. De rest gebeurt dan door javascript.

Groeten, Wim

[tjabine]

Hallo,

Inderdaad ik gebruikte het voorbeeld bestand in mijn php include.

Inmiddels heb ik het op de juiste manier gedaan maar geeft nog steeds de
zelfde problemen.
http://www.weerheerhugowaard.nl/test

Inmiddels heb ik ook de vraag gesteld op het Drupal forum.
Ik hoop dat ze een goede oplossing hebben?

bedankt voor het mee denken.