Hallo erstmal.
Folgendes Problem stellt sich dar.
Ich habe ein Design erstellt in Photoshop, habe dieses gesliced und möchte es jetzt in HTML anpassen um ein CMS einzubinden ( In meinem Falle Webspell. )
Da ich ein ziemlicher html noob bin habe ich mir ein Tutorial zur Hand genommen, welches genau dies beschreibt.
Trotzdem gibt es ja Unterschiede da mein Design anders aufgebaut ist.
Mein Problem ist jetzt eigentlich hauptsächlich, dass sich mein Contentbereich zwar immer weiter nach unten schiebt da ich nen Pufferbild als BG gesetzt habe, jedoch zieht sich die Sidebar nicht parallel dazu mit nach unten, obwohl dort auch ein Bild als BG gesetzt wurde.
Hab ich schlecht gesliced um es zu realisieren ?! Oder was mache ich falsch?
Rechts neben der Sidebar ist auch ein Slice, bei dem es klappt.
Der wandert immer mit, obwohl ich doch nichts anderes bei diesem gemacht habe.
(Behaupte ich einfach mal)
Was mach ich falsch ?
Und ist es sinnvoll immer mehr Tabellen in Tabellen zu machen, das verschachtelt sich doch total, gibt es da nicht eine bessere, verständliche Methode oder sollte ich das erstmal so fortsetzen ?
Mein Problem generell ist halt dass Tabellen sich ja immer Spiegeln, außer wenn man sie verschachtelt, dann klappt das ja, dass z.B.
Der Link zur Index.php : Untitled Document
Der Code der Seite :
Folgendes Problem stellt sich dar.
Ich habe ein Design erstellt in Photoshop, habe dieses gesliced und möchte es jetzt in HTML anpassen um ein CMS einzubinden ( In meinem Falle Webspell. )
Da ich ein ziemlicher html noob bin habe ich mir ein Tutorial zur Hand genommen, welches genau dies beschreibt.
Trotzdem gibt es ja Unterschiede da mein Design anders aufgebaut ist.
Mein Problem ist jetzt eigentlich hauptsächlich, dass sich mein Contentbereich zwar immer weiter nach unten schiebt da ich nen Pufferbild als BG gesetzt habe, jedoch zieht sich die Sidebar nicht parallel dazu mit nach unten, obwohl dort auch ein Bild als BG gesetzt wurde.
Hab ich schlecht gesliced um es zu realisieren ?! Oder was mache ich falsch?
Rechts neben der Sidebar ist auch ein Slice, bei dem es klappt.
Der wandert immer mit, obwohl ich doch nichts anderes bei diesem gemacht habe.
(Behaupte ich einfach mal)
Was mach ich falsch ?
Und ist es sinnvoll immer mehr Tabellen in Tabellen zu machen, das verschachtelt sich doch total, gibt es da nicht eine bessere, verständliche Methode oder sollte ich das erstmal so fortsetzen ?
Mein Problem generell ist halt dass Tabellen sich ja immer Spiegeln, außer wenn man sie verschachtelt, dann klappt das ja, dass z.B.
Der Link zur Index.php : Untitled Document
Der Code der Seite :
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<center>
<table width="1000" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="750"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="154"><img src="Bilder/header_left.gif" width="750" height="154" /></td>
</tr>
<tr>
<td widthheight="38"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="24"><img src="Bilder/eptikal_slice2_07.gif" width="24" height="38" /></td>
<td width="179"><img src="Bilder/main.gif" width="179" height="38" /></td>
<td width="183"><img src="Bilder/clan.gif" width="183" height="38" /></td>
<td width="180"><img src="Bilder/com.gif" width="180" height="38" /></td>
<td width="184"><img src="Bilder/misc.gif" width="184" height="38" /></td>
</tr>
</table></td>
</tr>
<tr>
<td width="750" height="30"><img src="Bilder/sub.gif" width="750" height="30" /></td>
</tr>
</table></td>
<td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="123"><img src="Bilder/header_right.gif" width="250" height="123" /></td>
</tr>
<tr>
<td height="20"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="226" height="20"><img src="Bilder/member_area_header.gif" width="226" height="20" /></td>
<td width="24" height="20"><img src="Bilder/rand_bg.gif" width="24" height="20" /></td>
</tr>
</table></td>
</tr>
<tr>
<td height="79" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="226" height="79" background="Bilder/memberarea_content.gif"> </td>
<td valign="top" background="Bilder/rand_bg.gif"></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="24" valign="top" background="Bilder/eptikal_slice2_07.gif"> </td>
<td width="726" height="94" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="726"><img src="Bilder/content_header.gif" width="726" height="23" /></td>
</tr>
<tr>
<td width="725" height="714" valign="top" background="Bilder/content_bg.gif" ></td>
</tr>
</table></td>
<td width="226" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="Bilder/latestnews_header.gif" width="226" height="23" /></td>
</tr>
<tr>
<td background="Bilder/box_bg.gif"></td>
</tr>
<tr>
<td width="226" height="129" background="Bilder/latestnews_content.gif"></td>
</tr>
<tr>
<td><img src="Bilder/latestwars_header.gif" width="226" height="23" /></td>
</tr>
<tr>
<td width="226" height="129" background="Bilder/latestwars_content.gif"> </td>
</tr>
<tr>
<td><img src="Bilder/Poll_header.gif" width="226" height="23" /></td>
</tr>
<tr>
<td width="226" height="229" background="Bilder/poll_content.gif"> </td>
</tr>
<tr>
<td><img src="Bilder/partner_header.gif" width="226" height="22" /></td>
</tr>
<tr>
<td width="226" height="159" background="Bilder/box_bg.gif" repeat-><p> </td>
</tr>
</table></td>
<td valign="top" background="Bilder/rand_bg.gif"> </td>
</tr>
</table></td>
</tr>
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="750"><img src="Bilder/content_bottom.gif" width="750" height="12" /></td>
<td><img src="Bilder/box_bottom.gif" width="226" height="12" /><img src="Bilder/eptikal_slice2_33.gif" width="24" height="12" /></td>
</tr>
</table></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
</table></td>
</tr>
</table>
</center>
</body>
</html>