Rollover Navigation...

[thespecialx]

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 :

<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 ?

 

[Quaese]

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:

<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:

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

Vielleicht hilft dir das weiter.

Ciao
Quaese