Hallo,

ich benutze für ein Paar Buttons eine mit javascript verbunde Rollover-Aktion. Also , wenn ich mit der Maus über den Button drüberfahre , ändert sich die Farbe oder sonst irgendetwas... also nichts neues .

der Code :

Code :

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

<script language="Javascript" type="text/javascript"> <!-- a1=new Image(180,18); a1.src="./images/menu_item.gif"; a2=new Image(180,18); a2.src="./images/menu_item_hover.gif";   function switch_image(imagename,objectsrc) {     if (document.images) document.images[imagename].src=eval(objectsrc+".src"); } // --> </script>     <A HREF="./unterseite.html" OnMouseOver="switch_image('b1','a2')" OnMouseOut="switch_image('b1','a1')"><IMG SRC="./images/menu_item.gif" NAME="b1" BORDER="0" WIDTH="180" HEIGHT="18">

Meine Frage ist die Folgdene: ich habe einige Buttons direkt nebeneinander eingefügt und die sollen auch nebeneinander stehen, aber wenn ich den LINK-TAG benutze <a></a> macht er mir eine lücke zwischen den benachbarten Knöpfen...
Wie ist dies zu regeln, kann man das mit CSS machen ?

Hi,

liest sich für mich wie ein Problem des IE. Werden Bilder in unterschiedliche Zeilen angegeben,
ist eine Lücke dazwischen zu sehen.

Erste Lösungsmöglichkeit - schreibe alles in eine Zeile:

HTML-Code:

<a href="..."><img src="..."></a><a href="..."><img src="..."></a>...

Als zweite Möglichkeit könntest du versuchen, den Links mit Hilfe von CSS die Eigenschaft float: left
zuzuweisen:

HTML-Code:

<a style="float: left;" href="...">
  <img src="...">
</a>
<a style="float: left;" href="...">
  <img src="...">
</a>
...

Vielleicht hilft dir das weiter.

Ciao
Quaese