zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Ausnahme für a:hover definieren

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 29.04.2009, 16:39
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 29.01.2008
Beiträge: 10
tekuna befindet sich auf einem aufstrebenden Ast
Standard Ausnahme für a:hover definieren

Hallo liebe Forenmitglieder,

in der Sitebar meines Wordpress-Blogs möchte ich gern einen Hover Effekt ändern. Nur der rotmarkierte Link soll beim Überfahren mit der Maus nicht die Hintergrundfarbe ändern. (siehe CSS-Code unten) Für diesen einen Link möchte ich also gerne eine "Ausnahme" definieren.


Code:
<div id="r_sidebar">
  <ul id="r_sidebarwidgeted">


	<li id="About">
	<h2>Text</h2>
	<a href="http://www.domain"><img border="0" src="http://www....gif"></a>
	</li>
	
	
	<li id="About">
	<h2>Text</h2>
	<a href="http://www.domain"><img border="0" src="http://www....gif"></a>
	</li>
		
	
  </ul>
</div>
Hier der dafür relevante CSS-Code:

Code:
#r_sidebar ul li a:hover 
{
background: #EAEAEA;
color: #BE0C0C;		
text-decoration: none;
}

Ich würde mich freuen, wenn ihr mir Lösungsvorschläge für eine ID machen könntet, mit der ich den rotmarkierten Link anders formatieren kann.
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 29.04.2009, 17:05
Benutzerbild von hubspe
Eisen 7 ole....
XHTMLforum-Kenner
 
Registriert seit: 22.06.2007
Ort: Passau
Beiträge: 7.086
hubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblick
Standard

Hi,

schau dir doch den Quelltext deiner Seite mal im Browser an.
WP generiert doch die Links mit wp_list_pages oder so.
Da wird doch für jeden Link mind. eine eindeutige id oder Klasse mitgeneriert.

Die kannst du dann doch über CSS ansprechen.
__________________
Ein mehrfacher Gruß aus dem Südosten
Klaus
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 29.04.2009, 19:16
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 29.01.2008
Beiträge: 10
tekuna befindet sich auf einem aufstrebenden Ast
Standard

Hallo hupse,

vielen Dank für deine Antwort. Den Quelltext der Seite (zumindest den relevanten Part) habe ich ja oben gepostet.

Diese Anweisung gilt für alle Links (in der rechten Sitebar):

Code:
#r_sidebar ul li a:hover
{
background: #ffffff;
color: #C90D0D;
text-decoration: none;
}
Ein Link soll jedoch anders aussehen. Ich dachte es würde so in der Art gehen. Leider klappt es nicht:

Für class="ausnahme" bzw. id="ausnahme":

Code:
#r_sidebar ausnahme ul li a:hover {
{
background: #ffffff;
color: #ffffff;
text-decoration: none;
}
oder

Code:
#r_sidebar.ausnahme ul li a:hover {
{
background: #ffffff;
color: #ffffff;
text-decoration: none;
}

Ich kenne mich leider nicht so gut aus.
Mit Zitat antworten
  #4 (permalink)  
Alt 29.04.2009, 19:21
Benutzerbild von hubspe
Eisen 7 ole....
XHTMLforum-Kenner
 
Registriert seit: 22.06.2007
Ort: Passau
Beiträge: 7.086
hubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblick
Standard

Hi,

gib uns doch mal einen Link zur Seite.
__________________
Ein mehrfacher Gruß aus dem Südosten
Klaus
Mit Zitat antworten
  #5 (permalink)  
Alt 29.04.2009, 19:41
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 29.01.2008
Beiträge: 10
tekuna befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von hubspe Beitrag anzeigen
Hi,gib uns doch mal einen Link zur Seite.
Es geht um meinen Filmblog

Wenn man mit der Maus zum RSS-Icon bei "Beiträge abonnieren" navigiert färbt sich der Hintergrund. Das möchte ich gerne ändern.
Mit Zitat antworten
  #6 (permalink)  
Alt 29.04.2009, 20:13
Benutzerbild von hubspe
Eisen 7 ole....
XHTMLforum-Kenner
 
Registriert seit: 22.06.2007
Ort: Passau
Beiträge: 7.086
hubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblick
Standard

Hi,

der Link hat die id="no" und die kann per CSS angesprochen werden.

Ach ja, Spezifität evtl. beachten.
__________________
Ein mehrfacher Gruß aus dem Südosten
Klaus
Mit Zitat antworten
  #7 (permalink)  
Alt 29.04.2009, 20:55
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 29.01.2008
Beiträge: 10
tekuna befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von hubspe Beitrag anzeigen
Hi,

der Link hat die id="no" und die kann per CSS angesprochen werden.

Ach ja, Spezifität evtl. beachten.

Ja, das id="no" habe ich hinzugefügt. Ich weiß jedoch nicht, wie der genaue CSS-Code aussehen muss. So vielleicht?

Code:
#r_sidebar.no ul li a:hover {
{
background: #ffffff;
color: #ffffff;
text-decoration: none;
}
Mit Zitat antworten
  #8 (permalink)  
Alt 30.04.2009, 08:05
Benutzerbild von hubspe
Eisen 7 ole....
XHTMLforum-Kenner
 
Registriert seit: 22.06.2007
Ort: Passau
Beiträge: 7.086
hubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblick
Standard

Moin,

Zitat:
Zitat von tekuna Beitrag anzeigen
Ja, das id="no" habe ich hinzugefügt. Ich weiß jedoch nicht, wie der genaue CSS-Code aussehen muss. So vielleicht?

Code:
#r_sidebar.no ul li a:hover {
{
background: #ffffff;
color: #ffffff;
text-decoration: none;
}
das mußt du schon ausprobieren und wie schon gesagt Spezifität beachten.
__________________
Ein mehrfacher Gruß aus dem Südosten
Klaus
Mit Zitat antworten
  #9 (permalink)  
Alt 30.04.2009, 09:45
Benutzerbild von David
auch, ja!
XHTMLforum-Kenner
 
Registriert seit: 08.11.2007
Beiträge: 2.626
David ist ein wunderbarer AnblickDavid ist ein wunderbarer AnblickDavid ist ein wunderbarer AnblickDavid ist ein wunderbarer AnblickDavid ist ein wunderbarer AnblickDavid ist ein wunderbarer AnblickDavid ist ein wunderbarer Anblick
Standard

Den Hilfesuchenden Rätzel raten lassen tz tz tz.... ^^

Ids werden in der CSS mit der Raute "#" angesprochen, klassen mit dem Punkt "."

Code:
a#no
wäre also der Link mit der ID 'no'

also:
Code:
#r_sidebar ul li a#no:hover
Was zum Lesen:
http://www.thestyleworks.de/ref/index_se.shtml
__________________
github | http://dnaber.de

Geändert von David (30.04.2009 um 09:51 Uhr)
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 01.05.2009, 13:09
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 29.01.2008
Beiträge: 10
tekuna befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von David Beitrag anzeigen
also:
Code:
#r_sidebar ul li a#no:hover
Was zum Lesen:
Cascading Style Sheets { Vollreferenz zu CSS 1 und CSS 2.1 : Selektoren }
Perfekt. Vielen Dank. Werd mir den Link mal anschauen.
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
Seite links ausrichten like.no.other CSS 10 26.01.2011 02:10
z-index hoch, dennoch grafik nicht ganz oben bergg CSS 6 27.10.2010 17:02
Ungewöhnlicher abstand beim clearen von floats adrianno CSS 14 16.09.2009 15:20
Hilfe bei Positionierung eines Menüs opa-rudi CSS 0 18.11.2008 12:21
#boxes a:hover.info: 2.posting mit css !!! marioN CSS 5 25.01.2004 18:04


Alle Zeitangaben in WEZ +2. Es ist jetzt 09:14 Uhr.