Design brucht aus
Oggi
- design/layout
Hallo, ich saß die ganze nacht dran und jetzt ist es kaputt^^
ich brauche mal kurz hilfe. mein design bricht aus und ich weiß einfach nicht wieso.
hier sind noch quellcode von der index und von der css
index
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-loose.dtd">
<html>
<head>
<title>{TITLE}</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="include/designs/test1/style.css">
</head>
<body bgcolor="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"><center>
<table id="Table_01" width="801" height="600" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="5">
<img src="include/designs/test1/images/header.gif" width="800" height="99" alt=""></td>
<td>
<img src="include/designs/test1/images/spacer.gif" width="1" height="99" alt=""></td>
</tr>
<tr>
<td rowspan="15">
<img src="include/designs/test1/images/index_02.gif" width="84" height="234" alt=""></td>
<td rowspan="3" width="113" height="18">
<div id="menu10"><ul><li><a href="http://aerox90.ae.funpic.de/index.php?news" onfocus="this.blur()">News</a></li></ul></div></td>
<td rowspan="15">
<img src="include/designs/test1/images/index_04.gif" width="30" height="234" alt=""></td>
<td>
<img src="include/designs/test1/images/content.gif" width="515" height="1" alt=""></td>
<td rowspan="17">
<img src="include/designs/test1/images/randr.gif" width="58" height="501" alt=""></td>
<td>
<img src="include/designs/test1/images/spacer.gif" width="1" height="1" alt=""></td>
</tr>
<tr>
<td>
<img src="include/designs/test1/images/abstandhalter.gif" width="515" height="14" alt=""></td>
<td>
<img src="include/designs/test1/images/spacer.gif" width="1" height="14" alt=""></td>
</tr>
<tr>
<td rowspan="14" class="content" background="include/designs/test1/images/content-09.gif">
<div class="content">
{EXPLODE}
</div></td>
<td>
<img src="include/designs/test1/images/spacer.gif" width="1" height="3" alt=""></td>
</tr>
<tr>
<td width="113" height="18">
<div id="menu10"><ul><li><a href="http://aerox90.ae.funpic.de/index.php?about" onfocus="this.blur()">About me</a></li></ul></div></td>
<td>
<img src="include/designs/test1/images/spacer.gif" width="1" height="18" alt=""></td>
</tr>
<tr>
<td width="113" height="18">
<div id="menu10"><ul><li><a href="http://aerox90.ae.funpic.de/index.php?downloads" onfocus="this.blur()">Downloads</a></li></ul></div></td>
<td>
<img src="include/designs/test1/images/spacer.gif" width="1" height="18" alt=""></td>
</tr>
<tr>
<td width="113" height="18">
<div id="menu10"><ul><li><a href="http://aerox90.ae.funpic.de/index.php?gbook" onfocus="this.blur()">Guestbook</a></li></ul></div></td>
<td>
<img src="include/designs/test1/images/spacer.gif" width="1" height="18" alt=""></td>
</tr>
<tr>
<td width="113" height="18">
<div id="menu10"><ul><li><a href="http://aerox90.ae.funpic.de/index.php?contact" onfocus="this.blur()">Kontakt</a></li></ul></div></td>
<td>
<img src="include/designs/test1/images/spacer.gif" width="1" height="18" alt=""></td>
</tr>
<tr>
<td width="113" height="18">
<div id="menu10"><ul><li><a href="http://aerox90.ae.funpic.de/index.php?links" onfocus="this.blur()">Links</a></li></ul></div></td>
<td>
<img src="include/designs/test1/images/spacer.gif" width="1" height="18" alt=""></td>
</tr>
<tr>
<td width="113" height="18">
<div id="menu10"><ul><li><a href="http://aerox90.ae.funpic.de/index.php?gallery" onfocus="this.blur()">Gallery</a></li></ul></div></td>
<td>
<img src="include/designs/test1/images/spacer.gif" width="1" height="18" alt=""></td>
</tr>
<tr>
<td width="113" height="18">
<div id="menu10"><ul><li><a href="http://aerox90.ae.funpic.de/index.php?struktur" onfocus="this.blur()">Storys</a></li></ul></div></td>
<td>
<img src="include/designs/test1/images/spacer.gif" width="1" height="18" alt=""></td>
</tr>
<tr>
<td width="113" height="18">
<div id="menu10"><ul><li><a href="http://aerox90.ae.funpic.de/index.php?raidregeln" onfocus="this.blur()">Tutorials</a></li></ul></div></td>
<td>
<img src="include/designs/test1/images/spacer.gif" width="1" height="18" alt=""></td>
</tr>
<tr>
<td width="113" height="18">
<div id="menu10"><ul><li><a href="http://aerox90.ae.funpic.de/index.php?player" onfocus="this.blur()">Videos</a></li></ul></div></td>
<td>
<img src="include/designs/test1/images/spacer.gif" width="1" height="18" alt=""></td>
</tr>
<tr>
<td width="113" height="18">
<div id="menu10"><ul><li><a href="http://aerox90.ae.funpic.de/index.php?teamspeak" onfocus="this.blur()">Partner</a></li></ul></div></td>
<td>
<img src="include/designs/test1/images/spacer.gif" width="1" height="18" alt=""></td>
</tr>
<tr>
<td width="113" height="18">
<div id="menu10"><ul><li><a href="http://aerox90.ae.funpic.de/index.php?addons" onfocus="this.blur()">Referenzen</a></li></ul></div></td>
<td>
<img src="include/designs/test1/images/spacer.gif" width="1" height="18" alt=""></td>
</tr>
<tr>
<td width="113" height="18">
<div id="menu10"><ul><li><a href="http://aerox90.ae.funpic.de/index.php?impressum" onfocus="this.blur()">Impressum</a></li></ul></div></td>
<td>
<img src="include/designs/test1/images/spacer.gif" width="1" height="18" alt=""></td>
</tr>
<tr>
<td colspan="3" rowspan="2">
<img src="include/designs/test1/images/randl.gif" width="227" height="267" alt=""></td>
<td>
<img src="include/designs/test1/images/spacer.gif" width="1" height="229" alt=""></td>
</tr>
<tr>
<td>
<img src="include/designs/test1/images/bottom.gif" width="515" height="38" alt=""></td>
<td>
<img src="include/designs/test1/images/spacer.gif" width="1" height="38" alt=""></td>
</tr>
</table></center>
</body>
</html>
css
<style type="text/css">
<!--
body {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 10px;
font-weight: normal;
text-decoration: none;
background-color :#FFFFFF;
color: #55555;
line-height: 100%;
margin: 0px;
padding: 0px;
}
td {
font-family: Verdana,Arial,Helvetica;
font-size: 10px;
font-weight: normal;
color: #55555;
}
a {
font-family: Verdana,Arial,Helvetica;
font-size: 10px;
font-weight: normal;
text-decoration: underline;
color: #0a8471;
}
a:hover {
font-family: Verdana,Arial,Helvetica;
font-size: 10px;
font-weight: normal;
text-decoration: none;
color: #0a8471;
}
#menu10 {
border: solid 0px #e6e6e6;
width:100%;
margin: 0px;
padding: 0px;
}
#menu10 ul ,#menu10 li{
list-style: none;
margin: 0px;
padding: 0px;
}
#menu10 li a:link , #menu10 li a:visited , #menu10 li a:active {display:block;height:18px;
line-height:18px;
background-image:url(images/button.gif);
color:#555555;
text-decoration:none;
text-align:right;
font-size: 10px;
font-family: verdana, sans-serif;
padding-right:2px;
padding-bottom:0px;
margin:0px;
}
#menu10 li a:hover {background-color:#FEFFFF;
text-align:left;
background-image:url(images/hbutton.gif);
color:#0a8471;}
.content {
height:448px;
overflow:auto;
border:0px;
padding:0px;
font-family:Arial,Verdana,sans-serif;
font-size: 10px;
color:#999999;
background-image:url(images/content-09.gif);
}
.content h4 {
color:#0a8471;
font-size:18px;
}
-->
</style>
vielen dank schonmal :)
MFG Oggi
Hallo, ich saß die ganze nacht dran und jetzt ist es kaputt^^
ich brauche mal kurz hilfe. mein design bricht aus und ich weiß einfach nicht wieso.
Wenn du xhtml verwendest, solltest du die Regeln für xhtml beachten.
Andernfalls nimm html im transitional Mode, der wohl eher deiner Schreibgewohnheit entgegen kommt.
Es ist mir, wegen deinen Frames nicht mal möglich direkt die Seite mit dem Validator zu verlinken. Deshalb hier nur der Link zur Organisation mit entsprechender Aufforderung.
http://validator.w3.org/#validate_by_uri+with_options
mfg Beat
Hallo Beat!
Es ist mir, wegen deinen Frames nicht mal möglich direkt die Seite mit dem Validator zu verlinken.
??
http://validator.w3.org/check?uri=http%3A//aerox90.ae.funpic.de/
Viele Grüße aus Frankfurt/Main,
Patrick
hi,
ich ergänz mal meine vorredner.
Hallo, ich saß die ganze nacht dran und jetzt ist es kaputt^^
Ich bezweifle, dass es je in Ordnung war.
21 Errors, 62 warning(s), welcher Browser soll damit zurecht kommen?
hier sind noch quellcode von der index und von der css
Tue dir selbst ein gefallen und mach es dir nicht schwerer als es ist, auf SELFHTML gibt es die sogenannten CSS-basierten Layouts, in der Liste der zur Verfügung stehenden Layouts ist eines, dass deinem Layout sehr nahe kommt. Das dürfte keine Stunde dauern, dein Layout upzudaten.
Wenn du dann noch Anzeigefehler hast, mache dir das Fertig, höchstpersönlich (Indianerehrenwort).
mfg