mook: css rollover

Beitrag lesen

Hallo!

Wie mache ich das?

Indem du display:block in display:inline umwandelst :)

ciao, ww

Hi,

also ich arbeite mit grafikbuttons als Elemente, aber wenn ich display:inline mache, werden die Bilder nicht mehr angezeigt.

hier mein Code:
<div id="mainmenu">
<a href="url" id="m1"></a>
<a href="url" id="m2"></a>
<a href="url" id="m3"></a>
<a href="url" id="m4"></a>
</div>

UND DER CSS TEIL

a#m1    { display:inline; background-image:url(images/m1.gif);
             width:150px; height:50px }
   a#m1:hover { background-image:url(images/m1_over.gif);
   }
   a#m1:active {background-image:url(images/m1_over.gif);
   }

a#m2    { display:inline;
             background-image:url(images/m2.gif);
             width:150px; height:50px }
   a#m2:hover { background-image:url(images/m2_over.gif);
   }
   a#m2:active { background-image:url(images/m2_over.gif);
   }

[...]