Problem mit headerbild

  • hey leute ich habe ein problem...
    ich möchte ein bild für den header, kriege das aber iwie net hin...
    Quellcode:


    #header {
    background:url(header_winter.jpeg);
    height: 200px;
    width:100em;
    }


    als externe css datei eingebunden allerdings wird diese grafik (liegt im gleichen verzeichnes wie die css und die html datei nicht angezeigt...was mache ich falsch?

  • Probiers mal mit "header_winter.jpg".
    Der Quellcode ist ansonsten fehlerfrei, auch wenn die Maß-Angaben in Pixeln und EM gemischt für mich wenig Sinn ergeben.
    Fehlerursachen könnten sein:
    - dein Element heißt nicht header
    - dein Element ist keiner ID sondern nur einer Klasse zugeordnet
    - dein Bild heißt nicht so, wie du es im Quellcode stehen hast
    - der CSS-Code ist irgendwie falsch deklariert und es funktioniert keine der Angaben



    Ich denke aber mal, dass es der Unterschied jpg <--> jpeg ist.
    Du solltest auch noch darauf achten, dass im Dateinamen keine Großbuchstaben verwendet werden :)

  • hhhm...also es funktioniert immer noch net... egal ob ich jpg oder jpeg schreibe.... aber alles ander funktioniert iwie au net ( außer die farben...) hier der komplette quellcode...vllt is ja iwo ein fehler drin...


    datei index.htm im ordner hp:


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">


    <head>


    <title>My Hp... Startseite</title>


    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
    <meta name="description" content="" />
    <meta name="author" content="" />
    <meta name="keywords" content="" />
    <meta name="generator" content="Webocton - Scriptly" />


    <link href="style1.css" type="text/css" rel="stylesheet" media="screen"/>




    </head>


    <body>
    <div id="header">


    </div>
    <div id="navigation" align="left">


    <a href="home.htm"><img src="home.png" border="0" height="25" width="250" /></a>


    <hr width= 250 px/>


    <a href="wmuedsws.htm"><img src="wmuedsws.png" border="0" height="25" width="250" /></a>
    <hr width= 250 px/>


    <a href="ich.htm"><img src="ich.png" border="0" height="25" width="250" /></a>


    <hr width= 250 px/>


    <a href="fun.htm"><img src="fun.png" border="0" height="25" width="250" /></a>


    <hr width= 250 px/>


    <a href="contact_me.htm"><img src="contact_me.png" border="0" height="25" width="250" /></a>
    <hr width= 250 px/>
    <a href="games.htm"><img src="games.png" border="0" height="25" width="250" /></a>
    </div>
    <div id="text" vertical-align="bottom">
    Text
    </div>
    <div id="box1" align="right">
    Box
    </div>



    datei style1.css im gleichen ordner:


    #header {
    height: 150 px;
    background: url(../hprichtig/header_winter.jpeg);
    margin: 10 px;
    padding: 20 px;
    }


    #navigation {
    height: 150 px;
    width: 250 px;
    float: left;
    margin: 0 px;
    }


    #text {
    height: 300px;
    width: 20 px;
    background-color: green;
    }


    #box1 {
    height: 150 px;
    width: 100 px;
    float: right;
    background-color: lawngreen;
    }


    </body>


    </html>


    probleme:


    1. navi bilder werden nicht untereinander sondern nebeneinander angezeigt,
    2. alle elemente haben nicht die zugewiesene breite und höhe
    3. header bild wird nicht angezeigt...


    vllt kann mir ja jemand den fehler sagen...


    seite auf <!-- m --><a class="postlink" href="http://lauras93.la.funpic.de/test">http://lauras93.la.funpic.de/test</a><!-- m -->


    eigentlich soll das ganze dreispaltig mit header obendrüber sein...

  • Also bei mir werden die Navigationsbildchen untereinander angezeigt.
    Und ein Bild gibt es unter der URL <!-- m --><a class="postlink" href="http://lauras93.la.funpic.de/hprichtig/header_winter.jpg">http://lauras93.la.funpic.de/hprichtig/ ... winter.jpg</a><!-- m --> nicht.


    Wie das mit den Breiten und Höhen zusammenhängt kann ich jetzt auch nicht feststellen. Du kannst ja einfach mal bei allen Elementen den Rahmen anmachen und schauen, ob du da fast findest.

  • ja das ist bei mir auch so..jetz hab ich das bild aber auch einfach eingefügt mit <img src ... ich möchte es aber als hintergrundbild so dss ich auch noch etwas reinschreiben kann... außer dem soll das ganze dreispaltig sein navi | text | box


    außerdem stimmt die breite des text feld und der box nicht ( siehe css code)

Jetzt mitmachen!

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