100% nur ICH!
Hallo!
Ich habe da ein kleines Problem...
Eine bestehende Seite soll jetzt eine Navi bekommen.
Bisher war es eine einzige HTML+CSS Seite, aber wegen Contenterweiterung brauch ich eine zweite Seite.
Die Navi soll etwa mittig-links (bisschen erhöht) an den Container angedockt werden.
Nur irgendwie mag das nicht. Die Navi hängt überall, aber nicht da, wo sie es soll
Hab schon verdammt viel Probiert, aber finde den Fehler einfach nicht :'(
HTML:
und die CSS:
Ich hoffe ihr könnt mir helfen, bzw. zeigen wo mein Fehler liegt...!
(P.S.: Die Navi is mit Dreamweaver gemacht 8 [denke das sieht man...])
(P.P.S.: Graussiger Code, ich weiss...)
Grüsse
Ich habe da ein kleines Problem...
Eine bestehende Seite soll jetzt eine Navi bekommen.
Bisher war es eine einzige HTML+CSS Seite, aber wegen Contenterweiterung brauch ich eine zweite Seite.
Die Navi soll etwa mittig-links (bisschen erhöht) an den Container angedockt werden.
Nur irgendwie mag das nicht. Die Navi hängt überall, aber nicht da, wo sie es soll
Hab schon verdammt viel Probiert, aber finde den Fehler einfach nicht :'(
HTML:
HTML:
<html>
<head>
<title>unwichtiger titel</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="stylesheet.css">
<script type="text/javascript">
<!--
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_nbGroup(event, grpName) { //v6.0
var i,img,nbArr,args=MM_nbGroup.arguments;
if (event == "init" && args.length > 2) {
if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
img.MM_init = true; img.MM_up = args[3]; img.MM_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 = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = args[i+1];
nbArr[nbArr.length] = img;
} }
} else if (event == "over") {
document.MM_nbOver = nbArr = new Array();
for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);
nbArr[nbArr.length] = img;
}
} else if (event == "out" ) {
for (i=0; i < document.MM_nbOver.length; i++) {
img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
} else if (event == "down") {
nbArr = document[grpName];
if (nbArr)
for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
document[grpName] = nbArr = new Array();
for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
nbArr[nbArr.length] = img;
} }
}
//-->
</script>
</head>
<body onLoad="MM_preloadImages('Bilder/inaktiv_01.png','Bilder/aktiv_01.png','Bilder/aktiv_03.png','Bilder/inaktiv_03.png')">
<!-- hier fängt die navi an --!>
<div id="container_navi">
<table border="0" align="left" cellpadding="20px" cellspacing="20px">
<tr>
<td><a href="index.html" target="_top" onClick="MM_nbGroup('down','group1','hauptseite','Bilder/aktiv_01.png',1)" onMouseOver="MM_nbGroup('over','hauptseite','Bilder/aktiv_01.png','Bilder/inaktiv_01.png',1)" onMouseOut="MM_nbGroup('out')"><img src="Bilder/aktiv_01.png" alt="hauptseite" name="hauptseite" width="36" height="135" border="0" onload="MM_nbGroup('init','group1','hauptseite','Bilder/inaktiv_01.png',1)"></a></td>
</tr>
<tr>
<td><a href="zugesagt.html" target="_top" onClick="MM_nbGroup('down','group1','zusagen','Bilder/aktiv_03.png',1)" onMouseOver="MM_nbGroup('over','zusagen','Bilder/aktiv_03.png','Bilder/inaktiv_03.png',1)" onMouseOut="MM_nbGroup('out')"><img src="Bilder/inaktiv_03.png" alt="zusagen" name="zusagen" width="36" height="135" border="0" onload=""></a></td>
</tr>
</table>
</div>
<!-- hier endet die Navi --!>
<!-- Rest der Seite --!>
<div id="container">
<div id="header">
<img src="Bilder/klasse_01.png" height="144" width="700" alt="rea_tt_2003" align="middle">
</div>
<div id="center"><br>
<br>
CONTENT
<br>
</div>
<div id="footer">
<center>(c) 2010 <a href="mailto:webmaster@southcityrun.de">Webmaster</a> c/o <a href="http://www.southcityrun.de">southcityrun.de</a></center><br>
</div>
</div>
</body>
</html>
<!-- ende der seite --!>
HTML:
@charset "utf-8";
/* CSS Document */
body{
background-image:url(background_klasse.jpg);
background-position:center;
background-attachment: scroll;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
margin-left:auto;
margin-right:auto
}
#container {
width: 700px;
height: 800px;
margin: auto;
}
#container_navi {
width: 36px;
height: 283px;
margin:left;
float:left;
}
#header{
margin:auto;
padding:inherit;
height:144px;
width:700px}
#center{
background-image:url(Bilder/klasse_02.png);
width:700px;
height:617px;
}
#footer{background-image:url(Bilder/klasse_03.png);
width:700px;
height:39px}
a {color: #000;}
a:visited {color:#000;}
a:hover {color: #333;}
a:active {color:#666;}
h1 {font-size: 2em;
font-weight: normal;
}
h2 {font-size: 1.2em;
font-weight: normal;}(P.S.: Die Navi is mit Dreamweaver gemacht 8 [denke das sieht man...])
(P.P.S.: Graussiger Code, ich weiss...)
Grüsse
Zuletzt bearbeitet:
