Background

Bastianlo · #1 (**permalink**) 05.06.2008, 18:58

also ganz dumme frage aber ich komm nciht drauf..... ich möchte einfach statt der bgcolor im body ein .jpg einsetzen....... wie könnte ich das bewerkstelligen ?

Code:

<!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" lang="de">
<head>
<title>Willkommen bei Dejavu Concepts</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<style type="text/css">

body
{
	background-color: #000;
	text-align: center;
}
#inhalt
{ 
	text-align: left;
	margin: 0 auto;
	background-color: #fff;
	width: 467px;
	height: 792px;
}
#player
{
	text-align: center
	background-color: #000
	
}	

</style>

</head>


<body bgcolor="#000000">

<div id="inhalt">
<table cellpadding="0" cellspacing="0" width="467" border="0" margin="auto">
	<!-- MSCellFormattingTableID="1" -->
	<tr>
		<td width="467" height="225">
		<!-- MSCellFormattingType="content" -->
		<map name="FPMap0">
		<area href="erste.htm" shape="rect" coords="8, 204, 98, 222">
		<area href="design.htm" shape="rect" coords="98, 206, 189, 221">
		<area href="leistung.htm" shape="rect" coords="188, 205, 276, 221">
		<area href="aboutus.htm" shape="rect" coords="278, 205, 372, 222">
		<area href="contact.htm" shape="rect" coords="373, 205, 457, 222">
		</map>
		<img border="0" src="images/header.jpg" width="467" height="225" usemap="#FPMap0"></td>
	</tr>
</table>
<table cellpadding="0" cellspacing="0" width="467" border="0" margin="auto">
	<!-- MSCellFormattingTableID="2" -->
	<tr>
		<td width="467" height="567">
		<!-- MSCellFormattingType="content" -->
		<div style="position: absolute; width: 100px; height: 313px; z-index: 1; left: 669px; top: 398px" id="inhalt">
			<img border="0" src="images/flyerleiste.jpg" width="175" height="386"></div>
		<p><map name="FPMap1">
		<area coords="56, 451, 174, 460" shape="rect" href="eventplakate.htm">
		<area href="logos.htm" shape="rect" coords="56, 475, 150, 485">
		<area href="onlinemagazine.htm" shape="rect" coords="53, 498, 195, 507">
		<area href="webseitenprojekte.htm" shape="rect" coords="56, 524, 158, 532">
		</map>
		<img border="0" src="images/design.jpg" width="467" height="567" usemap="#FPMap1"></td>
	</tr>
</table>

</div>
<br>

<object type="application/x-shockwave-flash" data="emff_standard.swf" width="110" height="34" id="player">
 <param name="movie" value="emff_standard.swf">
 <param name="bgcolor" value="#000000">
 <param name="FlashVars" value="src=cc_cut.mp3&amp;autoload=yes&amp;autostart=yes&amp;repeat=yes&amp;shortcuts=yes">
</object>

</br>


</body>

</html>

Scheppertreiber · #2 (**permalink**) 05.06.2008, 19:36

background: url( das_bildchen) no-repeat 0 0 #000;

Bastianlo · #3 (**permalink**) 05.06.2008, 19:41

danke.....
das problem ist jetzt nur dass das bild horzontal zwar richtig, vertikal aber falsch positioniert ist....

der <div id="inhalt"> soll genau in der mitte des bilds liegen....

Code:

<!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" lang="de">
<head>
<title>Willkommen bei Dejavu Concepts</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<style type="text/css">

body
{
	background-color: #000;
	text-align: center;
	background: #FFF url('images/background.jpg');
	margin: 0 auto;
}
#inhalt
{ 
	text-align: left;
	margin: 0 auto;
	background-color: #fff;
	width: 467px;
	height: 792px;
}
#player
{
	text-align: center
	background-color: #000
	
}	

	
</style>

</head>


<body>





<div id="inhalt">
<table cellpadding="0" cellspacing="0" width="467" border="0" margin="auto">
	<!-- MSCellFormattingTableID="1" -->
	<tr>
		<td width="467" height="225">
		<!-- MSCellFormattingType="content" -->
		<map name="FPMap0">
		<area href="erste.htm" shape="rect" coords="8, 204, 98, 222">
		<area href="design.htm" shape="rect" coords="98, 206, 189, 221">
		<area href="leistung.htm" shape="rect" coords="188, 205, 276, 221">
		<area href="aboutus.htm" shape="rect" coords="278, 205, 372, 222">
		<area href="contact.htm" shape="rect" coords="373, 205, 457, 222">
		</map>
		<img border="0" src="http://xhtmlforum.de/images/header.jpg" width="467" height="225" usemap="#FPMap0"></td>
	</tr>
</table>
<table cellpadding="0" cellspacing="0" width="467" border="0" margin="auto">
	<!-- MSCellFormattingTableID="2" -->
	<tr>
		<td width="467" height="567">
		<!-- MSCellFormattingType="content" -->
		<div style="position: absolute; width: 100px; height: 313px; z-index: 1; left: 669px; top: 398px" id="inhalt">
			<img border="0" src="http://xhtmlforum.de/images/flyerleiste.jpg" width="175" height="386"></div>
		<p><map name="FPMap1">
		<area coords="56, 451, 174, 460" shape="rect" href="eventplakate.htm">
		<area href="logos.htm" shape="rect" coords="56, 475, 150, 485">
		<area href="onlinemagazine.htm" shape="rect" coords="53, 498, 195, 507">
		<area href="webseitenprojekte.htm" shape="rect" coords="56, 524, 158, 532">
		</map>
		<img border="0" src="http://xhtmlforum.de/images/design.jpg" width="467" height="567" usemap="#FPMap1"></td>
	</tr>
</table>

</div>


<object type="application/x-shockwave-flash" data="emff_standard.swf" width="110" height="34" id="player">
 <param name="movie" value="emff_standard.swf">
 <param name="bgcolor" value="#2c2c2c">
 <param name="FlashVars" value="src=cc_cut.mp3&amp;autoload=yes&amp;autostart=yes&amp;repeat=yes&amp;shortcuts=yes">
</object>




</body>

</html>

Scheppertreiber · #4 (**permalink**) 05.06.2008, 19:45

Ich kann mir nicht vorstellen was DU eigentlich machen willst

Wäre einfacher, Du hättest mal so einen Link ...

Bastianlo · #5 (**permalink**) 05.06.2008, 19:52

Zitat:

Zitat von Scheppertreiber

Ich kann mir nicht vorstellen was DU eigentlich machen willst

Wäre einfacher, Du hättest mal so einen Link ...

ich hab die seite noch nciht online.....

ich hab ein .jpg das ich als hintergrund benutzen will..... in der mitte des .jpg ist ein feld das genau gross genug ist dass der <div> reinpasst..... deswegen muss ich sozusagen den mittelpunkt des bildes genau hinter den mittelpunkt des <div id="inhalt"> bekommen.....

Scheppertreiber · #6 (**permalink**) 05.06.2008, 21:02

Dann gib #inhalt auch das Bild und die Zentrierung.

Bastianlo · #7 (**permalink**) 06.06.2008, 09:40

hat leider auch nicht funktioniert..... ich hab den #inhalt ja mit margin:0 auto zentriert, weil ich das problem hatte, dass die seite auf nem widescreen nicht zentriert angezeigt wurde.....

ich bräuchte also einen befehl der das hintergrundbild an den #inhalt "bindet" und sich immer genauso wie #inhalt ausrichtet....

das muss doch möglich sein oder ?

paracelsus · #8 (**permalink**) 06.06.2008, 09:47

Sicher, wenn Du dem #Inhalt das Hintergrund bild gibst und nicht dem body.

Bastianlo · #9 (**permalink**) 06.06.2008, 09:54

also aus dem body ganz rausschmeissen und dem inhalt geben ?
der befehl bleibt aber immer noch der selbe oder ?

paracelsus · #10 (**permalink**) 06.06.2008, 09:55

Das hat Schepper auch gemient.
Der zentrierte #inhalt bekommt ein Hintergund Bild, dadurch wird es dort angezeigt wo #inhalt ist - no, na, oder?

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Inline Listenelement wird nicht richtig im background befüllt	SteveB	CSS	3	28.04.2011 20:41
Problem mit CSS Style	flo007	CSS	3	25.01.2009 17:08
Float-Reihenfolge?	wolf1985	CSS	0	21.08.2008 01:35
Footer left und right Probleme...	wolf1985	CSS	2	14.08.2008 13:04
Mozilla zeigt DIV zu oft an	cracki	CSS	6	09.03.2008 15:22