Headerphänomen Hintergrundfarbe

  • Hallo zusammen,
    ich scheitere mal wieder an meinen Programmierkentnissen oder aber ich habe einfach Tomaten auf den Augen...
    Bei meiner Site http://www.diemedialounge.de erscheint beim Laden der Seite hinter der Headergrafik immer ganz kurz die ursprüngliche Farbe des Templates bis die Headergrafik geladen ist. Es ist so ein bräunlicher Ton...

    Würde das gerne auf ein neutrales Weiß färben.

    Hat jemand ne Idee, wo ich die Farbangaben dazu finde? :cry:

    Herzlichen Dank im Voraus für eure Hilfe!!!

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Code
    #header {
        background: url("http://www.diemedialounge.de/wp-content/uploads/2011/02/header1.jpg") no-repeat scroll right top [COLOR=Red]#663300[/COLOR];
    
    
    
    
    }

    das ist der angegebene Farbcode

    den ändern in #FFFFFF

  • Komisch...
    ich habe doch überall schon die Farbe #ffffff hinterlegt und trotzdem sieht es so aus.


    #header {
    height: 165px;
    background:#ffffff url(img/header.jpg) no-repeat right top;
    margin:0 auto;
    padding:0;
    }
    #header h1
    {
    font-size:2em;
    margin:10px 0 0 10px;
    }
    #header h1 a:link,#header h1 a:visited
    {
    border-bottom:none;
    background:none;
    }
    #header h1 a:hover,#header h1 a:active
    {
    border-bottom:#fff 1px solid;
    background:none;
    }
    #header h4
    {
    font-size: 0em;
    font-style:italic;
    margin: 5px 0 0 10px;
    padding:0;
    }
    #header *
    {
    color:#ffffff;
    }

    Einmal editiert, zuletzt von diemedialounge (3. März 2011 um 13:25)

  • die farbe ( #630 ) kommt evtl von einem embedded style, wahrscheinlich in header.php (?):

    Code
    <style type="text/css">#header {    background:#630 url(http://www.diemedialounge.de/wp-content/uploads/2011/02/header1.jpg)no-repeat right top;}#header *{    color:#blank;}</style>



    nb: #blank ist natuerlich kein valider farbcode.

    wenn die #630 nicht im header.php festgelegt ist, ist vielleicht in functions.php vom theme was zu finden.

    nb:
    IE7 zeigt kaffeebohnen im headerbild; FF3.6 zeigt ein blassgraues design.

    das liegt evtl am fehlenden space vor den 'no-repeat' hier im oben zitierten style: '.../header1.jpg)no-repeat ...'

  • IE ruft header.jpg auf (die Böhnchen), FF die header1.jpg. Würde mal nach der falschen header.jpg suchen und den Eintrag in header1.jpg ändern.

  • zumindest IE7 mag es ueberhaupt nicht, wenn im style mit einem hintergrundbild irgendetwas direkt an der klammer von der url() dranklebt - dann wird das ganze einfach ignoriert.

    ps:
    die header.jpg ist hier

    Code
    #header {
    height: 165px;
    background:#ffffff [URL="http://forum.wordpress-deutschland.org/lexikon/?do=showentry&item=url"][COLOR=#306582]url[/COLOR][/URL](img/header.jpg) no-repeat right top;
    margin:0 auto;
    padding:0; 
    }


    im style.css, was diemedialounge ja schon gepostet hat.

    header1.jpg ist im embedded style im header drin.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!