|
|||
Background Image wird nicht angezeigt
Hallo allerseits,
Also mir macht es einfach total spass so an einer Hp zuarbeiten, allerdings bin ich auch total neu auf dem Gebiet. Und ich bin gerade am ende mit meinen Latein. Hab schon überall geschaut und gegoogelt allerdings find ich meinen fehler nicht. Es soll eine Homepage werden mit: Kopf linkes Menu Mitte rechtes Menu Fusszeile Im Header wird mir das Hintergrundbild gezeigt aber im rechten und linken Menu nicht und ich weiss nicht warum. Code:
<body background="bg.jpg" text="#000000" link="#ff0000" alink="#660000" vlink="#00ff00">. <div id="wrapper"> <div id="header"> </div> <div id="menu-left"> </div> <div id="menu-right"> </div> <div id="content"> </div> <div id="footer"> </div> </div> </body> #header { width: 100%; height: 200px; background-color: #000000; background-image: url(../header.jpg); background-repeat:no-repeat; background-position:center; margin-bottom: 20px; } #content { width: 60%; height: 520px; background-color: #117711; float: right; margin-bottom: 20px; } #menu-left { background-color: #000000; background-image: url(../lilabg.jpg); background-repeat:repeat; width: 17%; height: 520px; float: left; margin-right: 10px; } #menu-right { width: 17%; height: 520px; background-color: #000000; background-image: url(../lilabg.jpg); background-repeat:repeat; float: right; margin-left: 10px; } Ich hab das Hintergrundbild im Body auch nicht per css geschafft deswegen hab ich es auf die index.html geschrieben. |
Sponsored Links |
|
|||
Hallo
Ein Link zu der Seite oder als zweitbeste Lösung der komplette Quelltext würden mehr bringen. So bleiben nur die üblichen drei Möglichkeiten: 1. Das Bild ist nicht in dem angegebenen Verzeichnis vorhanden 2. Datei- und / oder Pfadname sind falsch 3. Der Container hat keine Größe, häufig mangels Inhalt Gruss MrMurphy |
Sponsored Links |
|
|||
Code:
/*Block-Darstellung für HTML5-Elemente in IE8 */ header, menu-left, menu-right footer { display: block; } /********************************************/ body } #wrapper { max-width: 980px; margin: 0px auto; background-color: #ffff00: margin-top: 20px; padding: 20px; } #header { width: 100%; height: 200px; background-color: #000000; background-image: url(../header.jpg); background-repeat:no-repeat; background-position:center; margin-bottom: 20px; } #content { width: 60%; height: 520px; background-color: #117711; float: right; margin-bottom: 20px; } #menu-left { background-color: #000000; background-image: url(../lilabg.jpg); background-repeat:repeat; width: 17%; height: 520px; float: left; margin-right: 10px; } #menu-right { width: 17%; height: 520px; background-color: #000000; background-image: url(../lilabg.jpg); background-repeat:repeat; float: right; margin-left: 10px; } #footer { clear: both; width: 100%; height: 40px; background-color: #aa0099; } Body <html> <head> <title>Gilde 12012</title> <meta charset="iso-8859"> <link rel="stylesheet" type="text/css" href="style.css"> <!--[if lt IE 9]> <script> document.createElement('header'); document.createElement('menu-left'); document.createElement('menu-right'); document.createElement('footer'); </script> <![endif]--> </head> <body background="bg.jpg" text="#000000" link="#ff0000" alink="#660000" vlink="#00ff00">. <div id="wrapper"> <div id="header"> </div> <div id="menu-left"> </div> <div id="menu-right"> </div> <div id="content"> </div> <div id="footer"> </div> </div> </body> </html> |
|
|||
Hallo
Was für ein Durcheinander. Ich rate mal: Die HTML-Datei, die CSS-Datei und das Hintergrundbild für den body befinden sich alle in einem Verzeichnis. Laut den Pfadangaben befindet sich die Datei lilabg.jpg ein Verzeichnis höher. Stimmt das? Oder befindet sich die Datei lilabg.jpg in dem selben Verzeichnis wie die anderen Dateien? Dann muss der Pfadname von ../lilabg.jpg in lilabg.jpg geändert werden. Gruss MrMurphy |
|
|||
Hallo
Zitat:
Bezogen auf "alles in einem Ordner": Nein. Bei größeren Projekten empfiehlt es sich jedoch unterschiedliche Verzeichnisse zu verwenden. Bezogen auf die Darstellung hier im Forum: Ja. Es ist für uns einfacher, wenn sich die Inhalte der HTML-Datei und der CSS-Datei jeweils in einem eigenen Code-Block befinden. Bezogen auf den Inhalt deiner HTML- und CSS-Datei? Ja. Es wäre für dich sinnvoller du würdest von Anfang an aktuelles HTML und CSS lernen, auch wenn du dafür ein paar Euro investieren musst. Dein Quelltext ist veraltet und teilweise sogar sachlich falsch. Deshalb wirst du dich nur von einem Problem zum nächsten hangeln. Spätestens dann, wenn die Seite auch auf Smartphones und Tablets funktionieren soll. Gruss MrMurphy |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Navigation positionieren | maybebabe | CSS | 4 | 08.04.2013 22:17 |
Ausrichtung Kalender | greece4u | CSS | 20 | 14.05.2012 13:32 |
Inline Listenelement wird nicht richtig im background befüllt | SteveB | CSS | 3 | 28.04.2011 20:41 |
Float-Reihenfolge? | wolf1985 | CSS | 0 | 21.08.2008 01:35 |
Mozilla zeigt DIV zu oft an | cracki | CSS | 6 | 09.03.2008 15:22 |