Hallo Christine,
Een oplossing om de actieve link te markeren staat op pagina 338. Zoals het daar beschreven staat is dit vooral bedoeld voor een site die werkt met bijv. templates of zoals op jouw site, waar het menu is geplaatst vanuit de library. Het menu staat bij een dergelijk opbouw centraal op één plek in de root en is dus niet in iedere pagina afzonderlijk aan te passen in de HTML. Het lukt je dus niet om een link op één bepaalde pagina handmatig in de HTML een andere id te geven.
Aanvullend op de uitleg in het boek kan je ook ervoor kiezen om op iedere pagina de body een aparte id te geven, dan hoef je niet iedere pagina een aparte stylesheet te geven. In de bestaande stylesheet komt dan per link een bijbehorende CSS-regel te staan die er bijvoorbeeld zo uitziet:
#naambody li#naamlink a { color: #0F0; }
Op die manier kan je zorgen dat per pagina de link er anders uitziet.
Wat betreft het witte randje, ik zie dat de grijze blokjes allemaal wel een class hebben (waarom class, het is een specifieke naam zo te zien dan beter id), je kunt een CSS-regel maken die er zo uitziet:
.rechts4, .rechts5 { border: 0; }
Dat hoort te werken lijkt me.
Over de footer:
- Waarom heeft deze een height? Beter hoogte laten bepalen door inhoud, zonodig met padding voor de tussenruimte.
- De ul heeft een position: relative. Door te spelen met de waarde van top kan je de positie aanpassen. Je kunt ook een negatieve waarde gebruiken. Als je dat doet in de bestaande stylesheet zullen in IE daarna de links waarschijnlijk te hoog staan. Dit kan je vervolgens aanpassen met een conditional comment (pag. 122).
Succes!
Frances
Auteur
Topic: openstaande pagina in menubalk (gelezen 1202 keer)