Gegen Bilderklau - Das Original | Druckvorschau: Abstand - verlinkte Bilder

Geschrieben von Sonnenpferd am 07.01.2008 um 19:08:

Abstand - verlinkte Bilder

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;
  }

Geschrieben von Perpetual am 08.01.2008 um 08:17:

Nehm einfach mal die Tabelle raus, dann sollten sie nicht mehr so weit auseinander stehen Augenzwinkern

Geschrieben von Sonnenpferd am 08.01.2008 um 17:06:

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.

Geschrieben von Bubgirl am 08.01.2008 um 19:11:

Vielleicht liegts am Padding-Wert...?

Geschrieben von Sonnenpferd am 09.01.2008 um 17:04:

Hab's nu hingekriegt.
Lag soweit ich's bemerkt hab am display:block großes Grinsen