Blöde Design Fehler wie behben?

pyr0t0n · 14. August 2005

Hi @ All

Also ich habe ein Design gesliced und will es auf bxcp anpassen, das funktioniert bis jetzt auhc ganz gut und wenn der main content zu lang wird verschieben sich die tabellen und alles (siehe link)

http://www.test.extreme-hosting.de/index.php?show=news

Meine index.htm die das design und die tabellen enthält sieht folgendermaßen aus:

HTML:

<html>
<head>
<title>fertig</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="gfx.css" rel="stylesheet" type="text/css">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (fertig.psd) -->
<table id="Tabelle_01" width="1025" height="1281" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td colspan="9">
			<img src="Bilder/fertig_01.jpg" width="1024" height="170" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="1" height="170" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="Bilder/fertig_02.jpg" width="171" height="20" alt=""></td>
		<td colspan="8">
			<img src="Bilder/fertig_03.jpg" width="853" height="20" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="1" height="20" alt=""></td>
	</tr>
	<tr>
		<td>
			<a href="index.php?show=news"><img src="Bilder/fertig_04.jpg" alt="" width="171" height="22" border="0"></a></td>
		<td rowspan="36">
			<img src="Bilder/fertig_05.jpg" width="17" height="1090" alt=""></td>
		<td rowspan="5">
			<img src="Bilder/fertig_06.jpg" width="291" height="88" alt=""></td>
		<td colspan="3" rowspan="7">
			<img src="Bilder/fertig_07.jpg" width="251" height="107" alt=""></td>
		<td rowspan="5">
			<img src="Bilder/fertig_08.jpg" width="290" height="88" alt=""></td>
		<td colspan="2" rowspan="7">
			<img src="Bilder/fertig_09.jpg" width="4" height="107" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="1" height="22" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="Bilder/fertig_10.jpg" width="171" height="19" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="1" height="19" alt=""></td>
	</tr>
	<tr>
		<td>
			<a href="index.php?show=calendar"><img src="Bilder/fertig_11.jpg" alt="" width="171" height="21" border="0"></a></td>
		<td>
			<img src="Bilder/spacer.gif" width="1" height="21" alt=""></td>
	</tr>
	<tr>
		<td>
			<a href="index.php?show=sponsors"><img src="Bilder/fertig_12.jpg" alt="" width="171" height="19" border="0"></a></td>
		<td>
			<img src="Bilder/spacer.gif" width="1" height="19" alt=""></td>
	</tr>
	<tr>
		<td rowspan="2">
			<img src="Bilder/fertig_13.jpg" width="171" height="20" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="1" height="7" alt=""></td>
	</tr>
	<tr>
		<td rowspan="2">
			<img src="Bilder/fertig_14.jpg" width="291" height="19" alt=""></td>
		<td rowspan="2">
			<img src="Bilder/fertig_15.jpg" width="290" height="19" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="1" height="13" alt=""></td>
	</tr>
	<tr>
		<td rowspan="3">
			<a href="index.php?show=members"><img src="Bilder/fertig_16.jpg" alt="" width="171" height="22" border="0"></a></td>
		<td>
			<img src="Bilder/spacer.gif" width="1" height="6" alt=""></td>
	</tr>
	<tr>
		<td colspan="2" rowspan="2">
			<img src="Bilder/fertig_17.jpg" width="513" height="16" alt=""></td>
		<td rowspan="29">
			<img src="Bilder/fertig_18.jpg" width="7" height="983" alt=""></td>
		<td colspan="3">
			<img src="Bilder/fertig_19.jpg" width="314" height="14" alt=""></td>
		<td rowspan="29">
			<img src="Bilder/fertig_20.jpg" width="2" height="983" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="1" height="14" alt=""></td>
	</tr>
	<tr>
	  <td height="176" width="314" colspan="3" rowspan="10" background="Bilder/fertig_21.jpg">
		{login:top} 
		<br /><br />
		{login:btm}
	  </td>
		<td>
			<img src="Bilder/spacer.gif" width="1" height="2" alt=""></td>
	</tr>
	<tr>
		<td>
			<a href="index.php?show=clanwars"><img src="Bilder/fertig_22.jpg" alt="" width="171" height="19" border="0"></a></td>
		<div><td height="945" width="513" colspan="2" rowspan="24" background="Bilder/fertig_23.jpg"><center>{func:show}</center></td></div>
		<td>
			<img src="Bilder/spacer.gif" width="1" height="19" alt=""></td>
	</tr>
	<tr>
		<td>
			<a href="index.php?show=servers"><img src="Bilder/fertig_24.jpg" alt="" width="171" height="21" border="0"></a></td>
		<td>
			<img src="Bilder/spacer.gif" width="1" height="21" alt=""></td>
	</tr>
	<tr>
		<td>
			<a href="index.php?show=awards"><img src="Bilder/fertig_25.jpg" alt="" width="171" height="18" border="0"></a></td>
		<td>
			<img src="Bilder/spacer.gif" width="1" height="18" alt=""></td>
	</tr>
	<tr>
		<td>
			<a href="index.php?show=history"><img src="Bilder/fertig_26.jpg" alt="" width="171" height="22" border="0"></a></td>
		<td>
			<img src="Bilder/spacer.gif" width="1" height="22" alt=""></td>
	</tr>
	<tr>
		<td>
			<a href="index.php?show=mailus"><img src="Bilder/fertig_27.jpg" alt="" width="171" height="19" border="0"></a></td>
		<td>
			<img src="Bilder/spacer.gif" width="1" height="19" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="Bilder/fertig_28.jpg" width="171" height="21" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="1" height="21" alt=""></td>
	</tr>
	<tr>
		<td>
			<a href="index.php?show=board"><img src="Bilder/fertig_29.jpg" alt="" width="171" height="21" border="0"></a></td>
		<td>
			<img src="Bilder/spacer.gif" width="1" height="21" alt=""></td>
	</tr>
	<tr>
		<td>
			<a href="index.php?show=gbook"><img src="Bilder/fertig_30.jpg" alt="" width="171" height="19" border="0"></a></td>
		<td>
			<img src="Bilder/spacer.gif" width="1" height="19" alt=""></td>
	</tr>
	<tr>
		<td rowspan="2">
			<a href="index.php?show=vote"><img src="Bilder/fertig_31.jpg" alt="" width="171" height="21" border="0"></a></td>
		<td>
			<img src="Bilder/spacer.gif" width="1" height="14" alt=""></td>
	</tr>
	<tr>
		<td colspan="3" rowspan="2">
			<img src="Bilder/fertig_32.jpg" width="314" height="16" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="1" height="7" alt=""></td>
	</tr>
	<tr>
		<td rowspan="2">
			<a href="index.php?show=gallery"><img src="Bilder/fertig_33.jpg" alt="" width="171" height="19" border="0"></a></td>
		<td>
			<img src="Bilder/spacer.gif" width="1" height="9" alt=""></td>
	</tr>
	<tr>
		<td height="223" width="314" colspan="3" rowspan="9" background="Bilder/fertig_34.jpg">{func:wars}</td>
		<td>
			<img src="Bilder/spacer.gif" width="1" height="10" alt=""></td>
	</tr>
	<tr>
		<td>
			<a href="index.php?show=community"><img src="Bilder/fertig_35.jpg" alt="" width="171" height="21" border="0"></a></td>
		<td>
			<img src="Bilder/spacer.gif" width="1" height="21" alt=""></td>
	</tr>
	<tr>
		<td>
			<a href="index.php?show=stats"><img src="Bilder/fertig_36.jpg" alt="" width="171" height="19" border="0"></a></td>
		<td>
			<img src="Bilder/spacer.gif" width="1" height="19" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="Bilder/fertig_37.jpg" width="171" height="20" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="1" height="20" alt=""></td>
	</tr>
	<tr>
		<td>
			<a href="index.php?show=downloads"><img src="Bilder/fertig_38.jpg" alt="" width="171" height="22" border="0"></a></td>
		<td>
			<img src="Bilder/spacer.gif" width="1" height="22" alt=""></td>
	</tr>
	<tr>
		<td>
			<a href="index.php?show=links"><img src="Bilder/fertig_39.jpg" alt="" width="171" height="21" border="0"></a></td>
		<td>
			<img src="Bilder/spacer.gif" width="1" height="21" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="Bilder/fertig_40.jpg" width="171" height="19" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="1" height="19" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="Bilder/fertig_41.jpg" width="171" height="21" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="1" height="21" alt=""></td>
	</tr>
	<tr>
		<td rowspan="8">
			<img src="Bilder/fertig_42.jpg" width="171" height="624" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="1" height="70" alt=""></td>
	</tr>
	<tr>
		<td colspan="3">
			<img src="Bilder/fertig_43.jpg" width="314" height="15" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="1" height="15" alt=""></td>
	</tr>
	<tr>
		<td height="172" width="314" colspan="3" background="Bilder/fertig_44.jpg">{func:vote}</td>
		<td>
			<img src="Bilder/spacer.gif" width="1" height="172" alt=""></td>
	</tr>
	<tr>
		<td colspan="3">
			<img src="Bilder/fertig_45.jpg" width="314" height="15" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="1" height="15" alt=""></td>
	</tr>
	<tr>
		<td height="330" width="314" colspan="3" rowspan="2" background="Bilder/fertig_46.jpg">{func:toplist}</td>
		<td>
			<img src="Bilder/spacer.gif" width="1" height="330" alt=""></td>
	</tr>
	<tr>
		<td colspan="2" rowspan="2">
			<img src="Bilder/fertig_47.jpg" width="513" height="16" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="1" height="2" alt=""></td>
	</tr>
	<tr>
		<td colspan="3">
			<img src="Bilder/fertig_48.jpg" width="314" height="14" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="1" height="14" alt=""></td>
	</tr>
	<tr>
		<td colspan="2">
			<img src="Bilder/fertig_49.jpg" width="513" height="6" alt=""></td>
		<td colspan="3">
			<img src="Bilder/fertig_50.jpg" width="314" height="6" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="1" height="6" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="Bilder/spacer.gif" width="171" height="1" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="17" height="1" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="291" height="1" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="222" height="1" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="7" height="1" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="22" height="1" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="290" height="1" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="2" height="1" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="2" height="1" alt=""></td>
		<td></td>
	</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>

Ich hoffe ihr könnt mir sagen was ich anders machen muss...

Mfg
Marcel

franz007 · 15. August 2005

Ich würde dir prinzipiell von Tabellendesign abraten!

Wenn du gerade erst angefangen hast würde ich alles gleich auf css-basis aufbauen!

pyr0t0n · 15. August 2005

hab ja nicht grade erst angefangen, ich kann mir nur net erklären woran es liegt bzw wie cih es wegbekomme...

Yoah · 15. August 2005

Du weißt aber, was colspan und rowspan ist, oder?
Die Anzahl der td's, zum Beispiel, darf in einer Tabelle nicht unterschiedlich sein,
und du hast alle nur möglichen Spaltenanzahln, mal 2, mal 9, mal 3, mal 5,
wenn das so ist, dann hast du garantiert Fehler im Design!
Machs einheitlich, bleib bei 9 und fertig ist der Lack, merke:
in jedem tr muss die gleiche Anzahl von td's sein.

franz007 · 16. August 2005

Gerade Angefangen vieleicht nicht aber wenn man sich deine Seite so anschaut schaut sie alles andere als fertig aus und daher würde ich jetzt da du noch nicht fertig bist, gleich alles mit CSS noch mal bauen! Dafür Brauchst du ca gleich lange wie die Fehler im jetzigen design auszumerzen und hast nachher ein leicht zu wartendes zu zukunftssicheres design!!

Wenn nicht dann eben nicht!

Blöde Design Fehler wie behben?

pyr0t0n

Erfahrenes Mitglied

franz007

Erfahrenes Mitglied

pyr0t0n

Erfahrenes Mitglied

Yoah

Erfahrenes Mitglied

franz007

Erfahrenes Mitglied

Neue Beiträge