positionieren von Tabellen usw.

[jens]

Hi, ich habe ein Problem. Ich möchte das die Tabellen in bestimmten Abständen von oben angezeigt werden. Ich habe es schon mit margin.. (CSS)probiert, schaffe es aber nie.

Kann mir da einer helfen?

Der Code:

<div align="left"><a href="start.htm" target="mainFrame"><img src="logo.gif" width="200" height="80" border="0"></a><br>
</div>
<table width="8%" border="0" align="left" cellspacing="0" cellpadding="0">
        <tr>
          <td>
            <table cellspacing = 0 cellpadding = 0 border = 0 width="45" height="13">
              <tr>
                <td><a href="1.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('1','','1-2.gif',1)" target="mainFrame"><img name="kontakt" border="0" src="1.gif" width="50" height="10"></a></td>
              </tr>
              <tr>
                <td><a href="2.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('2','','2-2.gif',1)" target="mainFrame"><img name="2" border="0" src="leftmenu.1_2.gif" width="50" height="10"></a></td>
              </tr>
            </table>
          </td>
          <td align="center" valign="middle">
            <div align="3"><img src="platzhalter.gif" width="58" height="26" align="left" usemap="#Map" border="0">
              <map name="Map">
                <area shape="rect" coords="28,1,55,14" href="javascript:history.forward(1)" alt="vor" title="eine Seite vor">
                <area shape="rect" coords="2,1,29,14" href="javascript:history.back(1)" alt="back" title="back">
                <area shape="rect" coords="2,16,57,26" href="javascript:parent.close()" alt="schließen" title="schließen">
              </map>
            </div>
          </td>
        </tr>
(DIESE TABELLE SOLL 10 px ABSTAND VOM LOGO HABEN. UNTER DEM LOGO)
      </table>

<br>
<div align="left"> <br>
  <table width="40%" border="0" align="right" cellspacing="0" cellpadding="0" height="19">
    <tr>
      <td width="0%"><a href="55.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('55','','55-2.gif',1)" target="mainFrame"><img name="news" border="0" src="55.gif" width="43" height="18"></a></td>
      <td width="0%"><img src="abstand01.gif" width="10" height="14"></td>
      <td width="0%"><a href="profil.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('profil','','menu.2_2.gif',1)" target="mainFrame"><img name="profil" border="0" src="menu.2_1.gif" width="41" height="18"></a></td>
      <td width="0%"><img src="abstand01.gif" width="10"
....
    </tr>
  </table>
(DIESE TABELLE SOLL 30px ABSTAND VON OBEN HABEN)
</div>
</body>
</html>

wie mache ich es?
Ich hoffe es kann mir einer helfen.

grüße