[CSS] Abstand - verlinkte Bilder

Sonnenpferd
Sodele, ich hab mal wieder ein Problem und weiß echt nicht
wie ich das wegbekomme. Im Menü habe ich nun Buttons zum verlinken,
doch wenn ein Umbruch erfolgt stehen diese ganz weit auseinander.
Frage: Wie bekomme ich es hin dass sie so nah untereinander sind?
(Hoffe ihr versteht was ich mein ^^")

Über Hilfe würd ich mich freuen smile
Lg Vampi

Seite zum angucken


Code von der index-Seite
code:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 <html>
  <head>
  
   <script language=JavaScript>
   <!--
   var message="";
   ///////////////////////////////////
   function clickIE() {if (document.all) {(message);return false;}}
   function clickNS(e) {if 
   (document.layers||(document.getElementById&&!document.all)) {
   if (e.which==2||e.which==3) {(message);return false;}}}
   if (document.layers) 
   {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
   else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
   
   document.oncontextmenu=new Function("return false")
   // --> 
   </script>
   
   <title>.::...::.</title>
   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
   <link rel="stylesheet" type="text/css" href="layout.css">
  </head>
  
<body style="background-image:url(t1.jpg)">

<div style="position: absolute; left: 0px; top: 0px;">
<img src="hg.jpg" border="0">
</div>

<div style="position: absolute; left: 25px; top: 5px;">
<img src="logo.jpg">
</div>

  <div id="menue">
   <table style="width:140px; border: 0px;">
   <tr>
    <td colspan="2" align="center"><img src="main.jpg"></td>
   </tr>
   <tr>
    <td align="center" style="height:60px">
    <a href="index.htm"><img src="home.jpg" border="0" width="70" height="25"></a> <br>
    <a href="animals.htm"><img src="myanimals.jpg" bordeR="0" width="70" height="25"></a>
    </td>
    <td align="center" style="height:60px">
    <a href="me.htm"><img src="aboutme.jpg" border="0"></a><br>
    <a href="impressum.htm"><img src="impressum.jpg" border="0"></a>
    </td>
   </tr>
   </table>
  </div>

  <div id="main">
   ~~
  </div>

</body>
 </html>


CSS-Code
code:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
  body {
    background-color: #F7D5B9;
    font-family: Helvetica,Arial,sans-serif;
    margin: 0; padding: 5px;
  }



 #main {
   position:absolute;
   top:310px;
   left:210px;
   width:570px;
   padding:10px;
   margin:0px;
   text-align:center;
 }



 #menue {
   position:absolute;
   top:310px;
   left:25px;
   width:170px;
   padding:5px;
   margin:0px;
   text-align:center;
 }
  
 #menue a {
   display: block;
   font-weight: bold;
   font-size: 11px;
  }
  
 #menue a:link {
   color: black;
  }
  
 #menue a:visited {
   color: black;
  }
  
 #menue a:hover {
   color: black;
  }
  
 #menue a:active {
   color: black;
  }
Perpetual
Nehm einfach mal die Tabelle raus, dann sollten sie nicht mehr so weit auseinander stehen Augenzwinkern
Sonnenpferd
Klappt net wirklich.
Nu sind se alle untereinander und haben
noch immer so einen weiten Abstand.
Möcht ja das immer 2 Buttons nebeneinander sind.
Bubgirl
Vielleicht liegts am Padding-Wert...?
Sonnenpferd
Hab's nu hingekriegt.
Lag soweit ich's bemerkt hab am display:block großes Grinsen