zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Geschachtelte <ul> horizontal darstellen?

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 27.01.2009, 13:29
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 27.01.2009
Beiträge: 2
troysen befindet sich auf einem aufstrebenden Ast
Standard Geschachtelte <ul> horizontal darstellen?

hallo,
ich bin hier und in dem css- bereich neu und habe folgendes prob:
ich habe eine navigation in form einer <ul>, an dieser <ul> geschichte kann ich leider nichts ändern. einzelne navigations-punkte haben subnavigations-punkte, die wiederum in form von <ul> dargestellt werden.

soweit so gut! die gesamte navigation soll nun aber horizontal dargestellt werden. bei der haupt-navigation ist das ja keine sache, das klappt.
bei der unter-navigation klappt das soweit auch, allerdings zerhacke ich mit (wenn ich einen nav-punkt, der unterpunkte hat, anklicke) die haupt-navigation.

ohne unter-navigation


mit unter-navigation


hat jemand von euch eine ahnung, wie ich das lösen kann?

vielen, vielen dank!
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 27.01.2009, 13:31
{ 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

So ohne Code habe ich keine Idee.

Aber der hier hatte schon eine Menge Ideen mit CSS-menüs:

Stu Nicholls | CSSplay | CSS only menus

In den Quelltext der einzelnen Seiten schauen, da ist der komplette Code nebst CSS einfach sichtbar.
__________________
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 27.01.2009, 13:40
Benutzerbild von In4matiker
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 19.12.2005
Ort: Winterthur (Schweiz)
Beiträge: 158
In4matiker befindet sich auf einem aufstrebenden Ast
Standard

Ich habe das bei einem meiner Projekte so gelöst dass ich das 1th Level li mit position:relativ ausgestattet habe und dann ul in der 2th Level mit position:absolut.
__________________

Mit Zitat antworten
  #4 (permalink)  
Alt 27.01.2009, 13:44
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 27.01.2009
Beiträge: 2
troysen befindet sich auf einem aufstrebenden Ast
Standard

danke erst einmal!
klar, der code. sorry! hier ist er:

.css:

Code:
#leftcol {
	width:800px;
	position:absolute; top:180px; left:0px;
}
#leftcol ul {
	white-space: nowrap;
	max-width: 800px;
	line-height: 20px;
	list-style: none;
	margin-top: 0;
	/*list-style-image:url(../images/corner.png);*/	
	vertical-align:top;
}
#leftcol li {
	float:left;	
	margin-right: 5px;
	padding-right: 5px;
}
#leftcol li a {
	text-decoration: none;
	color: #7C7C7C;
	font-size: 13pt;		
}
#leftcol li a:hover {
	color: #000;
	text-decoration: none;
}
ul.menu {
	white-space: nowrap;
	max-width: 800px;		
}
/* Submenu */
/*
#leftcol li ul {
	font-size:8pt;
	color:#7c7c7c;		
}*/
#leftcol li.parent ul li a, #leftcol li.parent ul li a:link {
	white-space: nowrap;
	max-width: 800px;	
	font-size:8pt;
	color:#7c7c7c;		
	position:relative; top:0px; left:-100px;
}
#leftcol li.parent ul li a:hover {
	color: #000;
}
/* END Submenu */
.html:

HTML-Code:
<div id="leftcol">
	<div class="moduletable_menu">
		<ul class="menu">
			<li class="item1">
				<a href=""><span>Home</span></a>
			</li>
			<li id="current" class="parent active item27">
				<a href=""><span>Joomla! Overview</span></a>
				<ul>
					<li class="item34">
						<a href=""><span>What's New in 1.5?</span></a>
					</li>
					<li class="item41">
						<a href=""><span>FAQ</span></a>
					</li>
					<li class="item50">
						<a href=""><span>The News</span></a>
					</li>
					<li class="item48">
						<a href=""><span>Web Links</span></a>
					</li>
				</ul>
			</li>
			<li class="item54">
				<a href=""><span>Kontakt</span></a>
			</li>
			<li class="item2">
				<a href=""><span>Joomla! License</span></a>
			</li>
			<li class="item37">
				<a href=""><span>More about Joomla!</span></a>
			</li>
		</ul>
	</div>
</div>	
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
Navigation Horizontal bei Zoom "Zeilenumbruch" Aslof CSS 13 29.11.2010 17:34
Hintergrundbild vertikal UND horizontal zentrieren? yggdrasil CSS 3 06.07.2008 11:19
CSS Dropdown menu horizontal...Help please ... Oni CSS 4 09.04.2008 10:48
horizontal mittige darstellung simon2001 CSS 2 31.03.2006 18:07
Bild horizontal und vertikal zentrieren Anonymous CSS 10 18.06.2003 12:20


Alle Zeitangaben in WEZ +2. Es ist jetzt 11:34 Uhr.