Hallo Axel,
wie soll ich des basteln wenn ich kein css kann
CSS lernen? http://selfhtml.teamone.de/css/index.htm
Sorry, aber wenn ich gewusst hätte daß Du mit CSS noch nicht so vertraut bist, hätte ich versucht mein Beispiel ausführlicher zu erklären.
Aber das hat ja jetzt schon Axel für mich erledigt.
Also nochmal: Bitte beschäftige Dich mit CSS man kann damit tolle Dinge relativ einfach und ohne Einsatz von Javascript machen (gehe ich recht in der Annahme daß auch JS noch nicht so Dein Ding ist?). Keine Angst CSS ist viel einfacher als JS.
Neben dem oben genannten Link der natürlich DIE Referenz ist, gibt es zu CSS noch viele gute Seiten, z.B.:
http://www.styleassistant.de/index.htm
http://bjoernsworld.de/css/grundlagen.html
http://www.fractatulum.de/fraccss/
http://aktuell.de.selfhtml.org/artikel/css/mouseover/
http://www.jan-winkler.de/hw/program/css_1.htm
Also Die Links gleich Bookmarken und dann fleißig lernen gell ;-)
Ach ja nochwas: Das Beispiel von Axel ist zwar sehr elegant, aber einen Einsteiger überfordert es vielleicht etwas.
Du kannst auch folgendes machen (finde das ist etwas übersichtlicher):
Setze die --> in die erste Tabellenspalte und die Links in die zweite Spalte.
Allerdings finde ich, sehen die --> nicht sooooo toll aus. Wie wäre es mit einer winzigen Grafik als Pfeil?
OK hier nochmal ein komplettes ultraeinfaches Beispiel:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Bewegter Link</title>
<style type="text/css">
a.bewegdich {padding-left:0} /*padding-left ist der Abstand links. Im Ruhezustand ist er auf 0*/
a.bewegdich:hover{padding-left:1cm} /*bei Mouseover (hover) ist der linke Abstand 1 centimeter*/
</style>
</head>
<body>
<table>
<tr><td>--></td><td><a href="#" class="bewegdich">Erster Link</a></td></tr>
<tr><td>--></td><td><a href="#" class="bewegdich">Zweiter Link</a></td></tr>
<tr><td>--></td><td><a href="#" class="bewegdich">Dritter Link</a></td></tr>
</table>
</body>
</html>
Viel Spaß beim experimentieren
Grüße aus Nürnberg, HarryS