Hover Effekt - Link?

[MrEve]

Hallo liebes Forum,
ich habe folgende Frage.
Wollte meiner Test-Webseite einen Hovereffekt hinzufügen. Das klappt auch. Jedoch wenn ich hinzu eine Verlinkung per
<a id="wechsel3" href="http://mreve.mr.funpic.de/portfolio.html></a>
hinzufüge, dann bringt das den Hover-Effekt durcheinander. Also wenn man über den Menüpunkt mit der Maus fährt erscheint der Hover-Effekt nur an einem Teil davon! Und die Verlinkung verläuft nur oberhalb davon.
Kann mir da vll. jemand weiterhelfen?
Hier sieht man das Problem: http://mreve.mr.funpic.de/
Es geht um den Menüpunkt "Portfolio".

Grüße
Eve

Weiß jemand einen Ansatz? Bzw. ist der Quellcode wenigstens einigermaßen ordentlich und richtig?

 

[prm]

Deine Konstruktion ist etwas seltssam.
Das ist m.E. unnötig:

  #wechsel3 a:hover img {
    visibility: hidden;
  }

Weise besser dem a:hover die entsprechende Grafik als Hintergrund zu.
Näheres siehe Link-Buttons (Ziffer 2).

 

[MrEve]

Okay,
danke!

Die verlinkung passt jetzt zwar, doch wie kann ich denn die größe der elemente seperat anpassen, weil es ja in zukunft, wie auch jetzt so sein wird, dass buttons teilweise verschiedene größen haben!? Bei der beschreibung vomlink gibts es nur ein übergeordnetes größenverzeichnus für alle button. Jedoch nicht einzeln für jeden. Weiterhin kann ich hier die button nicht positionieren, gibt es da eventuell ein vorgefertigtes add to?

Vielen dank
Grüße Eve

Hier das problem noch mal zu sehen
http://mreve.mr.funpic.de/

 

[prm]

Positionieren kannst du's ja so wie vorher auch.
Die unterschiedlichen Größen kannst du als width- und height-Angaben den einzelnen Klassen ebenfalls zuweisen.
In deinem Fall lässt du dann eben die Elemente ul und li weg.