Kasper Johansen skrev:
> .menu_top td div{
> display: block;
> }
Ovenstående fanger div elementer liggende i en tabelcelle (td) et
eller andet sted under noget med klassen .menu_top.
> Dette får min underliggende DIV-boks til at vise sig, men også
> samtlige andre DIV-bokse underliggende denne
Det er altså helt korrekt opførsel.
> Hvordan kan jeg fortælle mit CSS at det kun er det bestemte
> underliggende element der skal vises (altså kun de DIV-bokse
> der ligger under classen, og ikke under classens andre
> elementers DIV-bokse).
I princippet kan du klare det med child-selektoren:
..menu_top td > div{ /* A */ }
..menu_top > td div{ /* B */ }
..menu_top > td > div{ /* C */ }
A fanger div-elementer der ligger direkte under en tabelcelle, hvor
tabelcellen baere skal ligge inde i "noget" med klassen menu_top.
B fanger div-elementer der ligger inde i td-elementer der ligger
direkte under et (tr)-element med klassen .menu_top.
C fanger div-elementer der ligger direkte under en tabelcelle der
igen ligger direkte under et tr-element med klassen menu_top.
Jeg gætter på at det er A du har brug for... *men* desværre forstår
IE ikke en hujende fis af child-selektoren. Derfor er ovenstående
kode ikke meget værd hvis IE også skal være med.
Du kan enten bruge en klasse til at skelne mellem den yderste og de
inderste div-elementer i tabelcellen, eller du kan bruge endnu en
descendant-selektor (som IE forstår) til at skelne:
..menu_top td div{ /* Her rammer vi alle div'er i tabellen /* }
..menu_top td div div{
/* Her rammer vi først et niveau længere inde */
}
..menu_top td * div{
/* Denne her fanger også div'er der er lagt ind i andre elementer
(under tabelcellen) - fx <td><form...><div> */
}
>
http://notater.lir.dk/kasperogthomas (under menuen "Test1"),
NB: Du har et par mindre valideringsfejl på siden. Det er en god
ide at få dem rettet.
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på
http://usenet.dk/netikette/citatteknik.html