Text bei mouseover verschieben!!!???

[Alex]

Hallo

könnte mir bitte einer helfen??
ich möchte ein menü machen wo sich der text des links bei mouseover verschiebt also so:
normal:         -->Link
mouseover       -->   Link

wie kann ich das machen??

würde mich über eine schnelle antwort freuen

danke

Alex

[HarryS]

Hallo Alex,

ich möchte ein menü machen wo sich der text des links bei mouseover verschiebt also so:
normal:         -->Link
mouseover       -->   Link
wie kann ich das machen??

a:link{padding-left:0px}
a:hover{padding-left:50px}

würde mich über eine schnelle antwort freuen

schneller ging es leider nicht *keuch keuch*

Grüße aus Nürnberg, HarryS

[Alex]

Hallo Harry

danke für die schnelle hilfe :)
aber.....dann ist ja nich des ganze -->Link der link sondern nur das wort "link" oder ???
kann ich es villeicht in eine class schreiben
<a href.....>--> <font.wort ....>link</font></a>
und dass dann .wort bei hoover irgendwie verschoben wird
geht dass??? wenn ja wie??  oder villeicht ganz anders??

gruß  ALex

ich möchte ein menü machen wo sich der text des links bei mouseover verschiebt also so:
normal:         -->Link
mouseover       -->   Link
wie kann ich das machen??
a:link{padding-left:0px}
a:hover{padding-left:50px}

[HarryS]

Hallo Alex,

danke für die schnelle hilfe :)
aber.....dann ist ja nich des ganze -->Link der link sondern nur das wort "link" oder ???

Richtig

kann ich es villeicht in eine class schreiben

auch richtig.

<a href.....>--> <font.wort ....>link</font></a>

äh naja das is nicht so ganz also äh - das ist falsch.

und dass dann .wort bei hoover irgendwie verschoben wird
geht dass??? wenn ja wie??  oder villeicht ganz anders??

(nicht hoover das is'n Staubsauger sondern hover zu deutsch 'schweben') es geht so:

<style type="text/css">
a.bewegdich {padding-left:0px; width:200px; display:block; border:1px solid red}
a.bewegdich:hover{padding-left:100px;width:100px}
</style>
(der border ist nur zur Demo eingefügt, das display:block; brauchst Du sonst wird die width ignoriert)

und im body dort wo der link steht (Du kannst den Link natürlich auch in ne Tabelle setzen, aber die class für den Link muß immer im <a> tag stehen):

<a href="#" class="bewegdich">Text</a>

Grüße aus Nürnberg, HarryS