bin gerade dabei, mein Design anzupassen. Leider ist einiges schief gegangen:
1. Wenn sich der Content verlängert, vergrößern sich ALLE Tabellenabschnitte, nicht nur die Letzten, soll heissen, die einzelnen Abschnitte links und rechts, wie z.B. "Clan Menü", werden immer größer. Ich denke es liegt daran, dass ich nur eine große <table> hab (hat mir Photoshop nach dem slicen so ausgespuckt). Wie kann ich dass jetzt retten, ohne, dass ich das Ganze neu coden muss?
Hier meine index.htm:
<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/phil1/style.css">
<style type="text/css">
<!--
body {
background-color:#000000;
}
.Stil2 {color: #000000}
.Stil4 {
color: #FFFFFF;
font-weight: bold;
}
-->
</head>
<body bgcolor="#00000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="801" height="1001" border="0" align="center" cellpadding="0" cellspacing="0" id="Tabelle_01">
<tr>
<td colspan="13">
<img src="include/designs/phil1/Bilder/indexx_01.gif" width="800" height="207" alt=""></td>
<td>
<img src="include/designs/phil1/Bilder/Abstandhalter.gif" width="1" height="207" alt=""></td>
</tr>
<tr>
<td colspan="13" background="include/designs/phil1/Bilder/indexx_02.gif"><marquee direction="left">Willkommen bei den Philosoffen! - Warfare since 2006 - Multigaming-Fun-Clan für Command & Conquer Generals: Die Stunde Null und Americas Army: Online - WIR SUCHEN NOCH MEMBER! - Schaut mal in unsere "Philosophie" rein und registriert euch im Forum - VIEL SPAß AUF UNSERER SEITE!!!</marquee></td>
<td>
<img src="include/designs/phil1/Bilder/Abstandhalter.gif" width="1" height="22" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<a href="index.php?news"><img src="include/designs/phil1/Bilder/indexx_03.gif" alt="" width="96" height="38" border="0"></a></td>
<td colspan="3" rowspan="2">
<a href="index.php?forum"><img src="include/designs/phil1/Bilder/indexx_04.gif" alt="" width="97" height="38" border="0"></a></td>
<td rowspan="2">
<a href="index.php?teams"><img src="include/designs/phil1/Bilder/indexx_05.gif" alt="" width="96" height="38" border="0"></a></td>
<td rowspan="2">
<img src="include/designs/phil1/Bilder/indexx_06.gif" width="99" height="38" alt=""></td>
<td colspan="2">
<img src="include/designs/phil1/Bilder/indexx_07.gif" width="96" height="1" alt=""></td>
<td rowspan="2">
<a href="index.php?joinus"><img src="include/designs/phil1/Bilder/indexx_08.gif" alt="" width="98" height="38" border="0"></a></td>
<td colspan="3" rowspan="2">
<a href="index.php?fightus"><img src="include/designs/phil1/Bilder/indexx_09.gif" alt="" width="112" height="38" border="0"></a></td>
<td rowspan="2">
<a href="index.php?gbook"><img src="include/designs/phil1/Bilder/indexx_10.gif" alt="" width="106" height="38" border="0"></a></td>
<td>
<img src="include/designs/phil1/Bilder/Abstandhalter.gif" width="1" height="1" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="include/designs/phil1/Bilder/indexx_11.gif" width="96" height="37" alt=""></td>
<td>
<img src="include/designs/phil1/Bilder/Abstandhalter.gif" width="1" height="37" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="2">
<img src="include/designs/phil1/Bilder/indexx_12.gif" width="172" height="37" alt=""></td>
<td colspan="5" rowspan="2">
<img src="include/designs/phil1/Bilder/indexx_13.gif" width="224" height="37" alt=""></td>
<td colspan="4" rowspan="2">
<img src="include/designs/phil1/Bilder/indexx_14.gif" width="234" height="37" alt=""></td>
<td colspan="2">
<img src="include/designs/phil1/Bilder/indexx_15.gif" width="170" height="34" alt=""></td>
<td>
<img src="include/designs/phil1/Bilder/Abstandhalter.gif" width="1" height="34" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="2">
<img src="include/designs/phil1/Bilder/indexx_16.gif" width="170" height="20" alt=""></td>
<td>
<img src="include/designs/phil1/Bilder/Abstandhalter.gif" width="1" height="3" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="2">
<img src="include/designs/phil1/Bilder/indexx_17.gif" width="172" height="20" alt=""></td>
<td colspan="5" rowspan="3" background="include/designs/phil1/Bilder/indexx_18.gif" ALIGN=CENTER>{_boxes_LASTWARS}</td>
<td colspan="4" rowspan="3" background="include/designs/phil1/Bilder/indexx_19.gif" ALIGN=CENTER>{_boxes_NEXTWARS}</td>
<td>
<img src="include/designs/phil1/Bilder/Abstandhalter.gif" width="1" height="17" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="6" background="include/designs/phil1/Bilder/indexx_29.gif" ALIGN=CENTER>{_boxes_CALENDER}</td>
</tr>
<tr>
<td colspan="2" rowspan="3" bgcolor="#dadada"ALIGN=CENTER >{_boxes_LOGIN}</td>
</tr>
<tr>
<td colspan="9">
<img src="include/designs/phil1/Bilder/indexx_22.gif" width="458" height="16" alt=""></td>
</tr>
<tr>
<td rowspan="12" background="include/designs/phil1/Bilder/indexx_23.gif"> </td>
<td colspan="7" rowspan="12" bgcolor="#dadada" ALIGN=CENTER VALIGN=TOP>{EXPLODE}</td>
<td rowspan="12" background="include/designs/phil1/Bilder/indexx_25.jpg"> </td>
<td>
<img src="include/designs/phil1/Bilder/Abstandhalter.gif" width="1" height="60" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="include/designs/phil1/Bilder/indexx_26.gif" width="172" height="20" alt=""></td>
<td>
<img src="include/designs/phil1/Bilder/Abstandhalter.gif" width="1" height="20" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="3" bgcolor="#dadada"> </td>
<td>
<img src="include/designs/phil1/Bilder/Abstandhalter.gif" width="1" height="28" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="include/designs/phil1/Bilder/indexx_28.gif" width="170" height="20" alt=""></td>
<td>
<img src="include/designs/phil1/Bilder/Abstandhalter.gif" width="1" height="20" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="2" background="include/designs/phil1/Bilder/indexx_29.gif" ALIGN=CENTER>{_boxes_PICOFX}</td>
<td>
<img src="include/designs/phil1/Bilder/Abstandhalter.gif" width="1" height="113" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="include/designs/phil1/Bilder/indexx_30.jpg" width="172" height="18" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="2" bgcolor="#dadada"> </td>
<td colspan="2">
<img src="include/designs/phil1/Bilder/indexx_32.gif" width="170" height="20" alt=""></td>
<td>
<img src="include/designs/phil1/Bilder/Abstandhalter.gif" width="1" height="20" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="3" background="include/designs/phil1/Bilder/indexx_33.gif" ALIGN=CENTER>{_boxes_STATISTIK}</td>
<td>
<img src="include/designs/phil1/Bilder/Abstandhalter.gif" width="1" height="140" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="include/designs/phil1/Bilder/indexx_34.gif" width="172" height="20" alt=""></td>
<td>
<img src="include/designs/phil1/Bilder/Abstandhalter.gif" width="1" height="20" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="3" bgcolor="#dadada" VALIGN=TOP> {_boxes_VOTE}</td>
<td>
<img src="include/designs/phil1/Bilder/Abstandhalter.gif" width="1" height="97" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="include/designs/phil1/Bilder/indexx_36.gif" width="170" height="20" alt=""></td>
<td>
<img src="include/designs/phil1/Bilder/Abstandhalter.gif" width="1" height="20" alt=""></td>
</tr>
<tr>
<td colspan="2" background="include/designs/phil1/Bilder/indexx_37.gif" ALIGN=CENTER VALIGN=TOP>{_boxes_ALLIANZ}</td>
<td>
<img src="include/designs/phil1/Bilder/Abstandhalter.gif" width="1" height="44" alt=""></td>
</tr>
<tr>
<td colspan="13" background="include/designs/phil1/Bilder/indexx_xx.jpg"></td>
<td>
<img src="include/designs/phil1/Bilder/Abstandhalter.gif" width="1" height="5" alt=""></td>
</tr>
<tr>
<td colspan="13">
<img src="include/designs/phil1/Bilder/indexx_41.gif" width="800" height="48" alt=""></td>
<td>
<img src="include/designs/phil1/Bilder/Abstandhalter.gif" width="1" height="48" alt=""></td>
</tr>
<tr>
<td>
<img src="include/designs/phil1/Bilder/Abstandhalter.gif" width="96" height="1" alt=""></td>
<td>
<img src="include/designs/phil1/Bilder/Abstandhalter.gif" width="76" height="1" alt=""></td>
<td>
<img src="include/designs/phil1/Bilder/Abstandhalter.gif" width="11" height="1" alt=""></td>
<td>
<img src="include/designs/phil1/Bilder/Abstandhalter.gif" width="10" height="1" alt=""></td>
<td>
<img src="include/designs/phil1/Bilder/Abstandhalter.gif" width="96" height="1" alt=""></td>
<td>
<img src="include/designs/phil1/Bilder/Abstandhalter.gif" width="99" height="1" alt=""></td>
<td>
<img src="include/designs/phil1/Bilder/Abstandhalter.gif" width="8" height="1" alt=""></td>
<td>
<img src="include/designs/phil1/Bilder/Abstandhalter.gif" width="88" height="1" alt=""></td>
<td>
<img src="include/designs/phil1/Bilder/Abstandhalter.gif" width="98" height="1" alt=""></td>
<td>
<img src="include/designs/phil1/Bilder/Abstandhalter.gif" width="44" height="1" alt=""></td>
<td>
<img src="include/designs/phil1/Bilder/Abstandhalter.gif" width="4" height="1" alt=""></td>
<td>
<img src="include/designs/phil1/Bilder/Abstandhalter.gif" width="64" height="1" alt=""></td>
<td>
<img src="include/designs/phil1/Bilder/Abstandhalter.gif" width="106" height="1" alt=""></td>
<td></td>
</tr>
</table>
</body>
</html>
2. Um manche Balken (z.B. Login / indexxx_17.gif), ist, je nachdem, wo ich mich gerade auf der Seite befinde (News, Forum, etc.) ein schwarzer Rand. Wo kommt der denn her? und warum isser nur bei manchen Balken? Liegt das evtl. an diesen "Abstandhalter"-Gifs? Hab mal nen paar rausgelöscht, ändert sich ander Seite nix....wozu sind die überhaupt gut?
(Oh, das, waren ja gleich zwei Fragen in einer, sorry. Sinds halt insgesamt 3 Probleme ;))
So, um das Ganze noch ein wenig deutlicher zu machen,
hier nen Screenshot: KLICK MICH!
So, ich zähl auf eure Hilfe...und bitte keine Kommentare wie "scheiss Arbeit", "benutz SUFU", "Hätt ich anders gemacht".
Schonmal dank im vorraus!
Gruß,
Chris
verwendete ilchClan Version: 1.1
betroffene Homepage: externer Link
