|
||||
text-link mit grafik bei a:hover
hallo.
ich bin grade am überlegen wie ich am besten folgendes menü löse. http://img523.imageshack.us/img523/5954/layoutjk4.jpg bei a:hover soll links eine grafik erscheinen und zwar dieses braune rechteck. wenn der link active ist soll das rechteck dort bleiben. jetzt hatte ich zuvor versucht dieses mit border-left zu lösen, aber dabei verschiebt sich die navigation nach rechts und es klebt direkt an dem link-namen dran, sodass es imho keine gute lösung ist. wie also kann ich mein vorhaben mit einer grafik beim hover und active lösen und die schmale linie mit einfügen? die navigation habe ich mit einer undefinierten liste aufgebaut.
__________________
wissen ist gut können ist besser aber das interessante ist der weg dorthin. |
Sponsored Links |
|
|||
Nimm doch ein transparentes Gif mit dem Rechteck drin als Hintergrundbild für a, wenn a gehovert wird. Das sollte deine Frage beantworten.
Listen: Übersicht: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets Mit einer Klasse z.B. li class="current" im HTML kannst Du den "aktiven" Zustand anzeigen lassen wenn es entsprechend im CSS notiert ist ( li.current {} ).
__________________
Grüsse Andreas- auch mal wieder da... Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams) Wiedergelesen: > hier und hier [Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte |
Sponsored Links |
|
|||
Du kannst dem Linktext (im span) ja ein padding oder margin mitgeben. Das a selbst und das li ist dann natürlich größer als es auf den ersten Blick ausschaut.
__________________
Grüsse Andreas- auch mal wieder da... Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams) Wiedergelesen: > hier und hier [Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte |
|
||||
Zitat:
aber ich weiß leider noch immer nicht wie ich die linke linie definieren soll, die sich jeweils auf der linken der navigations-punkte befindet.
__________________
wissen ist gut können ist besser aber das interessante ist der weg dorthin. |
|
||||
Zitat:
Beispielsweise, kenntest du der jeweilligen Liste immer einen border-left mitgeben.
__________________
Ad pedem litterae Geändert von aboleo (17.11.2008 um 16:17 Uhr) Grund: Ergaenzung |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Parent DIV soll mit der Höhe seines Childs wachsen | Tekkla | CSS | 2 | 19.11.2009 19:27 |
DIV bis GANZ unten | burnZ | CSS | 5 | 27.07.2008 14:14 |
Helft mir. Ich habe voll die Leseschwäche | nick | CSS | 12 | 15.01.2008 21:52 |
Internet Explorer verschluckt Grafik | Webentwickler Eric | CSS | 4 | 06.07.2007 15:53 |
Falsche Darstellung beim Internet Explorer | LordAvalon | CSS | 4 | 09.04.2007 17:22 |