Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

[css & ie] descendent element selector

Ener Nestraa
5 antwoorden
  • Hallo,

    In deze website wil ik in de horizontale navigatiebalk door middel van kleur laten zien in welk deel je je van de site bevindt.

    Ik gebruik daarvoor een class="on", die ik aan het gewenste menu-item koppel. In het stylesheet definieer ik class="on" gelijk aan de hover status van een menu-item. Het werkt in firefox, het werkt maar niet in internet explorer.

    Of ik nu
    [code:1:3aad07c8a3]#mainnav li a.on[/code:1:3aad07c8a3]
    [code:1:3aad07c8a3]li a.on[/code:1:3aad07c8a3] of
    [code:1:3aad07c8a3].on[/code:1:3aad07c8a3]
    gebruik, in IE werkt het niet…

    Iemand een idee?
    Bedankt!

    PS. Ik weet het, ik moet het stylesheet nog opschonen (=meer 'cascading' maken) …
  • bedoel je zoiets:
    [code:1:e4fba7bc33]
    #mainnav a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color:#ffffff;
    font-size: 11px;
    display: block;
    color: #000000;
    width: 95px;
    padding: 3px;
    text-decoration: none;
    }
    #mainnav a:hover {
    background-color:#000000;
    color: #ffffff;
    }
    [/code:1:e4fba7bc33]

    Succes ermee

    Nee, dat bedoel je niet. Sorry, ik zit 'm nu pas goed te lezen geloof ik.

    Je mag volgens mij ook niet in je href een waarde meegeven voor de link. Maar dat kan ik mis hebben. Waar haal je class="on" vandaan? via variabele in php?
  • lekker antwoord.. :-?

    #mainnav a:visited
    {
    text-decoration: none;
    color: #ffffff;
    }

    deze stijl zit de andere in de weg. Om dat te overkomen moet je ook een visited versie maken van a.on, anders wordt die overruled door de algemene visited versie, zo dus:

    [code:1:f793d081f9]#mainnav a.on:visited
    {
    text-decoration: none;
    color: #612860;
    }[/code:1:f793d081f9]


    Wat mij betreft heeft IE het hier juist. (hetzelfde geldt natuurlijk ook voor :active, :hover, etc.)

    Nette site/code overigens!
  • @maIRnaairruJ: Ik wilde eigenlijk reageren op je eerdere antwoord, maar zie nu dat je dat inmiddels geëdit hebt. Bij mij doet ie het nog niet, maar zal je tip straks even uitproberen. Het klinkt vrij logisch wat je zegt.

    [quote:d30af7dc66]Nette site/code overigens![/quote:d30af7dc66]
    Dankjewel!
    (zal hem nog even door een validator halen om eventuele fouten eruit te halen)
  • ja, ik was nog even gaan knutselen toen ik merkte dat het niet werkte ;)

Beantwoord deze vraag

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