[CSS] Abstand - verlinkte Bilder | Gegen Bilderklau

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