Text wandert

[luckger]

hat denn keiner eine Idee an was das liegen kann?

luckger

Hallo zusammen,

ich habe wiedermal ein Problem ...

Momentan versuche ich ein Menü zu schreiben, bei dem sich beim Mausklick auf einen Button ein Untermenü öffnet.

Dazu habe ich folgenden html code:

<ul class='menu' >
     <li><a>Löschen</a></li>
     <li onclick='task_menu_drop_switch(0)'><a>Neu</a>

<ul name='task_drop'>
       <li><a>Link</a></li>
      </ul>

</li>

</ul>

>   
> Der javascript Code sieht so aus:  
>  ~~~javascript
  

> function task_menu_drop_switch(id){  
>   
>  var element = document.getElementsByName("task_drop")[id];  
>   
>   
>  if (element.style.display != "block"){  
>   element.style.display = "block";  
>  }else{  
>   element.style.display = "none";  
>  }  
>   
> }

Das Untermenü ist per css default auf display:none gesetzt.

Wenn ich nun auf den Button drücke, wird das Untermenü wunderbar angezeigt. Klicke ich nochmal darauf, so wird das Menü wieder ausgeblendet - so weit wunderbar, wäre da nicht dieser eine Fehler.

Jedesmal beim Ausblenden wird der Button um 2,3 Pixel breiter. Ein äußerst störender Effekt ... weiß da jemand Rat was ich falsch mache?

Außerdem wollte ich gleich noch fragen ob jemand eine Idee hat, wie man das Menü wieder ausblenden kann, wenn der User außerhalb des Menüs klickt.

Vielen Dank im voraus und ein schönes, sonniges und langes Wochenende,

luckger