PSD-Tutorials.de
Forum für Design, Fotografie & Bildbearbeitung
Tutkit
Agentur
Hilfe
Kontakt
Start
Forum
Aktuelles
Besonderer Inhalt
Foren durchsuchen
Tutorials
News
Anmelden
Kostenlos registrieren
Aktuelles
Suche
Suche
Nur Titel durchsuchen
Von:
Menü
Anmelden
Kostenlos registrieren
App installieren
Installieren
JavaScript ist deaktiviert. Für eine bessere Darstellung aktiviere bitte JavaScript in deinem Browser, bevor du fortfährst.
Du verwendest einen veralteten Browser. Es ist möglich, dass diese oder andere Websites nicht korrekt angezeigt werden.
Du solltest ein Upgrade durchführen oder einen
alternativen Browser
verwenden.
Antworten auf deine Fragen:
Neues Thema erstellen
Start
Forum
Sonstiges
Webdesign, Webentwicklung & Programmierung
Webdesign: HTML/CSS, Responsive Design, Sass...
Background-Color und Image - klappt nicht.
Beitrag
<blockquote data-quote="Lilly246" data-source="post: 2097365" data-attributes="member: 530375"><p>Hallo Leute!</p><p></p><p>Probiere schon den ganzen Abend rum, aber es klappt nicht. :nee: Eigentlich möchte ich etwas ganz simples...</p><p></p><p>- eine Hintergrundfarbe im body mit #e4e4e4, </p><p>- im oberen der Bereich der HP einen Image-Streifen der sich auf einer Gesamthöhe von 470px von links nach rechts repeatet, auch im body</p><p>- im Header eine Grafik die sich im kompletten #container befindet und sich dem Imagestreifen aus dem body anpaßt. </p><p></p><p>Dreamweaver zeigt es mir auch in der Entwurfsansicht richtig an, nämlich so: </p><p></p><p></p><p>Wenn ich mir das Ganze im Firefox anschaue, bekomme ich NUR das #e4e4e4-Grau aus dem body angezeigt, sonst keine andere Grafik. </p><p></p><p></p><p>Hier mal der Quelltext: </p><p>[HTML]</p><p><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"></p><p><html xmlns="http://www.w3.org/1999/xhtml"></p><p><head></p><p><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /></p><p><title>Unbenanntes Dokument</title></p><p><link href="style.css" rel="stylesheet" type="text/css" media="screen" /></p><p></head></p><p><body></p><p><div id="container"></p><p> <div id="header"></p><p> </div></p><p> <div id="main"></p><p> <div id="sidebar"> </p><p> </div></p><p> <div id="content"></p><p> </div></p><p> </div></p><p> <div id="footer"></p><p> </div> </p><p></div></p><p></body></p><p></html></p><p>[/HTML]Die dazugehörige CSS:</p><p>[CODE]</p><p>@charset "UTF-8";</p><p>/* CSS Document */</p><p></p><p>* {</p><p> margin:0px;</p><p> padding:0px;</p><p> border:0px;</p><p> }</p><p></p><p>body {</p><p> background:#e4e4e4 url(img/background.jpg) repeat-x;</p><p>}</p><p> </p><p>#container {</p><p> width: 960px; </p><p> margin: 0 auto;</p><p> height: 500px;</p><p>}</p><p></p><p>#header {</p><p> background-image: url(img/header.jpg);</p><p> background-repeat: no-repeat;</p><p> height: 470px;</p><p> width: 960px;</p><p>}</p><p>[/CODE]img-Ordner und Bezeichnungen sind auch richtig.</p><p></p><p>Kann mir bitte einer auf die Sprünge helfen!!!???</p><p></p><p>LG</p></blockquote><p></p>
[QUOTE="Lilly246, post: 2097365, member: 530375"] Hallo Leute! Probiere schon den ganzen Abend rum, aber es klappt nicht. :nee: Eigentlich möchte ich etwas ganz simples... - eine Hintergrundfarbe im body mit #e4e4e4, - im oberen der Bereich der HP einen Image-Streifen der sich auf einer Gesamthöhe von 470px von links nach rechts repeatet, auch im body - im Header eine Grafik die sich im kompletten #container befindet und sich dem Imagestreifen aus dem body anpaßt. Dreamweaver zeigt es mir auch in der Entwurfsansicht richtig an, nämlich so: Wenn ich mir das Ganze im Firefox anschaue, bekomme ich NUR das #e4e4e4-Grau aus dem body angezeigt, sonst keine andere Grafik. Hier mal der Quelltext: [HTML] <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Unbenanntes Dokument</title> <link href="style.css" rel="stylesheet" type="text/css" media="screen" /> </head> <body> <div id="container"> <div id="header"> </div> <div id="main"> <div id="sidebar"> </div> <div id="content"> </div> </div> <div id="footer"> </div> </div> </body> </html> [/HTML]Die dazugehörige CSS: [CODE] @charset "UTF-8"; /* CSS Document */ * { margin:0px; padding:0px; border:0px; } body { background:#e4e4e4 url(img/background.jpg) repeat-x; } #container { width: 960px; margin: 0 auto; height: 500px; } #header { background-image: url(img/header.jpg); background-repeat: no-repeat; height: 470px; width: 960px; } [/CODE]img-Ordner und Bezeichnungen sind auch richtig. Kann mir bitte einer auf die Sprünge helfen!!!??? LG [/QUOTE]
Bilder bitte
hier hochladen
und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Zitate einfügen…
Authentifizierung
Wenn ▲ = 5, ▼ = 2 und ■ = 7, was ist ▲ × ▼ + ■?
Antworten
Start
Forum
Sonstiges
Webdesign, Webentwicklung & Programmierung
Webdesign: HTML/CSS, Responsive Design, Sass...
Background-Color und Image - klappt nicht.
Oben