Probleme beim Header

  • Hallo,

    wie konfiguriere ich folgende header.php, damit der "blaue Abschnitt" zwischen Titel-Grafik und der restlichen Seite (siehe http://www.ludwigs-media.de/blog) nicht mehr erscheint:

    Würde mich sehr über eure Hilfe freuen! :)

    • 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

  • Das musst du in der "style.css" ändern:

    ..suche nach:

    Code
    #header {
    	padding: 0;
    	margin: 0 auto;
    	height: 200px;
    	width: 100%;
    	background-color: #73a0c5;
    	}

    Dort wird die Höhe und die Hintergrundfarbe festgelegt.

  • Zitat von Olaf

    Das musst du in der "style.css" ändern:

    ..suche nach:

    Code
    #header {
    	padding: 0;
    	margin: 0 auto;
    	height: 200px;
    	width: 100%;
    	background-color: #73a0c5;
    	}

    Dort wird die Höhe und die Hintergrundfarbe festgelegt.

    Vielen herzlichen Dank! Das war die Lösung!

  • Zitat von dwd

    Ich würde jetzt gerne am Anfang von "body" das Bild http://www.ludwigs-media.de/blog/wp-conten…es/body_end.gif setzen, geht das dann auch über css?


    verstehe ich Dich richtig, dass Du unterhalb des headers -also oberhalb dessen wo jetzt *Test...* steht dieses Bild haben magst?
    wenn ja
    dann <div id="content" class="narrowcolumn">
    musst Du es als Hintergrund von *content* setzen mit
    background: url(........adresse des bildes) repeat-x;

    lg
    Monika

  • In welche Datei/Abschnitt muss ich das denn eintragen?

  • in der .css Datei

    öffne diese dann suche
    #content
    dort steht sicher wo
    background un dort trage dies ein.
    bei mehr wissen wollen, bitte hier rein schreiben was in Deiner .css bei
    #content steht
    lg
    Monika

  • Bei mir steht dort nur

    #content {
    font-size: 1.2em
    }

  • Zitat von dwd

    Bei mir steht dort nur

    #content {
    font-size: 1.2em
    }

    auch gut ;)

    #content {
    font-size: 1.2em
    background: url(/image/body_end.gif) repeat-x;

    }

    versuche dies bitte und wenn fertig lass es mich wissen, weil eventuell musst Du dann die searchbox der sidebar ein wenig tiefer legen und mit Deinem Inhalt ein wenig tiefer anfangen, damit das Bild Platz hat.

    lg
    Monika

  • Zitat von Monika

    auch gut ;)

    #content {
    font-size: 1.2em
    background: url(/image/body_end.gif) repeat-x;

    }

    versuche dies bitte und wenn fertig lass es mich wissen, weil eventuell musst Du dann die searchbox der sidebar ein wenig tiefer legen und mit Deinem Inhalt ein wenig tiefer anfangen, damit das Bild Platz hat.

    lg
    Monika

    Herzlichen Dank für die Hilfe :D !

    Wahrscheinlich liegt der Fehler bei mir, aber außer, das die Schrift nun kleiner geworden ist, hat sich nichts verändert?!?

  • Fehler liegt bei mir,
    es ist ja kubrick ...


    öffne Deine .css Datei
    und kopiere dort wo die structure Angaben beginnen-oder zumindest dort wo Du es selber wieder findest;):

    Code
    #oben{
    	height:17px;
    margin-left:6px;
    	}


    margin-left: das kann je browser verschieden sein, habe ich jetzt nicht getestet, wenn Dir jemand meldet oder Du selber in Deinem siehst, dass es nicht gerade abschließt--müssen wir tricksen;)

    dann öffne Deine header.php und schreib dort wo die Bilder angegeben werden, oberhalb der
    #footer Angabe folgendes hinein:

    #oben { background: url("http://www.ludwigs-media.de/blog/wp-conten…es/body_end.gif") repeat-x top left; border: none; }

    ebenfalls in der header.php findest Du ein Stück weiter unten folgendes:

    gleich nach diesen hr
    schreibe:

    Code
    <div id="oben"></div>


    --> sollte dieses hr nicht mehr in der header.php stehen, dann bleibt Dir nichts anderes über als alle .php Dateien des themes aufzumachen und dort wo der hr steht dies drunter hineinzukopieren.

    ----
    und in Deiner .css gehe wieder zu content
    und nimm bitte die pixel Angabe bei font-size wieder weg:

    Code
    #content {
    font-size: 1.2em;
    }


    magst Du kleinere Schrift, dann nimm 1.em, Du kannst auch 0.9em nehmen ist aber meist schon sehr klein,


    lG
    Monika

Jetzt mitmachen!

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