---

Jeg er klar med en halv snes modelsider og et CSS (mange tak til
Farum, Ginnerskov, Bertel m.fl.)
W3C validerer og gratulerer!
Det lyder jo som ren FEST, men - og nu kommer det:
Det burde faktisk ikke virke.
Jeg bøvlede f. eks. i lang tid for at få Internet Explorer til at
halvere afstanden mellem banner og streg. Problemet blev løst ved
at indsætte
* {margin:0;padding:0;border:none;line-height:100%;}
øverst i CSS og definere nogle højder.
Så fulgte en masse tumult med doctype, tegnsæt, farver mm, og
inden jeg så mig om, kunne jeg ikke finde tilbage til det
stylesheet, der (næsten) havde virket.
Omsider lykkedes det mig pludselig at fiske en version op af
papirkurven, som med lidt yderligere fifleri kunne give siderne
det ønskede udseende (også i IE).

Nu kommer det, der er helt ude i hampen:
CSS indeholder ikke længere

* {margin:0;padding:0;border:none;line-height:100%;}

foroven, men IE fortolker alligevel afstanden mellem banner og
streg "korrekt".
Jeg vedlægger et par af kreationerne, hvis nogen kan/vil hæve
magien, som gør mig meget utryg / Ulla:

www.kristianna.dk/mulla.css
www.kristianna.dk/mbredt.html
www.kristianna.dk/mulla.html


ps/ sidernes links fører endnu blot ind i det antikverede websted



--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

Ulla Ussimala skrev:

> Nu kommer det, der er helt ude i hampen:
> CSS indeholder ikke længere
>
> * {margin:0;padding:0;border:none;line-height:100%;}

Jeg tror at du har været ude for et cache-problem,
se:

Altid seneste version af siden
http://html-faq.dk/1006.asp

> at få Internet Explorer til at halvere afstanden mellem
> banner og streg

Sådan en <hr> er altid vanskelig at styre, så det ser
ensartet ud i alle browsere.

Jeg har løst problemet med et baggrundsbillede i
stedet, se:

Slå en streg i sandet
http://html-faq.dk/2028.asp

På den måde er der også andre muligheder, så den
ikke bare er ensfarvet.

--
Allan Vebel
http://html-faq.dk
http://vebel.dk

---

Allan Vebel formulerede søndag:
> Ulla Ussimala skrev:
>
>> Nu kommer det, der er helt ude i hampen:
>> CSS indeholder ikke længere
>>
>> * {margin:0;padding:0;border:none;line-height:100%;}
>
> Jeg tror at du har været ude for et cache-problem,
> se:
>
> Altid seneste version af siden
> http://html-faq.dk/1006.asp
>
>> at få Internet Explorer til at halvere afstanden mellem
>> banner og streg
>
> Sådan en <hr> er altid vanskelig at styre, så det ser
> ensartet ud i alle browsere.
>
> Jeg har løst problemet med et baggrundsbillede i
> stedet, se:
>
> Slå en streg i sandet
> http://html-faq.dk/2028.asp
>
> På den måde er der også andre muligheder, så den
> ikke bare er ensfarvet.

en <hr> kan godt formatteres, med farver og iset og outset..
Ikke at det får den til at se ens ud i forskellige browsere -
tværtimod.
Men den behøver altså ikke "bare være ensfarvet"...

Birger

--
http://varmeretter.dk - billig, sund og hurtig mad
http://bbsorensen.dk

---

Birger Sørensen skrev:

> en <hr> kan godt formatteres, med farver og
> iset og outset.. Ikke at det får den til at se ens
> ud i forskellige browsere - tværtimod.

Ja, det er jo det jeg siger i artiklen

Der er mange der har forsøgt at få det til at se
ensartet ud, men alligevel er det ikke kønt at se
på.

Det kan også laves med et almindeligt billede,
for eksempel 10x10px:

<img src="graa.png" class="hr" alt="" />

..hr{
width:100%;
height:2px;
margin:0;
}

--
Allan Vebel
Skal vi mødes?
http://runejensen.dk/webdesign_group_meeting/