Tabellen verschieben
22.03.2008, 20:49
Hallo Leute,
ich hab wieder ein Tabellen Problem!
Also das erstellen der Tabellen ist kein Problem, nur die stelle an der sie ist ist das Problem!
Hier mein code
Das Problem ist das ich die Linke Tabelle oben haben will und nicht in der Mitte.
Ich habe schon versucht bei der ersten Tabelle neben margin-left:1px margin-top:1px einzusetzen aber ging irgendwie nicht. Vielleicht hab ich es nur falsch geschrieben oder so.
Was meint ihr?
ich hab wieder ein Tabellen Problem!
Also das erstellen der Tabellen ist kein Problem, nur die stelle an der sie ist ist das Problem!
Hier mein code
Code:
<html>
<head>
<title>{$settings['bbname']} - Home</title>
{$headerinclude}
</head>
<body>
<a name="top" id="top"></a>
<div id="container">
<div id="header">
<div class="logo"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" /></a></div>
<div style=background:url(http://root/Board/pics/navi-bg.gif);height:26px; class="menu">
<ul>
<li><a href=http://root/Board/Home.php>Home</a></li>
<li><a href=http://root/Board/index.php>Forum</a></li>
</ul>
</div><br>
<hr class="hidden" />
</div>
<hr class="hidden" />
<br class="clear" />
<div id="content">
{$bannedwarning}
{$bbclosedwarning}
{$unreadreports}
<br class="clear" />
<table width="100%">
<tr>
<td align="left">
<table style="margin-left:1px" border="0" cellpadding="0" cellspacing="0" align="center" width="600px";>
<tr>
<tbody>
<tr>
<td align="left"><img src="images/Hero/cat_l.gif" alt="" border="0"></td>
<td style="background: url(images/Hero/cat_tbg.gif) repeat-x" align="center" width="600px"><div class="expcolimage"><img src="images/Hero/collapse.gif" id="meinebox2_img" class="expander" alt="[-]" /></div>
<span class="thead"><div style="text-align: left;"><strong>test</strong><br /><div class="smalltext"></div></strong></div></span>
</td>
<td align="right"><img src="images/Hero/cat_r.gif" alt="" border="0"></td>
</tr>
</tbody>
</table>
<table style="margin-left:1px;width:600px;" border="0" cellspacing="1" cellpadding="4" class="tborder">
</thead>
<tbody style="" id="meinebox2_e">
<!-- end: forumbit_depth2_forum --><!-- start: forumbit_depth2_forum -->
<tr>
<td class="trow2" valign="top">
<center> <strong>test</strong><br>test
</center>
</td>
</tr>
<!-- end: forumbit_depth2_forum -->
</tbody>
</table>
<table style="margin-left:1px" border="0" cellpadding="0" cellspacing="0" align="center" width="600px";>
<tr>
<tbody>
<tr>
<td align="left"><img src="images/Hero/cat_lb.gif" alt="" border="0"></td>
<td style="background: url(images/Hero/cat_tbgb.gif) repeat-x" align="center" width="600px";>
</td>
<td align="right"><img src="images/Hero/cat_rb.gif" alt="" border="0"></td>
</tr>
</tbody>
</table>
</td>
<td align="right">
<table width="100%">
<tr>
<td align="right">
<table style="margin-right:1px" border="0" cellpadding="0" cellspacing="0" align="center" width="250px";>
<tr>
<tbody>
<tr>
<td align="left"><img src="images/Hero/cat_l.gif" alt="" border="0"></td>
<td style="background: url(images/Hero/cat_tbg.gif) repeat-x" align="center" width="250px";><div class="expcolimage"><img src="images/Hero/collapse.gif" id="meinebox3_img" class="expander" alt="[-]" /></div>
<span class="thead"><div style="text-align: left;"><strong>test</strong></span>
</td>
<td align="right"><img src="images/Hero/cat_r.gif" alt="" border="0"></td>
</tr>
</tbody>
</table>
<table style="margin-right:1px;width:250px;height=140" border="0" cellspacing="1" cellpadding="4" class="tborder">
</thead>
<tbody style="" id="meinebox3_e">
<!-- end: forumbit_depth2_forum --><!-- start: forumbit_depth2_forum -->
<tr>
<td class="trow2" valign="top">
<strong>
Test Test<br><br></strong>
Test Test<br>
Test Test<br>
</td>
</tr>
<!-- end: forumbit_depth2_forum -->
</tbody>
</table>
<table style="margin-right:1px" border="0" cellpadding="0" cellspacing="0" align="center" width="250px";>
<tr>
<tbody>
<tr>
<td align="left"><img src="images/Hero/cat_lb.gif" alt="" border="0"></td>
<td style="background: url(images/Hero/cat_tbgb.gif) repeat-x" align="center" width="250px";>
</td>
<td align="right"><img src="images/Hero/cat_rb.gif" alt="" border="0"></td>
</tr>
</tbody>
</table>
<table style="margin-right:4px" border="0" cellpadding="0" cellspacing="0" align="center" width="250px";>
<tr>
<tbody>
<tr>
<td align="left"><img src="images/Hero/cat_l.gif" alt="" border="0"></td>
<td style="background: url(images/Hero/cat_tbg.gif) repeat-x" align="center" width="250px";><div class="expcolimage"><img src="images/Hero/collapse.gif" id="meinebox1_img" class="expander" alt="[-]" /></div>
<span class="thead"><div style="text-align: left;"><strong>test</strong><br /><div class="smalltext"></div></strong></div></span>
</td>
<td align="right"><img src="images/Hero/cat_r.gif" alt="" border="0"></td>
</tr>
</tbody>
</table>
<table style="margin-right:4px;width:250px;height=140" border="0" cellspacing="1" cellpadding="4" class="tborder">
</thead>
<tbody style="" id="meinebox1_e">
<!-- end: forumbit_depth2_forum --><!-- start: forumbit_depth2_forum -->
<tr>
<td class="trow2" valign="top">
<strong>
Test Test<br><br></strong>
Test Test<br>
Test Test<br>
</td>
</tr>
<!-- end: forumbit_depth2_forum -->
</tbody>
</table>
<table style="margin-right:4px" border="0" cellpadding="0" cellspacing="0" align="center" width="250px";>
<tr>
<tbody>
<tr>
<td align="left"><img src="images/Hero/cat_lb.gif" alt="" border="0"></td>
<td style="background: url(images/Hero/cat_tbgb.gif) repeat-x" align="center" width="250px";>
</td>
<td align="right"><img src="images/Hero/cat_rb.gif" alt="" border="0"></td>
</tr>
</tbody>
</table>
<table style="margin-right:4px" border="0" cellpadding="0" cellspacing="0" align="center" width="250px";>
<tr>
<tbody>
<tr>
<td align="left"><img src="images/Hero/cat_l.gif" alt="" border="0"></td>
<td style="background: url(images/Hero/cat_tbg.gif) repeat-x" align="center" width="250px;"><div class="expcolimage"><img src="images/Hero/collapse.gif" id="meinebox_img" class="expander" alt="[-]" /></div>
<span class="thead"><div style="text-align: left;"><strong>test</strong><br /><div class="smalltext"></div></strong></div></span>
</td>
<td align="right"><img src="images/Hero/cat_r.gif" alt="" border="0"></td>
</tr>
</tbody>
</table>
<table style="margin-right:4px;width:250px;" border="0" cellspacing="1" cellpadding="4" class="tborder">
</thead>
<tbody style="" id="meinebox_e">
<!-- end: forumbit_depth2_forum --><!-- start: forumbit_depth2_forum -->
<tr>
<td class="trow2" valign="top">
test
</td>
</tr>
<!-- end: forumbit_depth2_forum -->
</tbody>
</table>
<table style="margin-right:4px" border="0" cellpadding="0" cellspacing="0" align="center" width="250px";>
<tr>
<tbody>
<tr>
<td align="left"><img src="images/Hero/cat_lb.gif" alt="" border="0"></td>
<td style="background: url(images/Hero/cat_tbgb.gif) repeat-x" align="center" width="250px";>
</td>
<td align="right"><img src="images/Hero/cat_rb.gif" alt="" border="0"></td>
</tr>
</tbody>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
{$footer}
</body>
</html>Das Problem ist das ich die Linke Tabelle oben haben will und nicht in der Mitte.
Ich habe schon versucht bei der ersten Tabelle neben margin-left:1px margin-top:1px einzusetzen aber ging irgendwie nicht. Vielleicht hab ich es nur falsch geschrieben oder so.
Was meint ihr?
