Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

[CSS] li a:hover

3 antwoorden
  • Wie helpt me? ik kom er echt niet uit... Op een pagina heb ik een submenu waarvan de a en de a:visited er gelijk uit moeten zien (oranje letters op witte achtergrond) en de a:hover en a:active moeten er ook gelijk uit zien (witte letters op een blauwe achtergrond. Ik heb het submenu op de volgende manier met CSS opgemaakt: [code:1:5ff9867ec2]#subnav { background-color: #fff; color: #ff4300; padding: 2px 0; margin-top: 5px; margin-right: 20px; float: right; width: auto; font: 80%, arial, helvetica, sans-serif; border-top: 1px solid #ff4300; border-bottom: 1px solid #ff4300; display: block; } * html #subnav { margin-right: 10px; } #subnav ul { margin: 0 0 0 5px; padding: 0 3px; list-style-type: none; border-left: 1px solid #ff4300; } #subnav li { font-weight: bold; display: inline; padding: 0 4px 0 0; border-right: 1px solid #ff4300; } #subnav li a { text-decoration: none; color: #ff4300; background-color: #ffffff; border: 0; } #subnav li a:visited { text-decoration: none; color: #ff4300; background-color: #ffffff; border: 0; } #subnav li a:hover { text-decoration: none; color: #ffffff; background-color: #3b429b; border: 0; } #subnav li a:active { text-decoration: none; color: #ffffff; background-color: #3b429b; border: 0; } * html #subnav li { padding: 0 0 0 4px; }[/code:1:5ff9867ec2] Probleem: het werkt niet. Op het eerste gezicht doet werkt het goed, maar zodra je op een link geklikt hebt kloppen de kleuren niet meer. De kleuren gaan niet meer terug naar de originele staat, en de hover klopt al helemaal niet meer. On line voorbeeld: [url]http://www.oosterveldkunststoffen.nl/preview2/home/[/url] volledige stylesheet: [url]http://www.oosterveldkunststoffen.nl/preview2/css/oosterveldscreen.css[/url] Alvast bedankt voor de hulp! -René.
  • Veel geklikt maar het werkt toch echt zoals je bedoelde hier (Firefox) :-?
  • Ik heb net enige restjes css in het stylesheet ontdekt die een deel van de ellende veroorzaakten. Heb ze eruitgehaald, en het is al een stuk verbeterd. Het is nog niet zoals het moet. Ik wil het als volgt: li:a - oranje letter op witte achtergrond li:a hover - witte letters op donkerblauwe achtergrond li:a active - witte letters op donkerblauwe achtergrond li:a visited - oranje letters op witte achtergrond De laatste drie werken. De eerste werkt niet: dat is een blauwe onderlijnde letter (alsof de declaratie voor li:a helemaal niet gezien wordt...). Als ik er een maal op geklikt heb ziet het er weer goed uit, leg ik mijn cache dan is het weer fout.. Het heeft wel goed gewerkt. Ergens in de ontwikkeling is er iets fout gegaan. Ik ga weer verder op zoek, in de hoop dat het me lukt of dat anders iemand me op het goede spoor zet of de gouden tip geeft. Alvast bedankt! René (In FF1.0 IE6.0)

Beantwoord deze vraag

Weet jij het antwoord op deze vraag? Registreer of meld je aan met je account

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.