Hallo,

Ik ben bezig met mijn nieuwe design, maar ik loop tegen een probleem aan.

Ik gebruik ul > li voor mijn lijsten, ik geef de ul een class mee. Deze class heeft line-height 26px om de tekst netjes in het midden te krijgen. Maar ik wil als een li de class half-line-height heeft, de line-height op 13px wordt gezet. Dit gebeurt niet. Ook firebug haalt de tweede line-height door:

ul.nice-list li {style.css (regel (256)
border-top:1px solid #ECECEC;
line-height:26px;
margin-left:-40px;
}
li.half-line-height {style.css (regel (247)
[s]line-height:13px;[/s]
}

(sorry dat het niet tussen codeblocks staat ;)

Hoe komt dit?

De tweede class staat onder die van de ul.

En als jullie een oplossing weten, heb ik nog een ander (heeel vaag) FF probleem met CSS.
Als het wordt doorgehaald betekend het dat die regel wordt overschreven met een zelfde rule in hetzelfde document.
Wat je even moet doen is in je StyleSheet het blok 'li.half-line-height' onder het blok 'ul.nice-list li' zetten.
Zoals je al in firebug ziet staat die laatste op regel 256, die van de li staat op regel 247 (daarboven dus)

Groet,
J.
Tommy schreef op 16.10.2008 16:45

(sorry dat het niet tussen codeblocks staat ;)

Hoe komt dit?

Omdat je er geen [ignore]
 en 
-tags [/ignore] omheen hebt gezet. Ik heb het nu voor je gedaan.
Dat bedoelde ik niet ;) Ik ben niet dom.

Ik heb expres geen code blocks gedaan want anders kan ik niet met [ignore][s][/ignore] werken en dat maakt het juist duidelijk.

ik heb het echt maar één keer gepost... :S

Reageren