zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > (X)HTML
Seite neu laden Problem mit Suckerfish Flyout-Menü

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 18.02.2010, 14:14
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 18.02.2010
Beiträge: 2
churchill11 befindet sich auf einem aufstrebenden Ast
Frage Problem mit Suckerfish Flyout-Menü

Hallo zusammen!

Ich habe ein Problem mit dem Suckerfish Flyout-Menü: Bei mir hat jeder Hauptpunkt eine andere Hintergrundgrafik und dadurch auch eine andere Breite.

Wie kann ich jetzt individuell im CSS jedem LI eine andere Hintergrundgrafik uns andere Breite geben?

Hier der Code:

HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
	"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>

<head>
<title>Menue</title>

<style type="text/css">

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav a {
	display: block;
	width: 10em;
}

#nav li { /* all list items */
	float: left;
	width: 10em; /* width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	position: absolute;
	background: orange;
	width: 10em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

</style>

<script type="text/javascript"><!--//--><![CDATA[//><!--

sfHover = function() {
	var sfEls = document.getElementById("nav").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);

//--><!]]></script>

</head>

<body>

<ul id="nav">
	<li><a href="#">1</a>
		<ul>
			<li><a href="#">1.1</a></li>
			<li><a href="#">1.2</a></li>
			<li><a href="#">1.3</a></li>
			<li><a href="#">1.4</a></li>

		</ul>
	</li>
	<li><a href="#">2</a>
		<ul>
			<li><a href="#">2.1</a></li>
			<li><a href="#">2.2</a></li>
			<li><a href="#">2.3</a></li>
			<li><a href="#">2.4</a></li>

		</ul>
	</li>
</ul>

</body>
</html>
Ich müsste also jedem LI erster Ebene eine eigene Klasse oder der gleichen geben... ist dies überhaupt möglich? Hab eine volle Blockade derzeit...

Thx!

Bis dann,
churchill11
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 18.02.2010, 19:12
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

Nicht eine eigene Klasse, sondern eine eigene ID.
__________________
github | http://dnaber.de
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
Problem mit Flyout bei einem horizontalem Menü sharkbait CSS 1 07.08.2009 22:28
hover problem mit css flyout und flash opa-rudi CSS 2 07.05.2008 08:58
Problem mit padding im Menü Sp33dy G0nz4l3s CSS 1 22.09.2006 20:09
CSS Flyout Menü - Verständnisproblem mgn84 CSS 31 25.07.2006 21:55
Das Menü und mein Problem Sven CSS 1 13.03.2005 03:07


Alle Zeitangaben in WEZ +2. Es ist jetzt 19:00 Uhr.