zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Bedingungsproblem

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 04.11.2010, 17:39
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 04.11.2010
Beiträge: 3
harmoniemand befindet sich auf einem aufstrebenden Ast
Standard Bedingungsproblem

Hi

ich suche nach einer ganz speziell formulierten Bedingung für ein <li>Element um ein Menü zu realisieren.

Ich möchte gerne alle <li> ansprechen die in dem <ol> liegen in dem das erste <li> mit der Maus überfahren wird.

Habe mir bisher das hier ausgedacht

Code:
div.menu > ol > li:first-child:hover < ol > li
das funktioniert aber nicht so richtig

thx4help

mfg joni
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 04.11.2010, 18:00
$("#mettbröttchen");
XHTMLforum-Mitglied
 
Registriert seit: 28.09.2010
Ort: Bremen
Beiträge: 448
zeji wird schon bald berühmt werden
Standard

versteh ich das jetzt richtig?

HTML-Code:
<li>

<ol>
          <li></li>
          <li></li>
          <li></li>
</ol>

</li>
?
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 04.11.2010, 18:08
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 04.11.2010
Beiträge: 3
harmoniemand befindet sich auf einem aufstrebenden Ast
Standard

fast

Code:
<ol>
<li> :firstchild :hover </li> <li> bla </li> <li> bla </li> <li> bla </li>
</ol>
die idee ist das das erste <li> am anfang sichbar ist und alle anderen unsichtbar sind.
Wenn ich dann das erste überfahre sollen alle anderen sichtbar werden. aber eben nicht mit javascript sondern mit reinem css. sollte eigentlich gehen.

mfg harmoniemand
Mit Zitat antworten
  #4 (permalink)  
Alt 04.11.2010, 18:13
{ display: random;}
XHTMLforum-Kenner
 
Registriert seit: 08.09.2004
Ort: Stuttgart
Beiträge: 5.039
andir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblick
Standard

Wenn Du "nur" ein Ausklappmenü mit CSS haben willst, kannst Du Dich von

Stu Nicholls | CSSplay | CSS only menus

inspirieren lassen, ggfs. noch nach "son of suckerfish" googlen.

Wenn Du willst, dass andere li dann gestylt werden, wenn das erste li gehovert wird, mußt Du anders vorgehen, in etwa so:


Code:
 ol li 
{background-color: red;}
ol + li:hover  /* nachbarselektor  = erstes li nach öffnendem ol */
{background-color: blue;}
ol + li:hover + li ,
 ol + li:hover + li + li,
 ol + li:hover + li + li + li,
 ol + li:hover + li + li + li + li
{background-color: pink;}
Ungetestet, sollte aber funktionieren.

Edit: In deinem Fall ( deine Ergänzung) wäre aber vermutlich ein "normales" CSS-Klappmenü der bessere Weg, die Untermenüs wären semantisch korrekt angelegt und lägen nicht zu flach da- jedenfalls bei größeren Menüs sinnvoll.
__________________
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
Mit Zitat antworten
  #5 (permalink)  
Alt 05.11.2010, 05:42
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.869
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von andir Beitrag anzeigen
ol + li:hover /* nachbarselektor = erstes li nach öffnendem ol */
Kind != Nachbar

Der Ansatz per :first-child war schon richtig - wenn ausschließlich beim Hovern des ersten li etwas passieren und dies gleich für alle li gelten soll, wären die korrekten Selektoren:

Code:
li:first-child:hover,
li:first-child:hover ~ li {
	background: red;
	}
(oder 2 Regeln draus machen, falls die übrigen li etwas anderes tun sollen als das erste.)
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)
Mit Zitat antworten
  #6 (permalink)  
Alt 05.11.2010, 10:21
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 04.11.2010
Beiträge: 3
harmoniemand befindet sich auf einem aufstrebenden Ast
Standard

danke sehr. genau das war der fehlende selektor.

mfg joni
Mit Zitat antworten
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



Alle Zeitangaben in WEZ +2. Es ist jetzt 17:54 Uhr.