nicht angemeldet
Mouseover per CSS, Link funktioniert nicht
Hallo Leute,
ich hab ein komisches Problem und ich kenne sogar die Lösung dafür aber diese Lösung gefällt mir überhaupt nicht.
Und zwar bekomm ich den Bildwechsel per hover-Befehl in der CSS gut hin, aber leider funktioniert dann weder der "Ursprungsbutton" noch der neue "hover-button" als Verweis sondern besitzt eigentlich nur noch Eigenschaften eines image.
der html code sieht so aus:
<div id="navigation-eins"><img src="">
<ul>
<li id="navhome"><a href="index.html"></a></li>
<li id="navfolio"><a href="folio.html"></a></li>
<li id="navcontact"><a href="contact.html"></a></li>
<li id="navforum"><a href="forum.html"></a></li>
<li id="navlinks"><a href="links.html"></a></li>
</ul>
</div>
die entsprechende css sieht in etwa so aus wie die, die hier mal als Artikel auftauchte.
Die buttons funktionieren erst dann wieder als anklickbare Verweise, wenn ich in die html das <img>-tag mit einfüge, dann jedoch funktioniert der hover nicht mehr^^.
Was soll ich machen.
hier könnt ihr sehen wie es momentan aussieht, wie zu sehen funktioniert der hover ganz gut: www.nonstandards.com
Ich hoffe auf eure Hilfe
-
Hallo!
ich hab ein komisches Problem und ich kenne sogar die Lösung dafür aber diese Lösung gefällt mir überhaupt nicht.
Und wie sieht die aus?
Und zwar bekomm ich den Bildwechsel per hover-Befehl in der CSS gut hin, aber leider funktioniert dann weder der "Ursprungsbutton" noch der neue "hover-button" als Verweis sondern besitzt eigentlich nur noch Eigenschaften eines image.
Kein Wunder, denn
1. hast du gar keinen Verweis(text) definiert
2. wendest du dein Hover auch nicht auf die Verweise, sondern auf den Listenpunkt an.Was soll ich machen.
Lies dir http://de.selfhtml.org/html/verweise/definieren.htm durch und passe deinen HTML-Code entsprechend an.
Wende den Hover-Effekt per CSS auf deine Links an - dann klappt es auch mit den IEs.hier könnt ihr sehen wie es momentan aussieht, wie zu sehen funktioniert der hover ganz gut: http://www.nonstandards.com/
Gruß Gunther
-
danke für die antwort
mir ist schon klar das ich einen verweistext brauche, aber das würde die buttons total in ihrem aussehen zerstören. es sei denn ich benutze standardschriftarten, was ich eigentlich nicht will.
im grunde musste ich drumherum arbeiten. würde ich a:hover definieren, hätten ja alle buttons das gleiche aussehen beim mouseover. also benutze ich id's.
führt wirklich nichts drumherum standardschriftarten zu verwenden?
-
Hi!
danke für die antwort
mir ist schon klar das ich einen verweistext brauche, aber das würde die buttons total in ihrem aussehen zerstören. es sei denn ich benutze standardschriftarten, was ich eigentlich nicht will.
Du hast das angegebene Kapitel wohl nicht, oder zumindest nicht gründlich genug gelesen. Ansonsten wäre dir bestimmt der Verweis zu http://de.selfhtml.org/html/grafiken/verweise.htm aufgefallen.
Allerdings ist das Verwenden von Grafiken nicht ganz "unproblematisch", führt es doch gerade unter Accessablity-Gesichtspunkten zu Problemen (z.B. für Blinde mit Braille-Zeile).im grunde musste ich drumherum arbeiten. würde ich a:hover definieren, hätten ja alle buttons das gleiche aussehen beim mouseover. also benutze ich id's.
Wer oder was hindert dich daran, diese für <a> Tags zu benutzen?
führt wirklich nichts drumherum standardschriftarten zu verwenden?
Also die Standard-Methode dürfte wohl sein, dass man Text für den Verweis benutzt, den du dann mit einer entsprechenden Hintergrundgrafik optisch "aufmotzen" kannst.
Du kennst doch bestimmt etliche Webseiten, auf denen entsprechende Menüs zum Einsatz kommen? Hast du dir da schonmal die Umsetzung (HTML-Code + CSS) angeguckt?
Gruß Gunther
-
-