Verchiedene Bilder im Header

  • Guten Tag alle zusammen

    Ich bin mit meinem Latein am Ende... Und zwar: In meiner index.htm definiere ich einen normalen <header>. Im CSS gebe ich dem header einen "background-image" mit (fixe Breite und Höhe). Auf jeder anderen Seite (innerhalb der gleichen Website) würde ich gerne ein anderes Bild auf dem header haben. Könnt Ihr mir hier weiterhelfen?

    Vielen lieben Dank und herzliche Grüsse aus der Schweiz.

  • Dann musst du auf jeder Seite im !!head!!

    HTML
    <style type="text/css">header {background-img: xxx;}</style>

    angeben
    (php wär hier ne Lösung, wenn du dich damit auskennst ;) )

    2 Mal editiert, zuletzt von wolf (25. Februar 2014 um 14:55) aus folgendem Grund: ; vergessen :D

  • Ich definiere im <head>: <link href="style.css" type="text/css" rel="stylesheet">

    Also das heisst auf jeder Seite eine neue *.css-Datei kreiieren? Oder das ganze Style kopieren, umbenennen und nur den background-image ändern?

  • NEIN :D


    Ungefähr so sollte dein Dateianfang aussehen:

    Auf jeder nächsten Seite änderst du dann das hier:

    CSS
    header{
             background-image: bild2.jpg;
    }

    Hoffe es ist verständlich :)

    habe das grad einfach nur wo rauskopiert ;)

    Einmal editiert, zuletzt von wolf (25. Februar 2014 um 14:56)

  • Alternativ kannst du auch z.B. dem body jeder Seite eine ID geben, z.B.:

    HTML
    <body id="page-index">
    HTML
    <body id="page-contact">

    und dann im CSS entsprechend die Hintergründe zuweisen:

    CSS
    #page-index {
    ...
    }
    
    
    
    
    #page-contact{
    ...
    }

Jetzt mitmachen!

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