|
|||
per :hover an anderer Stelle ein background-image verstecken
Ich habe ein vertikales Nav-Menü, bei dem ein stationärer Pfeil anzeigt, welche Seite man gerade liest. (per background-image: url(...)
Außerdem zeigt per li:hover derselbe Pfeil, über welchen Menüpunkt die Maus sich gerade bewegt. Nun möchte ich, dass dabei der erste, stationäre Pfeil ausgeblendet wird. Siehe bitte hier (man liest gerade die Seite mit dem schönen Titel m voluptua): test Wie mache ich das? Besten Dank! |
Sponsored Links |
|
|||
#ul_col2:hover li {background:none;}
Entsprechend den Hover-Effekt mit #ul_col2 li:hover.
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
Sponsored Links |
|
|||
Hallo fricca, das tut's leider nicht.
Wenn Du Dir denn Quelltext der HTML-Datei anschaust, siehst Du im head-Bereich dass dort jeweils der aktuelle li-Eintrag den statischen Pfeil zugewiesen bekommt. Code:
<style type="text/css"> li#lino06 { background-image: url(images/menuarrow.gif); background-position: 0px 0px; background-repeat: no-repeat; } li:hover { background-image: url(images/menuarrow.gif); background-position: 0px 0px; background-repeat: no-repeat; } body { background-image:url(images/randombackgroundlogo.png); background-repeat:no-repeat; background-position:top center; background-attachment:fixed; } </style> |
|
|||
Wo ist dein Versuch, es einzubauen?
Ich habe gesehen, was du machst. Dafür habe ich dir eine Lösung genannt.
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
|
|||
Tja, und auf einmal geht's doch. Sorry!
test Allerdings muss aus Code:
#ul_col2:hover li{background:none;} Code:
#ul_col2:hover li#lino06 {background:none;} Danke. Geändert von BobbyKreuzberg (28.09.2010 um 18:03 Uhr) |
|
|||
Warum nimmst du nicht den von mir genannten allgemeineren Selektor? Du musst das nicht einzeln machen!
Kann es sein, dass dir die Spezifität von Selektoren nicht wirklich geläufig ist? edit: Nein, was du jetzt editiert hast, ist falsch. Bitte lies meine erste Antwort nochmal, da gibt es eine zweite Zeile.
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken Geändert von fricca (28.09.2010 um 18:05 Uhr) |
|
|||
Ja, Du hast recht. Ich hatte Deine erste Antwort nicht richtig verstanden. Nun denn:
gelöst In der content.css wie von Dir vorgeschlagen: Code:
#ul_col2_work:hover li {background:none; } #ul_col2_work li:hover{ background-image: url(../../images/menuarrow.gif); background-position: 0px 0px; background-repeat: no-repeat; } Code:
<style type="text/css"> li#lino06 { background-image: url(images/menuarrow.gif); background-position: 0px 0px; background-repeat: no-repeat; } body { background-image:url(images/randombackgroundlogo.png); background-repeat:no-repeat; background-position:top center; background-attachment:fixed; } </style> |
|
|||
Schön
Ich finde es gut, dass du die Schritte mit Testcases dokumentierst. Hoffentlich bleiben sie online? Eine Anmerkung zu deinem Markup: Du willst Listen, die jeweils eine Überschrift haben. Das steht aber nicht in deinem Markup. Du solltest aus deiner einen Liste zwei machen und die Überschrift jeweils als solche auszeichnen -- außerhalb der Liste.
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
|
|||
Ja, die sollen natürlich online bleiben. Wenn auch nur, damit ich selbst da nötigenfalls nachgucken kann. Habe auch lange nach einen 'anonymen' Testserver gesucht und hoffe dass bplaced das so stehen lässt. Und wenn's sonst noch jemandem hilft, dafür ist ja so'n Forum da... (obwohl, so genau sollte man da nicht gucken; ist noch ziemlich chaotisch).
Deinen Hinweis mit den Listen und Überschriften nehme ich auch gerne an. Besten Gruß! |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Css style | je-de | CSS | 6 | 26.09.2008 20:40 |
Problem mit CSS in Joomla 1.5 | noobilicius | CSS | 6 | 25.09.2008 21:24 |
joomla template entschlüsseln | nieselfriem | CSS | 2 | 18.03.2008 14:12 |
Mozilla zeigt DIV zu oft an | cracki | CSS | 6 | 09.03.2008 16:22 |
CSS Menü: Hover und öffnen an anderer Stelle | Stingery | CSS | 4 | 17.12.2007 01:17 |