Header

    So... Nochmal ich.
    Jetzt durchforste ich schon ewig alle möglichen Foren zu meinem Problem.
    Wie man ein Bild im Header einfügt, hab ich - prinzipiell - verstanden, ich hab im Stylesheet einen (mMn) passenden Code eingefügt:

    Code
    #header {
  height: 30px;
  widht: 100px
  background: url(imgs/Header.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  background-color: cc99ff;
}

    Trotzdem ist das Bild nicht zu sehen.
    Wo kann hier der Fehler sein? Muss ich in der header.php auch irgendwas verändern?
    (Ich verwende das Theme Mifty.)

    Danke schon im Voraus.

    Einmal editiert, zuletzt von rocabeth (10. Juli 2011 um 02:24)

    • Gerade eben
    • 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

    EDIT:

    Ich sehe gerade, dass nach widht: 100px das ; fehlt. Allerdings liegt es an dem nicht. Hab den Tippfehler schon korrigiert, das Bild ist nach wie vor nicht zu sehen.

    sicher, dass der Ordner "imgs" heisst? Ist das Bild überhaupt an dieser Stelle? Prüfe mal die Adresse.
    Grundsätzlicher Tipp: Link zum Probem!!!

    dürfte daran liegen das bereits ein background Code für Header mit "none" vorhanden ist

    Code
    #header, #content, #back, .middle, #header #s, #content #s, #header #searchsubmit, #content #searchsubmit {
    background: none repeat scroll 0 0 #FFFFFF;
}

    hier mal das Erste "[COLOR=Red]#header,[/COLOR]" mit dem Komma entfernen

    ach ja und deinen Code kannst du einfacher gestalten
    (bei deinen Farbcode fehlt übrigens das "[COLOR=Red]#[/COLOR]"

    Code
    #header {
  background: url(imgs/Header.jpg) no-repeat scroll top center #cc99ff;
  height: 30px;
  widht: 100px 
}

    und noch ein Hinweis: bei Problemen immer einen Link zur Seite hinzufügen, nicht jeder sucht das INet nach irgendeinem Theme ab, um helfen zu können

    wie art of Pic schon angedeutet hat, dieser style weiter zum ende der style.css sagt im prinzip: 'kein hintergrundbild'

    Code
    #header, #content, #back, .middle,
#header #s, #content #s,
#header #searchsubmit, #content #searchsubmit {
  background: #f3e7f9;
}


    aendere das in

    Code
    background-color: #f3e7f9;



    ausserdem hier:

    Code
    widht: 100px

    width muss mit th

    und allgemein jeden style mit semikolon abschliessen (aus prinzip)

    und das hintergrundbild ist mit 1000px*300px viel zu gross fuer einen #header mit 100px*100px

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden