basti123: mouseover über IMG, nicht über per CSS definierten Bereich

Hallo!

Ich habe folgendes Problem. Ich habe ein Icon auf meiner Webseite, bei dem beim Überfahren mit der Maus über dieses ein Script ausgeführt werden soll:

  
<img id="picture" border="0" onmouseout="show(this, 108348)" onmouseover="show(this, 108348)" src="http://xxxx.de/img/icon.gif" style="position: absolute; display: block; z-index: 9999; padding-left: 395px; padding-top: 2px;">  

Funktioniert auch soweit. Das Icon ist 5x5 Pixel gross und eigentlich soll das Script nur ausgeführt werden, wenn man genau diesen 5x5-Pixelbereich mit dem Mauspfeil trifft.

Durch die Style-Angabe am IMG-Tag ist der maussensitive Bereich jetzt aber auch die 395 Pixel vor dem Icon und die zwei Pixel über dem Icon gross. Also quasi 400x7 Pixel. Das wollte ich eigentlich nicht so.

Geht das so zu lösen, wie von mir gewünscht?

Danke!

  1. Moin,

    <img id="picture" border="0" onmouseout="show(this, 108348)" onmouseover="show(this, 108348)" src="http://xxxx.de/img/icon.gif" style="position: absolute; display: block; z-index: 9999; padding-left: 395px; padding-top: 2px;">

    
    > Geht das so zu lösen, wie von mir gewünscht?  
      
    Jop. Wenn du dir das <http://de.selfhtml.org/css/formate/box_modell.htm@title=Box-Modell> anschaust, wirst du merken, dass du nicht die `padding`{:.language-css}-Eigenschaften setzen musst, sondern die `margin`{:.language-css}-Eigenschaften:  
      
    ~~~css
    #picture {  
    margin-top:2px;  
    margin-left:395px;  
    }  
    
    

    Übrigens ist es "schlechter Stil", CSS-Angaben in das Style-Attribut eines Elements zu schreiben. Du hast dem Bild eine ID gegeben. Nutze diese :)

    Grüße Marco

  2. Lieber basti123,

    ich habe Zweilfel, dass Dein technischer Ansatz dazu geeignet ist, Dein eigentliches Problem zu lösen.

    Was willst Du denn wirklich erreichen?

    Liebe Grüße,

    Felix Riesterer.

    --
    ie:% br:> fl:| va:) ls:[ fo:) rl:| n4:? de:> ss:| ch:? js:) mo:} zu:)