Fehler im Code, Design wird nicht angezeigt

SunSheinGirl

Cocktail-Bar.net
ID: 251746
L
10 August 2006
671
28
Moin,
ich hab ein Problem, n Freund von mir hat mit mein Design umgesetzt, aber komischerweise werden dort bei Firefox nicht alle Grafiken angezeigt und im IE7 kann ichs Design gar nicht erst angucken.
Weiß jemajd von euch zufällig wo der Fehler liegt?
Online findet ihr das ganze unter http://home.sunsheingirl.de/lalala/home.html

und der Code:
Edit: Wieso wirdn der Code hier nicht richtig angezeigt? o_O

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">
<head>
<title>design2</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<!--

#Tabelle_01 {
	position:absolute;
	left:0px;
	top:0px;
	width:1000px;
	height:1200px;
}

#design2-01_ {
	position:absolute;
	left:0px;
	top:0px;
	width:48px;
	height:1192px;
}

#design2-02_ {
	position:absolute;
	left:48px;
	top:0px;
	width:904px;
	height:3px;
}

#design2-03_ {
	position:absolute;
	left:952px;
	top:0px;
	width:48px;
	height:1192px;
}

#Home_ {
	position:absolute;
	left:48px;
	top:3px;
	width:105px;
	height:52px;
}

#News_ {
	position:absolute;
	left:153px;
	top:3px;
	width:102px;
	height:52px;
}

#Guestbook_ {
	position:absolute;
	left:255px;
	top:3px;
	width:108px;
	height:52px;
}

#Forum_ {
	position:absolute;
	left:363px;
	top:3px;
	width:102px;
	height:52px;
}

#LinkUs_ {
	position:absolute;
	left:465px;
	top:3px;
	width:131px;
	height:52px;
}

#Downloads_ {
	position:absolute;
	left:596px;
	top:3px;
	width:119px;
	height:52px;
}

#Team_ {
	position:absolute;
	left:715px;
	top:3px;
	width:117px;
	height:52px;
}

#Impressum_ {
	position:absolute;
	left:832px;
	top:3px;
	width:120px;
	height:52px;
}

#design2-12_ {
	position:absolute;
	left:48px;
	top:55px;
	width:708px;
	height:222px;
}

#design2-13_ {
	position:absolute;
	left:756px;
	top:55px;
	width:170px;
	height:26px;
}

#design2-14_ {
	position:absolute;
	left:926px;
	top:55px;
	width:26px;
	height:222px;
}

#LogIn-Username_ {
	position:absolute;
	left:756px;
	top:81px;
	width:170px;
	height:29px;
	background-image: url(images/LogIn_Username.jpg);
}

#LogIn-Passwort_ {
	position:absolute;
	left:756px;
	top:110px;
	width:170px;
	height:20px;
	background-image: url(images/LogIn_Passwort.jpg);
}

#design2-17_ {
	position:absolute;
	left:756px;
	top:130px;
	width:44px;
	height:49px;
}

#design2-18_ {
	position:absolute;
	left:800px;
	top:130px;
	width:69px;
	height:49px;
}

#design2-19_ {
	position:absolute;
	left:869px;
	top:130px;
	width:57px;
	height:49px;
}

#design2-20_ {
	position:absolute;
	left:756px;
	top:179px;
	width:170px;
	height:98px;
}

#design2-21_ {
	position:absolute;
	left:48px;
	top:277px;
	width:2px;
	height:65px;
}

#design2-22_ {
	position:absolute;
	left:50px;
	top:277px;
	width:900px;
	height:26px;
}

#design2-23_ {
	position:absolute;
	left:950px;
	top:277px;
	width:2px;
	height:915px;
}

#design2-24_ {
	position:absolute;
	left:50px;
	top:303px;
	width:707px;
	height:39px;
}

#design2-25_ {
	position:absolute;
	left:757px;
	top:303px;
	width:193px;
	height:889px;
}

#design2-26_ {
	position:absolute;
	left:48px;
	top:342px;
	width:1px;
	height:850px;
}

#design2-27_ {
	position:absolute;
	left:49px;
	top:342px;
	width:41px;
	height:850px;
}

#design2-28_ {
	position:absolute;
	left:90px;
	top:342px;
	width:605px;
	height:24px;
}

#design2-29_ {
	position:absolute;
	left:695px;
	top:342px;
	width:62px;
	height:850px;
}

#design2-30_ {
	position:absolute;
	left:90px;
	top:366px;
	width:605px;
	height:9px;
}

#design2-31_ {
	position:absolute;
	left:90px;
	top:375px;
	width:605px;
	overflow:visible;
	background-color: #6c6c6c;
	border-width:1px;
  	border-style:solid;
  	border-color:white;	
}


#design2-32_ {
	position:absolute;
	left:90px;
	top:651px;
	width:605px;
	height:541px;
	background-image: url(images/design2_32.jpg);
}
*/
#design2-33_ {
	position:absolute;
	left:0px;
	top:1192px;
	width:1000px;
	height:8px;
	background-image:url(images/design2_33.jpg);
}

</style>
<script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<body style="background-color:#FFFFFF;" onload="MM_preloadImages('../images/News_over.jpg','../images/Forum_over.jpg','../images/LinkUs_over.jpg','../images/Downloads_over.jpg','../images/Team_over.jpg','../images/Impressum_over.jpg','images/design2_18_over.jpg')">
<div id="Tabelle_01">
	<div id="design2-01_">
		<img id="design2_01" src="images/design2_01.jpg" width="48" height="1192" alt="" />

	</div>
	<div id="design2-02_">
		<img id="design2_02" src="images/design2_02.jpg" width="904" height="3" alt="" />
	</div>
	<div id="design2-03_">
		<img id="design2_03" src="images/design2_03.jpg" width="48" height="1192" alt="" />
	</div>
	<div id="Home_">
		<img id="Home" src="images/Home.jpg" width="105" height="52" alt="" />

	</div>
	<div id="News_"><a href="news.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('News_over','','../images/News_over.jpg',1)"><img src="../images/News.jpg" alt="News" name="News_over" width="102" height="52" border="0" id="News_over" /></a></div>
<div id="Guestbook_"><a href="guestbook.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Guestbook_over','','../images/Guestbook_over.jpg',0)"><img src="../images/Guestbook.jpg" alt="Guestbook" name="Guestbook_over" width="108" height="52" border="0" id="Guestbook_over" /></a></div>
<div id="Forum_"><a href="forum.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Forum_over','','../images/Forum_over.jpg',1)"><img src="../images/Forum.jpg" alt="Forum" name="Forum_over" width="102" height="52" border="0" id="Forum_over" /></a></div>
<div id="LinkUs_"><a href="linkus.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('LinkUs_over','','../images/LinkUs_over.jpg',1)"><img src="../images/LinkUs.jpg" alt="LinkUs" name="LinkUs_over" width="131" height="52" border="0" id="LinkUs_over" /></a></div>
<div id="Downloads_"><a href="downloads.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Downloads_over','','../images/Downloads_over.jpg',1)"><img src="../images/Downloads.jpg" alt="Downloads" name="Downloads_over" width="119" height="52" border="0" id="Downloads_over" /></a></div>
<div id="Team_"><a href="team.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Team_over','','../images/Team_over.jpg',1)"><img src="../images/Team.jpg" alt="Team" name="Team_over" width="117" height="52" border="0" id="Team_over" /></a></div>
<div id="Impressum_"><a href="impressum.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Impressum_over','','../images/Impressum_over.jpg',1)"><img src="../images/Impressum.jpg" alt="Impressum" name="Impressum_over" width="120" height="52" border="0" id="Impressum_over" /></a></div>
<div id="design2-12_">
		<img id="design2_12" src="images/design2_12.jpg" width="708" height="222" alt="" />
  </div>
	<div id="design2-13_">

		<img id="design2_13" src="images/design2_13.jpg" width="170" height="26" alt="" />
	</div>
	<div id="design2-14_">
		<img id="design2_14" src="images/design2_14.jpg" width="26" height="222" alt="" />
	</div>
	<div id="LogIn-Username_">
      <input name="Username" type="text" value="Username" size="23" />
	</div>
	<div id="LogIn-Passwort_">

    <input name="Passwort" type="password" value="passwort" size="23" />
	</div>
	<div id="design2-17_">
		<img id="design2_17" src="images/design2_17.jpg" width="44" height="49" alt="" />
	</div>
	<div id="design2-18_"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image33','','images/design2_18_over.jpg',1)"><img src="images/design2_18.jpg" alt="Login" name="Image33" width="69" height="49" border="0" id="Image33" /></a></div>
<div id="design2-19_">
		<img id="design2_19" src="images/design2_19.jpg" width="57" height="49" alt="" />
  </div>

	<div id="design2-20_">
		<img id="design2_20" src="images/design2_20.jpg" width="170" height="98" alt="" />
	</div>
	<div id="design2-21_">
		<img id="design2_21" src="images/design2_21.jpg" width="2" height="65" alt="" />
	</div>
	<div id="design2-22_">
		<img id="design2_22" src="images/design2_22.jpg" width="900" height="26" alt="" />
	</div>

	<div id="design2-23_">
		<img id="design2_23" src="images/design2_23.jpg" width="2" height="915" alt="" />
	</div>
	<div id="design2-24_">
		<img id="design2_24" src="images/design2_24.jpg" width="707" height="39" alt="" />
	</div>
	<div id="design2-25_">
		<img id="design2_25" src="images/design2_25.jpg" width="193" height="889" alt="" />
	</div>

	<div id="design2-26_">
		<img id="design2_26" src="images/design2_26.jpg" width="1" height="850" alt="" />
	</div>
	<div id="design2-27_">
		<img id="design2_27" src="images/design2_27.jpg" width="41" height="850" alt="" />
	</div>
	<div id="design2-28_">
		<img id="design2_28" src="images/design2_28.jpg" width="605" height="24" alt="" />
	</div>

	<div id="design2-29_">
		<img id="design2_29" src="images/design2_29.jpg" width="62" height="850" alt="" />
	</div>
	<div id="design2-30_">
		<img id="design2_30" src="images/design2_30.jpg" width="605" height="9" alt="" />
	</div>
	     
    <div id="design2-32_">
	</div>
	<div id="design2-31_"> <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. </p>

	  <p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. </p>
	  <p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. </p>
	  <p>Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer</p>
	  <p> </p>
	</div></div>

	<div id="design2-33_">
	</div>

</div>
</body>
</html>
 

Sebbo

Well-known member
ID: 7919
L
24 Mai 2007
183
14
Hilfe. Warum ist denn der ganze CSS-Code nicht in ner extra Datei?

Jedenfalls werden die Grafiken im falschen Verzeichnis gesucht. Die Grafiken liegen (relativ von der HTML-Datei aus gesehen) im Verzeichnis images (also http://home.sunsheingirl.de/lalala/images/). Auf der Webseite werden aber manche Grafiken im Verzeichnis http://home.sunsheingirl.de/images gesucht - und natürlich nicht gefunden, weil da sind sie nicht.

Komischerweise wird in dem von dir hier geposteten Code aber alles im Verzeichnis http://home.sunsheingirl.de/images gesucht - wo sie ja garnicht liegen. Der von dir hier gepostete Code ist nicht mit dem identisch, was mir der Browser anzeigt.

Kleines Bsp.:
Auf der WEbseite steht (und da wird das Bild angezeigt)
HTML:
<div id="News_"><a href="news.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('News','','images/News_over.jpg',1)"><img src="images/News.jpg" alt="News" name="News" width="102" height="52" border="0" id="News" /></a></div>

Nach deinem Code müßte da aber stehen
HTML:
<div id="News_"><a href="news.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('News_over','','../images/News_over.jpg',1)"><img src="../images/News.jpg" alt="News" name="News_over" width="102" height="52" border="0" id="News_over" /></a></div>

Interessant ist eigentlich nur der Teil
HTML:
onmouseover="MM_swapImage(Guestbook_over','','../images/Guestbook_over.jpg',0)"
und
HTML:
<img src="../images/News.jpg"
Und die beiden Punkte mit Slash '../' sind das, was da nicht stehen darf. Wenn die weg sind, dann gehts. Natürlich bei allen Navi-Bildern.