zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden per :hover an anderer Stelle ein background-image verstecken

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 28.09.2010, 17:08
ziemlich neu
neuer user
Thread-Ersteller
 
Registriert seit: 19.08.2010
Beiträge: 22
BobbyKreuzberg befindet sich auf einem aufstrebenden Ast
Lächeln 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!
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 28.09.2010, 17:32
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.779
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

#ul_col2:hover li {background:none;}

Entsprechend den Hover-Effekt mit #ul_col2 li:hover.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 28.09.2010, 17:46
ziemlich neu
neuer user
Thread-Ersteller
 
Registriert seit: 19.08.2010
Beiträge: 22
BobbyKreuzberg befindet sich auf einem aufstrebenden Ast
Standard

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>
Ich will diesen statischen Pfeil bei #lino06 ausschalten, wenn ich generell über #ul_col2 hovere.
Mit Zitat antworten
  #4 (permalink)  
Alt 28.09.2010, 17:48
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.779
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Zitat:
Zitat von BobbyKreuzberg Beitrag anzeigen
Hallo fricca, das tut's leider nicht.
Wo ist dein Versuch, es einzubauen?

Ich habe gesehen, was du machst. Dafür habe ich dir eine Lösung genannt.
Mit Zitat antworten
  #5 (permalink)  
Alt 28.09.2010, 18:00
ziemlich neu
neuer user
Thread-Ersteller
 
Registriert seit: 19.08.2010
Beiträge: 22
BobbyKreuzberg befindet sich auf einem aufstrebenden Ast
Standard

Tja, und auf einmal geht's doch. Sorry!

test

Allerdings muss aus

Code:
#ul_col2:hover li{background:none;}
erst

Code:
#ul_col2:hover li#lino06 {background:none;}
werden.

Danke.

Geändert von BobbyKreuzberg (28.09.2010 um 18:03 Uhr)
Mit Zitat antworten
  #6 (permalink)  
Alt 28.09.2010, 18:02
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.779
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

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.

Geändert von fricca (28.09.2010 um 18:05 Uhr)
Mit Zitat antworten
  #7 (permalink)  
Alt 28.09.2010, 18:23
ziemlich neu
neuer user
Thread-Ersteller
 
Registriert seit: 19.08.2010
Beiträge: 22
BobbyKreuzberg befindet sich auf einem aufstrebenden Ast
Standard

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; 
}
und im head-Teil der HTML Datei nur noch:
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>
Besten Dank!
Mit Zitat antworten
  #8 (permalink)  
Alt 28.09.2010, 18:35
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.779
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

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.
Mit Zitat antworten
  #9 (permalink)  
Alt 28.09.2010, 20:51
ziemlich neu
neuer user
Thread-Ersteller
 
Registriert seit: 19.08.2010
Beiträge: 22
BobbyKreuzberg befindet sich auf einem aufstrebenden Ast
Standard

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ß!
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 08:59 Uhr.