Thema: Einfügen eines eigenen Menü-Buttons

Hallo! Ich bins schon wieder mit einer neuen ganz wichtigen Frage:
Also möchte in meinem Menü statt der Schrift eigene Buttons einfügen. Die Links funktionieren schon, aber das ganze sieht doch ziemlich langweilig aus. Außerdem hätte ich gern, dass wen man mit der Maus über die Buttons drüberfährt bzw. sie anklickt, dass sie sich verändern, zB größer werden oder die Farbe sich verändert oder so.
Würde mich freuen, wenn ihr mir weiterhelfen könntet und nicht vergessen, bitte so erklären, dass auch ich es verstehe !

MFG, SOAD

Ok, danke! Das ist wirklich sehr interessant, aber möchtest du mir vielleicht irgendein Thema besonders empfehlen, damit ich ein bisschen schneller durch bin?

MFG, SOAD

Ok, habs jetzt geschafft einen Hintergrund für jeden Menüpunkt einzufügen. Nämlich so:

a.mainlevel {
text-decoration: none;
color: black;
font-family: Arial;
background: url(../../../images/apply_f2.png) left top no-repeat;
height: 5px;
width: 5px;

Ist es jetzt möglich dass wenn die Maus drüberfährt so eine Animation einzufügen, oder muss ich da sowieso alles ganz anders machen?

MFG, SOAD

Ok, das funktioniert doch nicht. Hab jetzt einen längeren Button eingefügt, aber der ist immer nur so lang wie die Schrift, es sollten aber alle gleich lang sein, grml. Also wieder von vorn.

Cool, hat funktioniert! Dankeschön!

MFG, SOAD

Alles klar...schön, dass es funktioniert hat, aber ich sehe nicht ganz durch!
Ich habe EXACT das gleiche Problem komme aber leider mit der Lösung nicht zurecht.
Könnte mir das bitte jemand etwas genauer erklären?

VIELEN DANK

Gruß

Hallo!
Also soweit hat alles geklappt, aber nun sind zwei weitere Probleme aufgetaucht.
Also 1. befindet sich zwischen meinen Menübuttons jeweils ein 1 cm Abstand obwohl sie genau untereinander sein sollten und ich weiß nicht wie man das einstellt.
Eigentlich kann ich den Abstand mit Padding einstellen, also so:

table.moduletable td {
padding-left: 0px;
padding-right: 0px;
padding-top: 10px;
padding-bottom: 10px;
background-color: none;
font-size: 15pt;
}

Aber hier kann ich den Abstand zwischen den Menüpunkten nur noch größer machen und nicht kleiner. Oder muss ich den Abstand sowieso woanders einstellen?

2. Habe die Größe und Höhe der Buttons bei a.mainlevel und a.mainlevel:hover angegeben und dadurch wurden sie ganz sichtbar. Aber irgendwie funktioniert das ganze nur im Internet Explorer, in Mozilla Firefox sind die Buttons wieder nur so lang wie die Schrift. Also was muss ich anders machen damit man die Menüpunkte in beiden Browsern richtig sieht?

Freue mich schon auf eure Antworten!

MFG, SOAD