zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Veränderung einer id, bei hover über andere id

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 09.08.2014, 13:41
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 09.08.2014
Beiträge: 2
CrisV befindet sich auf einem aufstrebenden Ast
Standard Veränderung einer id, bei hover über andere id

Hallo Community,
ich habe ein Problem mit HTML und CSS:

Ich möchte bei einer id eine Veränderung vornehmen, wenn ich über eine andere id fahre (:hover).
Hier mein Code, natürlich stark vereinfacht:
HTML-Code:
<li class="xx"><a href="thp.htm" id="blt">Thp</a></li>
<li><a href="jkf.htm" id="blj">Jkf</a></li>
CSS:
Code:
#navi ul .xx:hover #blj {
	border-left: 2px; }
Also, ich möchte einen linken 2-Pixel-Rand bei der Zelle in der Jkf steht, wenn man über die Zelle fährt, in der Thp steht.

Ist sowas möglich?
Habe ich einen Denkfehler?
Hat einer eine Idee?

Vielen lieben Dank für jegliche Hilfe!
CrisV
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 09.08.2014, 14:13
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 10.01.2010
Beiträge: 1.103
MrMurphy ist ein sehr geschätzer MenschMrMurphy ist ein sehr geschätzer MenschMrMurphy ist ein sehr geschätzer Mensch
Standard

Hallo,

rein mit CSS funktioniert das nicht. CSS-Anweisungen wirken immer nur auf das ausgewählte Element bzw. die ausgewählten Elemente.

Für deinen Wunsch wirst du dich mit JavaScript oder PHP beschäftigen müssen.

Gruss

MrMurphy
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 09.08.2014, 16:40
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.778
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

#navi ul .xx:hover + li #blj

In die andere Richtung geht mit CSS nicht, also den zweiten Listeneintrag hovern und eine Veränderung beim vorhergehenden bewirken.
Die border-Eigenschaft in dem Schnipsel bewirkt nichts. Es muss mindestens noch border-style dazu.
Bitte liefere immer lauffähige Codebeispiele, am besten einen Link. Schnipsel kann man nicht testen.
Mit Zitat antworten
  #4 (permalink)  
Alt 09.08.2014, 18:44
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 09.08.2014
Beiträge: 2
CrisV befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von fricca Beitrag anzeigen
#navi ul .xx:hover + li #blj

In die andere Richtung geht mit CSS nicht, also den zweiten Listeneintrag hovern und eine Veränderung beim vorhergehenden bewirken.
Die border-Eigenschaft in dem Schnipsel bewirkt nichts. Es muss mindestens noch border-style dazu.
Bitte liefere immer lauffähige Codebeispiele, am besten einen Link. Schnipsel kann man nicht testen.

Das funktioniert. Super, vielen Dank!
Mit Zitat antworten
Antwort

Stichwörter
<li>, <ul>, :hover, bezug, class, css, html, liste

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
Hilfe css Menu center xXcyberXx CSS 5 28.11.2010 20:51
Problem mit CSS Menü SMundt CSS 9 07.01.2009 20:12
CSS Navigation - Problem mit IE6 pcklinik CSS 4 18.09.2007 13:04
Darstellungsproblem CSS Navigation im IE7 pcklinik CSS 7 09.09.2007 18:25
CSS Einsteiger bittet um Hilfe pcklinik CSS 0 06.09.2007 15:40


Alle Zeitangaben in WEZ +2. Es ist jetzt 02:07 Uhr.