nicht angemeldet
Also schaut euch mal die url an http://www.suitec.org/s/suitec.html an dann erkennt Ihr unter Firefox schon das Problem!
Er macht mir 4px große löcher in die Navigation.
Internetexplorer dagegen nicht.
Hier die CSS Daten:
img {border: 0px;}
#border { position: absolute; width: 770px; height: 450px; left: 50%; top: 50%; margin-left: -385px; margin-top: -225px; font-size: 0%;}
ul {list-style: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
#pic { float: left; width: 69px;}
#nav { float: left; width: 142px;}
#spacer{ float: left; height: 313px;}
#main { float: left; width: 511px;}
#spacers { float: left; }
hHer der Quellcode:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xml:lang="de" lang="de" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"></meta>
<title>Suitec - Kunstprojekt - Band - Musik - Pforzheim</title>
<link rel="stylesheet" media="all" type="text/css" href="html/suitec.css"></link>
<script type="text/JavaScript">
/* <![CDATA[ */
function objekt(n, d) {
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=objekt(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function Navigation(event, grpName) {
var i,img,nbArr,args=Navigation.arguments;
if (event == "init" && args.length > 2) {
if ((img = objekt(args[2])) != null && !img.DD_init) {
img.DD_init = true; img.DD_up = args[3]; img.DD_dn = img.src;
if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
nbArr[nbArr.length] = img;
for (i=4; i < args.length-1; i+=2) if ((img = objekt(args[i])) != null) {
if (!img.DD_up) img.DD_up = img.src;
img.src = img.DD_dn = args[i+1];
nbArr[nbArr.length] = img;
} }
} else if (event == "over") {
document.DD_nbOver = nbArr = new Array();
for (i=1; i < args.length-1; i+=3) if ((img = objekt(args[i])) != null) {
if (!img.DD_up) img.DD_up = img.src;
img.src = (img.DD_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.DD_up);
nbArr[nbArr.length] = img;
}
} else if (event == "out" ) {
for (i=0; i < document.DD_nbOver.length; i++) {
img = document.DD_nbOver[i]; img.src = (img.DD_dn) ? img.DD_dn : img.DD_up; }
} else if (event == "down") {
nbArr = document[grpName];
if (nbArr)
for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.DD_up; img.DD_dn = 0; }
document[grpName] = nbArr = new Array();
for (i=2; i < args.length-1; i+=2) if ((img = objekt(args[i])) != null) {
if (!img.DD_up) img.DD_up = img.src;
img.src = img.DD_dn = (args[i+1])? args[i+1] : img.DD_up;
nbArr[nbArr.length] = img;
} }
}
/* ]]> */
</script>
</head>
<body>
<div id="border">
<div id="head"><img src="bilder/top.jpg" width="770" height="87" alt="" /></div>
<div id="pic"><img src="bilder/navpic.jpg" width="69" height="313" alt="" /></div>
<div id="nav">
<ul>
<li><a href="html/news.html" onclick="Navigation('down','group1','news','',0)" onmouseover="Navigation('over','news','bilder/n1o.jpg','',0)" onmouseout="Navigation('out')"><img src="bilder/n1.jpg" alt="News" id="news" width="142" height="14" /></a></li>
<li><img src="bilder/n2.jpg" width="142" height="18" alt="" /></li>
<li><a href="html/band.html" onclick="Navigation('down','group1','band','',0)" onmouseover="Navigation('over','band','bilder/n3o.jpg','',0)" onmouseout="Navigation('out')"><img src="bilder/n3.jpg" alt="Band" id="band" width="142" height="14" /></a></li>
<li><img src="bilder/n4.jpg" width="142" height="18" alt="" /></li>
<li><a href="html/kunst.html" onclick="Navigation('down','group1','kunstprojekt','',0)" onmouseover="Navigation('over','kunstprojekt','bilder/n5o.jpg','',0)" onmouseout="Navigation('out')"><img src="bilder/n5.jpg" alt="Kunstprojekt" id="kunstprojekt" width="142" height="16" /></a></li>
<li><img src="bilder/n6.jpg" width="142" height="18" alt="" /></li>
<li><a href="html/live.html" onclick="Navigation('down','group1','live','',0)" onmouseover="Navigation('over','live','bilder/n7o.jpg','',0)" onmouseout="Navigation('out')"><img src="bilder/n7.jpg" alt="Live : Reviews" id="live" width="142" height="14" /></a></li>
<li><img src="bilder/n8.jpg" width="142" height="20" alt="" /></li>
<li><a href="html/music.html" onclick="Navigation('down','group1','musik','',0)" onmouseover="Navigation('over','musik','bilder/n9o.jpg','',0)" onmouseout="Navigation('out')"><img src="bilder/n9.jpg" alt="Music" id="musik" width="142" height="15" /></a></li>
<li><img src="bilder/n10.jpg" width="142" height="20" alt="" /></li>
<li><a href="html/pix.html" onclick="Navigation('down','group1','gallery','',0)" onmouseover="Navigation('over','gallery','bilder/n11o.jpg','',0)" onmouseout="Navigation('out')"><img src="bilder/n11.jpg" alt="Pictures : Gallery" id="gallery" width="142" height="12" /></a></li>
<li><img src="bilder/n12.jpg" width="142" height="21" alt="" /></li>
<li><a href="html/contact.html" onclick="Navigation('down','group1','contact','',0)" onmouseover="Navigation('over','contact','bilder/n13o.jpg','',0)" onmouseout="Navigation('out')"><img src="bilder/n13.jpg" alt="Contact : Booking" id="contact" width="142" height="15" /></a></li>
<li><img src="bilder/n14.jpg" width="142" height="21" alt="" /></li>
<li><a href="html/guestbook.html" onclick="Navigation('down','group1','guestbook','',0)" onmouseover="Navigation('over','guestbook','bilder/n15o.jpg','',0)" onmouseout="Navigation('out')"><img src="bilder/n15.jpg" id="guestbook" width="142" height="13" alt="Guestbook"/></a></li>
<li><img src="bilder/n16.jpg" width="142" height="19" alt="" /></li>
<li><a href="html/links.html" onclick="Navigation('down','group1','links','',0)" onmouseover="Navigation('over','links','bilder/n17o.jpg','',0)" onmouseout="Navigation('out')"><img src="bilder/n17.jpg" alt="Links" id="links" width="142" height="13" /></a></li>
<li><img src="bilder/n18.jpg" width="142" height="18" alt="" /></li>
<li><a href="html/impressum.html" onclick="Navigation('down','group1','impressum','',0)" onmouseover="Navigation('over','impressum','bilder/n19o.jpg','',0)" onmouseout="Navigation('out')"><img src="bilder/n19.jpg" alt="Impressum" id="impressum" width="142" height="14" /></a></li>
</ul>
</div>
<div id="spacer"><img src="bilder/navright.jpg" width="38" height="313" alt="" /></div>
<div id="main"><img src="bilder/main.jpg" width="511" height="313" alt="" /></div>
<div id="spacers"><img src="bilder/mainright.jpg" width="10" height="313" alt="" /></div>
<div id="bottom"><img src="bilder/n21.jpg" width="770" height="50" alt="" /></div>
</div>
</body>
</html>
Bräuchte dringend Hilfe! Bitte auch Rückmeldung zur allgemeinen Programmierqualität melden. Vielen, vielen Dank im Vorraus!