Menukleur aanpassen

  • Opgelost maloustil

    (@maloustil)


    13 jaren, 7 maanden geleden

    Goedemiddag,

    Ik wil graag mijn menukleur aanpassen. Het probleem is echter dat als ik in Firefox mijn site bekijk de kleuren wel goed zijn aangepast. Als ik in IE kijk dan is het nog de oude versie.
    Hoe kan ik het zo aanpassen dat ik in IE en Firefog hetzelfde zie?

    Ik wil graag een rode menubalk, met witte letters zoals in Firefox.

    De website is http://www.maloustillekens.nl

6 reacties aan het bekijken - 1 tot 6 (van in totaal 6)
  • wpprogrammeurs.nl

    (@wordpressprogrammeursnl)

    13 jaren, 7 maanden geleden

    Je CSS is een beetje een puinhoop.

    * verwijder in je CSS de dubbele regels
    * verwijder de foutieve regel : background: -webkit-lin…..
    * pas de volgende regel aan met de juiste kleurnummers:

    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#252525), to(#252525));

    media=”all”
    #access {

    background: -moz-linear-gradient(#9A0C17, #FDFDFD);
    background: -moz-linear-gradient(#9A0C17, #FDFDFD);
    = dubbel

    background: -o-linear-gradient(#9A0C17, #FDFDFD);

    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#252525), to(#252525));
    background: -webkit-linear-gradient(#252525, #252525);
    ook dubbel en verkeerde kleuren , en verkeerde constructie

    -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
    -moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
    clear: both;
    display: block;
    float: left;
    margin: 0 auto 6px;
    width: 100%;
    }

    Thread starter maloustil

    (@maloustil)

    13 jaren, 7 maanden geleden

    Ik heb wat veranderd, maar is het nu goed? Er verandert in ieder geval niets zichtbaar..

    #access {
    background: -moz-linear-gradient(#AF0909, #fdfdfd);
    background: -o-linear-gradient(#AF0909, #fdfdfd);
    media=”all”
    -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
    -moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
    clear: both;
    display: block;
    float: left;
    margin: 0 auto 6px;
    width: 100%;

    wpprogrammeurs.nl

    (@wordpressprogrammeursnl)

    13 jaren, 7 maanden geleden

    je bent sterretje nummer 3 vergeten :

    * pas de volgende regel aan met de juiste kleurnummers:

    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#252525), to(#252525));

    en media=’all’ hoort niet tussen de brackets te staan

    Thread starter maloustil

    (@maloustil)

    13 jaren, 7 maanden geleden

    Ik heb het zojuist nog aangepast, maar nog steeds is er een verschil tussen Chrome en Firefox. Bij Firefox is het menu wel goed, bij Chrome niet.

    /* =Menu
    ————————————————————– */

    #access {
    background: -moz-linear-gradient(#e31414, #fdfdfd);
    background: -o-linear-gradient(#e31414, #fdfdfd);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e31414), to(#fdfdfd));
    media=all
    -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
    -moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
    clear: both;
    display: block;
    float: left;
    margin: 0 auto 6px;
    width: 100%;

    Ik begrijp niet goed waar ik de juiste kleurcodes moet invullen. Ik ben erachter dat wanneer ik de eerste regel correct aanpas, de menubalk in Firefox dan ook correct getoond wordt. Maar waar moet ik het aanpassen voor chrome?

    wpprogrammeurs.nl

    (@wordpressprogrammeursnl)

    13 jaren, 7 maanden geleden

    fijn he die CSS compatibiliteit tussen browsers ?

    http://www.dynamicdrive.com/style/csslibrary/item/css3_linear_gradients/

    (vergeet ook niet je browser cache leeg te maken !! bij chrome : CTRL+SHIFT+DEL )

    Thread starter maloustil

    (@maloustil)

    13 jaren, 7 maanden geleden

    Jaaa, super, dank je wel!
    Ga nu ook niets meer veranderen, vindt het wel goed zo voorlopig 😉

6 reacties aan het bekijken - 1 tot 6 (van in totaal 6)

Het onderwerp ‘Menukleur aanpassen’ is gesloten voor nieuwe reacties.