HTML-Skript vereinfachen

C

CantNo

Mitglied
Hi,

kann mir vielleicht jemand helfen, den untenstehenden Code zu vereinfachen, oder ist das mit den Tabellen so ne gute Lösung und gibts mit Boxen o.ä. mit css (da kenn ich mit leider nicht aus) elegantere Lösungen?

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />




<title>-- | test | --</title>
<link rel="stylesheet" type="text/css" href="style.css">




</head>



<body>
<table width="767" height="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="26" background="Bilder/design_1_06.jpg">&nbsp;</td>
<td height="30" colspan="3" background="Bilder/design_1_07.jpg">&nbsp;</td>
<td width="32" background="Bilder/design_1_08.jpg">&nbsp;</td>
</tr>
<tr>
<td background="Bilder/design_1_06.jpg">&nbsp;</td>
<td height="15" colspan="3" background="Bilder/design_1_07.jpg"><table width="60%" border="0" align="right" cellpadding="0" cellspacing="0">
<tr>
<td width="50">&nbsp;</td>
<td width="50">&nbsp;</td>
<td width="50"><small>xxxx</small></td>
<td width="50"><small>yyyy</small></td>
<td width="50"><small>zzzz</small></td>
</tr>
</table></td>
<td background="Bilder/design_1_08.jpg">&nbsp;</td>
</tr>
<tr>
<td align="right" background="Bilder/design_1_02.jpg">&nbsp;</td>
<td width="236" height="191" background="Bilder/design_1_03.jpg">&nbsp;</td>
<td width="198" height="191" background="Bilder/design_1_03.jpg">&nbsp;</td>
<td width="275" height="191" background="Bilder/design_1_03.jpg">&nbsp;</td>
<td background="Bilder/design_1_04.jpg">&nbsp;</td>
</tr>
<tr>
<td align="right" background="Bilder/design_1_06.jpg">&nbsp;</td>
<td colspan="3" background="Bilder/design_1_07.jpg">&nbsp;</td>
<td align="right" background="Bilder/design_1_08.jpg">&nbsp;</td>
</tr>
<tr>
<td align="right" background="Bilder/design_1_06.jpg">&nbsp;</td>
<td colspan="3" background="Bilder/design_1_07.jpg"><table width="100%" height="244" border="0" cellpadding="0" cellspacing="0">

<tr>
<td width="14%">&nbsp;</td>
<td width="74%"><p>I&Uuml;berschrift</p>
<ul>
<li>
<p><a href="#">TEXT</a></p>
</li>
<li>
<p><a href="#">TEXT</a></p>
</li>
<li>
<p><a href="#">TEXT</a></p>
</li>
<li>
<p><a href="#">TEXT</a></p>
</li>
<li>
<p><a href="#">TEXT</a></p>
</li>
</ul></td>
<td width="12%">&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>
</td>
<td align="right" background="Bilder/design_1_08.jpg">&nbsp;</td>
</tr>

<tr>
<td align="right" background="Bilder/design_1_02.jpg">&nbsp;</td>
<td height="50" colspan="3" align="right" background="Bilder/design_1_03.jpg">&nbsp;</td>
<td align="right" background="Bilder/design_1_04.jpg">&nbsp;</td>
</tr>
<tr>
<td align="right" background="Bilder/design_1_06.jpg">&nbsp;</td>
<td colspan="3" align="right" background="Bilder/design_1_07.jpg">&nbsp;</td>
<td align="right" background="Bilder/design_1_08.jpg">&nbsp;</td>
</tr>
</table>
</body>




</html>




Vielen Dank für eure Hilfe
 
Hi,

aber sicher gibt es da eine elegantere Möglichkeit mit Boxen + CSS, zumal Tabellen semantisch als "Layoutwerkzeug einer Website" überhaupt nicht vorgesehen sind.


mfg Maik
 
Bei HTML spricht man eher von Dokumenten als von Skripten. Als Skript wird eher Code von Skriptsprachen bezeichnet.
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück