Hintergrundbild in CSS

lima-city → Forum → Die eigene Homepage → Homepage Allgemein

Autor dieses Themas
catattack

catattack hat kostenlosen Webspace.

16:55, 18.4.2008
Moin

Ich habe eine frage: Wie kann ich in CSS einen hintergrund machen ich habe es mal so probiert:

#body {background-image:diedatei.jpg;}

aber es geht nicht kann mir einer sagen wieso es nicht geht.

Danke
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

lima-city: Gratis werbefreier Webspace für deine eigene Homepage
malia

Moderator

malia hat kostenlosen Webspace.

17:00, 18.4.2008
Versuchs mal so:

<style type=\"text/css\">
div.bg {
background-image: url(../images/bg.gif);
}
</style>

<body>
<div class=\"bg\">

</div>

Grüsse Malia

Beitrag geändert: 18.4.2008 17:01:40 von malia

Autor dieses Themas

17:18, 18.4.2008

ne,
es geht net mein Lehrer der auch programieren kann, so sagt er und ich habe es auch gesehen, er wüsste es auch nicht und wenn ich die css datei vom validator überprüfen lasse sind auch keine fehler drin.

hier mal der kompletter code der css seite:

#cola {background-image:url(/Half-Life-Bilder/bild.jpg); padding:10px; }

           #hi {  position:absolute;
	       top:16px; left:150px}

                #rechts {position:absolute;
                top:15px; left:845px;}


                       #obenrechts {position:absolute;
                top:14px; left:530px; font-size:36pt;}

                        #untenlinks {position:absolute;
                top:68px; left:530px; font-size:36pt;}



                     #unten {position:absolute;
                top:66px; left:100px; font-size:36pt;}

                       #oben {position:absolute;
                top:14px; left:100px; font-size:36pt;}

                    #home {position:absolute;
                top:22px; left:410px; font-size:48pt;}

                #news {position:absolute;
                top:200px; left:300px; font-size:72pt; color:red;}

                #download {position:absolute;
                top:150px; left:100px; font-size:72pt; color:red;}

und hier mal der code der seite wo das bild angewand werden soll:

<html>
<head>
<title>Startseite</title>
<link href=\"style.css\" rel=\"stylesheet\" type=\"text/css\">
</head>

<body id=\"cola\" text=\"#000000\" link=\"#0055FF\" alink=\"#FFff00\" vlink=\"#ffaa00\">
<table border=\"0\">
<td><img src=\"Half-Life-Bilder/c.jpg\"  width=\"143\" height=\"105\"></td>
</table>

<div id=\"obenrechts\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href=\"Downloads.html\">Downloads</a></div>
<div id=\"oben\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href=\"News.html\">News</a></div>
<div id=\"untenlinks\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href=\"Half-Life 1.html\">Half-Life1</a></div>
<div id=\"unten\"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href=\"Half-Life 2.html\">Half-Life 2</a></div>




<div id=\"home\"><a href=\"Home.html\">Home</a></div>
<table border=\"0\"id=\"rechts\">
<td><img src=\"Half-Life-Bilder/images.jpeg\" width=\"143\" height=\"105\">
</td>
</table>
</body>
</html>

<a href=\"http://catattack.lima-city.de/hi.php\">ssssssjo</a>

malia

Moderator

malia hat kostenlosen Webspace.

18:57, 18.4.2008
Wenn das Hintergrundbild über die ganze Seite gehen soll, dann versuche es mal so:

unter </head>

<body
style=\"color: rgb(173, 5, 20); background-image: url(bild.jpg);\"
alink=\"#ffff00\" link=\"#0055ff\" vlink=\"#ffff00\">

das muss dafür weg:

#cola {background-image:url(/Half-Life-Bilder/bild.jpg);}

und

<body id=\"cola\" text=\"#000000\" link=\"#0055FF\" alink=\"#FFff00\" vlink=\"#ffaa00\">

Gruss Malia
~~r**********s~~

19:34, 18.4.2008
oder eben gleich in der css Datie statt #cola gleich body die Attribute zuweisen. Man hat ja normalerweise eh nur einen body, sofern du die css Datei nicht für verschiedene Seiten mit unterschiedlichen Hintergründen verwenden willst.
Autor dieses Themas
catattack

catattack hat kostenlosen Webspace.

20:17, 18.4.2008
okay

es geht irgendwie weiß auch nicht warum aber es geht.
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

lima-city bietet dir kostenlosen und werbefreien Speicherplatz für Deine Homepage. Sofort anmelden und direkt loslegen mit Webspace, PHP, Datenbanken, günstigen Domains und einer tollen Community!

kostenloser Webspace werbefrei: lima-city