zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden DropDown Menü > Zwei Menüs werden gleichzeitig aufgeklappt

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 13.11.2008, 18:22
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 08.02.2007
Beiträge: 5
tabstop befindet sich auf einem aufstrebenden Ast
Pfeil DropDown Menü > Zwei Menüs werden gleichzeitig aufgeklappt

Hallo zusammen,

ich habe mir dieses CSS hier als Vorlage für mein Dropdown Menü genommen. Stu Nicholls | CSSplay | Skeleton Menu #2

Mein Menü hierzu ist folgendes:
Code:
		<ul id=\"nav\" > 
			<li><a href=\"index.php\"	><b>Home</b></a></li>
			<li><a href=\"load.php?name=reg&op=regform\"><b>"._jon."</b></a></li>
			<li><a href=\"#\"><b>"._preview."<b></a>
				<ul>
					<li><a href=\"load.php?name=sho&op=showlist&showID=1\" style=\"text-align:left;\"><b>"._templates."</b></a></li>
					<li><a href=\"load.php?name=sho&op=showpictures&showID=94\" style=\"text-align:left;\"><b>"._pics."</b></a></li>
				</ul>
			</li>
			<li><a href=\"#\"><b>"._faqs."</b></a>
				<ul>
					<li><a href=\"load.php?name=reg&op=faqs\" style=\"text-align:left;\"><b>"._tattoo_faqs."</b></a></li>
					<li><a href=\"load.php?name=reg&op=ar\" style=\"text-align:left;\"><b>"._tattoo_artikel."</b></a></li>
					<li><a href=\"load.php?name=reg&op=website\" style=\"text-align:left;\"><b>"._tattoo_website."</b></a></li>
				</ul>
			</li>
		</ul>
(lasst euch von den PHP Konstanten nicht irritiern)

Folgendes Problem ist nun entstanden. (Nur im Internet Explorer)
Das erste Klappmenü klappt ordnungsgemäß nach unten.
Aber beim zweiten Klappmenü wird das erste ebenfalls aufgeklappt und das nicht unterhalb des zugehörigen Punktes sonder ganz links.

Screenshot:


Woran kann sowas liegen?

Falls das CSS intressant ist, hier bitte:
Code:
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/skeleton2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#nav, 
#nav ul {padding:0; margin:0; list-style:none; font: 10px arial, verdana, sans-serif; background-color:brown; position:relative; z-index:100;}
#nav {height:23px; width:740px; padding:0; background:#000;}

#nav table {border-collapse:collapse;}
#nav li {float:left;}
#nav li li {float:none;}
/* a hack for IE5.x and IE6 */
#nav li a li {float:left;}

#nav li a {display:block; float:left; color:#fff; height:23px; padding:0 20px 0 10px; line-height:22px; text-decoration:none; white-space:nowrap; font-weight:bold; border-left:1px solid #000;}
#nav li li a {height:21px; line-height:20px; float:none;}

#nav li:hover {position:relative; z-index:100;}
#nav a:hover {position:relative; z-index:100; background:#843; color:#fff; border-left:1px solid #843;}
#nav li:hover > a {border-left:1px solid #843; background:#843; color:#fff;}

#nav :hover  ul {left:0; top:23px; border-left:1px solid #843; z-index:300;}
#nav a:hover ul {left:-1px;}

#nav ul {position:absolute; left:-9999px; top:-9999px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:0; margin-left:100%; top:0;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover li:hover > a {background:#843; color:#fff; border-left:1px solid #843;}

#nav li a:hover ul li a:hover {background:#843;}

/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{left:100%; top:0;}

/* keep further levels hidden */
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}
Wäre nett wenn jemand den Fehler entdeckt.

Danke

Grüße

Tabea
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 13.11.2008, 20:43
{ display: random;}
XHTMLforum-Kenner
 
Registriert seit: 08.09.2004
Ort: Stuttgart
Beiträge: 5.034
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

Hallo auch,

gib uns doch bitte das HTML und das CSS, was auch der IE sieht und bitte auch ohne PHP-Dingenskirchens, also bereits den geparsten Code. Das macht es allen einfacher, bzw. erst möglich dir zu helfen.
Also: Quelltext anzeigen > copy&paste oder noch besser: Einen Link.
__________________
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
Sponsored Links
  #3 (permalink)  
Alt 17.11.2008, 14:23
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 08.02.2007
Beiträge: 5
tabstop befindet sich auf einem aufstrebenden Ast
Standard

Hier Bitte:

HTML-Code:
		<ul id=\"nav\" > 
			<li><a href=\"index.php\"	><b>Home</b></a></li>
			<li><a href=\"load.php?name=reg&op=regform\"><b>Anmelden</b></a></li>
			<li><a href=\"#\"><b>Preview<b></a>
				<ul>
					<li><a href=\"load.php?name=sho&op=showlist&showID=1\" style=\"text-align:left;\"><b>Templates</b></a></li>
					<li><a href=\"load.php?name=sho&op=showpictures&showID=94\" style=\"text-align:left;\"><b>Pics</b></a></li>
				</ul>
			</li>
			<li><a href=\"#\"><b>FAQ</b></a>
				<ul>
					<li><a href=\"load.php?name=reg&op=faqs\" style=\"text-align:left;\"><b>Tattoo FAQ</b></a></li>
					<li><a href=\"load.php?name=reg&op=ar\" style=\"text-align:left;\"><b>Tattoo 1</b></a></li>
					<li><a href=\"load.php?name=reg&op=website\" style=\"text-align:left;\"><b>Tattoo 2</b></a></li>
				</ul>
			</li>
		</ul>
Mit Zitat antworten
  #4 (permalink)  
Alt 18.11.2008, 09:34
Benutzerbild von paracelsus
be simple
XHTMLforum-Kenner
 
Registriert seit: 16.07.2007
Ort: Kapfenberg - Austria, einige meinen am "Anus Mundi"
Beiträge: 4.788
paracelsus ist einfach richtig nettparacelsus ist einfach richtig nettparacelsus ist einfach richtig nettparacelsus ist einfach richtig nett
Standard

Morgen.

Wenn das der Quelltext ist, wie er im Browser erscheint? Dann sorge erstmal dafür, das die ganzen \" Maskierungen wegkommen, vllt. liegt es ja auch daran. Das ist im php ganz gut um die hochkomma Reihenfolgen einzuhalten, hat aber im Html nix verloren.

Gruß
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


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Darstellungsproblem flohpapa CSS 3 16.12.2009 09:55
DropDown Menü verschwindet andre-ne CSS 2 18.11.2009 11:44
Menü aufgeklappt lassen? Koody CSS 1 21.09.2007 09:36
Dropdown Menü -> Problem im FF gr-ha CSS 1 04.08.2006 21:55
Dropdown Menü über flash -> problem mikeIV CSS 3 29.05.2006 14:52


Alle Zeitangaben in WEZ +2. Es ist jetzt 21:49 Uhr.