CSS margins

In het boek van Zeldman staat dat je h3, h4 etc. per # kan definieren. Ik heb nu twee # gedefinieerd: #subnav p, h4, h3 {margin: 0} #content p, h4, h3 {margin-top: 0; margin-bottom: 0; margin-left: 30px; margin-right: 15px} Wat er echter gebeurd is dat #subnav h3, h4 etc. de waardes overnemen van de laatste # (in dit geval #content) Wie weet hoe dat te voorkomen is?

Hier een voorbeeld. Zoals je kan zien springen de kopjes in het linker blauwe vlak even veel in als de tekst onder de foto., terwijl voor beide kopjes een eigen id selector is aangemaakt…

moet zijn:

[code:1:7fe55d1736]#subnav p, #subnav h4, #subnav h3 {
margin: 0
}

#content p, #content h4, #content h3 {
margin: 0 15px 0 30px;
}
[/code:1:7fe55d1736]

you're the best :roll:

klopt, heb ik ook al gemerkt dat het zo moet :)

Maar zou er echt niets zijn in de trand van

[code:1:546159fcd8]#subnav (p, h4, h3) {
margin: 0;
} [/code:1:546159fcd8]
dat zou wel handig zijn…

[quote:a02a58907a="macetaria"]Maar zou er echt niets zijn in de trand van [code:1:a02a58907a]#subnav (p, h4, h3) { margin: 0; } [/code:1:a02a58907a] dat zou wel handig zijn...[/quote:a02a58907a]

Antwoord: nee :slight_smile: