5 berichten aan het bekijken - 1 tot 5 (van in totaal 5)
  • Q:
    Bijdrager
    Mennodeb

    CSS in Safari niet, in Firefox wel ?

    Kan iemand mij uitleggen waarom de a:hover in de volgende URL niet in Safari werkt en wel in Firefox?
    http://www.mennodeboer.nl/geknipt

    div#navigation li a {
    color:#fff;
    text-decoration:none;
    border-radius: 30px;
    margin-left:-20px;
    }

    div#navigation li a:hover {
    display:block;
    text-decoration:none;
    color:#000;
    background-color:#DDD;
    margin-left:-15px;
    padding-left:15px;
    }

    div#navigation li a:active{
    width:100px;
    color:#fff;
    margin-left:-15px;
    padding-left:15px;
    text-decoration:none;
    background-color: orange;
    }

    Bijdrager
    twenske

    Haal bij li a:hover display block eens weg! Ik denk dat hij het dan moet doen.

    Laat maar weten of het lukt.

    gr
    Twan

    Bijdrager
    Mennodeb

    Is inderdaad de reden, alleen gebeuren er nu andere rare dingen:-) Bedankt twenske

    Bijdrager
    Dr. Maddox

    Waarom heb je “padding-left:15px;” niet bij de eerste style staan? Is dat bewust om het expres te laten verspringen bij hover?

    Omschrijf anders eens wat er in jouw ogen niet klopt. Wie weet dat we je kunnen helpen…

    Bijdrager
    twenske

    @maddox ik denk dat menno dat inderdaad betitelt als “rare dingen”

    @menno als je een css menu maakt zou ik altijd eerst het framewerk opzetten (hoogte en breedte, positionering) en bij de hover alleen de kleurtjes e.a. te zetten. De rare dingen zullen dan ook niet gebeuren.

5 berichten aan het bekijken - 1 tot 5 (van in totaal 5)

Je moet ingelogd zijn om een reactie op dit onderwerp te kunnen geven.