nicht angemeldet
Folgendes steht nun im Quellcode (als erstes die Stylesheet.css-Datei):
*
{
margin: 0px;
padding:0px;
}
#gesamt
{
position:absolute;
width: 1024px;
margin: 3px;
border: solid 5px #b3b2b2;
background-color:#CCFFCC;
}
#linkeSpalte
{
width: 180px;
border-style:solid;
border-color:#009900;
border-right: 2px;
border-left:0px;
border-top:0px;
border-bottom:0px;
background-color:#CCFFCC;
}
#mittlereSpalte
{
width: 664px;
border-style:solid;
border-color:#009900;
background-color:#99FF99;
border-top:dotted;
border-bottom:none;
}
#rechteSpalte
{
width: 180px;
border-style:solid;
border-color:#009900;
border-left: 2px;
border-right:0px;
border-top:0px;
border-bottom:0px;
background-color:#CCFFCC;
}
#textticker
{
width:1020px;
font-weight: bold;
color: green;
background-color: #CCFFCC;
font-family: Arial,Helvetica,MS Sans Serif;
font-size: 12pt;
}
#linksuntengesamt
{
border-style:dotted;
border-color:#009900;
}
#text
{
position:absolute;
top:240px;
left:190px;
right:185px;
}
.untereLinks
{
position:absolute;
top:3px;
font-size:18px;
background-color:#99FF99;
border:solid;
border-top:0px;
border-color:#009900;
padding-left:5px;
padding-right:10px;
}
.untereLinks a:hover
{
color:#000000;
}
.untereLinks a:link
{
color:#FFFFFF;
}
a:link
{
color:#009900;
font-weight:bold;
text-decoration:none;
}
a:visited
{
color:#006600;
font-weight:bold;
text-decoration:none;
}
a:hover
{
color:#FFFFFF;
}
a:active
{
color:#006600;
}
/*Navigation*/
#nav
{
position:absolute;top:250px;
text-align:left;
}
#nav h2
{
text-shadow: grey 3px 3px 2px;
font-size: 30px;
padding-bottom:40px;
}
#nav ul
{
list-style: none;
}
#nav li
{
background: url(bilder/menüpunkt2.png); /* Menüpunkt der aktuellen Seite */
}
#nav li a
{
background: url(bilder/menüpunkt.png);
display: block;
}
#nav li a:hover
{
background: url(bilder/menüpunkt2.png);
display: block;
}
Und das hier in der HTML-Datei:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>http://www.carnivoren.pytalhost.de</title>
<link rel="stylesheet" type="text/css" href="Css/Stylesheet.css">
</head>
<body onLoad="textticker()";>
<!--Bild im Header-->
<div id="gesamt">
<img id="logo" style="width: 1024px; height: 180px; border:0px;" alt="" src="bilder/header.png">
<!--Textticker mit Javascript-->
<script language="JavaScript" src="js/textticker.js"></script>
<form name="form1">
<input id="textticker" type="text" name="textfeld" value=" Willkommen ">
</form>
<!--Die Tabellen-->
<table style="text-align: left; width: 1024px; height: 800px;" cellpadding="2" cellspacing="2">
<tr>
<td id="linkeSpalte"></td>
<td id="mittlereSpalte"></td>
<td id="rechteSpalte"></td>
</tr>
</table>
<br>
<br>
<!--Seiteninhalt-->
<div id="text">
<h3>Herzlich willkommen auf meiner Seite</h3>
</div>
<!--Kalender-->
<div style="position:absolute;top:235px;right:5px;">
<APPLET CODEBASE="." CODE="noteb.class" NAME="Notebook" WIDTH=160 HEIGHT=185 HSPACE=0 VSPACE=0 ALIGN=middle>
<PARAM name="1" value="28.9.2009| Homepage wird erstellt!">
</APPLET>
</div>
<!--Navigation einfügen-->
<div id="linksuntengesamt" style="position:absolute;left:182px; top:1005px; right:181px;">
<div class="untereLinks" style="left:-3px;"><a href="#">Impressum</a></div>
<div class="untereLinks" style="left:300px;"><a href="#">Sitemap</a></div>
<div class="untereLinks" style="right:-3px;"><a href="#">Kontakt</a></div>
</div>
<div id="nav">
<h2>Navigation</h2>
<ul>
<li>Home</li>
<li><a href="#">Arten</a></li>
<li><a href="#">Sonstiges</a></li>
<li><a href="123">SONSTWAS!!!</a></li>
</ul>
</div>
</div>
</body>
</html>
Ich habe nun mal sicherheitshalber den gesamten Quellcode gepostet, auch wenn ein Teil vermutlich unwichtig ist.
Ich hoffe ihr könnt meinen Fehler finden, ich begreife und finde meinen Fehler leider nicht selbst :( .
Mit freundlichen Grüßen,
Pizzatoni
Gunnar Bittersmann