mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 29.03.2024 00:48 Benutzername: Passwort: Auto-Login

Thema: horizontale css navi mit horizontaler subnavi zentrieren vom 11.06.2010


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Tipps & Tricks für Nonprint -> horizontale css navi mit horizontaler subnavi zentrieren
Autor Nachricht
asgai
Threadersteller

Dabei seit: 11.06.2010
Ort: -
Alter: -
Geschlecht: -
Verfasst Fr 11.06.2010 22:47
Titel

horizontale css navi mit horizontaler subnavi zentrieren

Antworten mit Zitat Zum Seitenanfang

Hallo!

Ich zerbreche mir gerade den Kopf wie man eine horizontale Navi mit horizontaler Subnavi zentriert (und zwar die Einträge der Navi sowie der Subnavi) .
Ich habe mittlerweile es geschafft trotz float:left - dank google - die Navi zu zentrieren. Jetzt rackere ich mich aber mit der Subnavi ab und leider steh ich jetzt auf dem Schlauch.
Ich hatte zwar auch die Subnavi schon horizontal eingebunden aber beides zentriert und horizontal ging bisher nicht.

Hat jemand eine Ahnung was ich tun muss, damit meine Subnavi auch schön zentriert und horizontal erscheint?

Hier der Code:
Code:

CSS:

div#wrapper
{
clear:both;
float:left;
width:100%
overflow: hidden;
}
ul#nav
{
padding:0;
margin:0 auto;
list-style-type:none;
display:inline;
float:left;
position:relative;
left:50%;
}
ul#nav li
{
float:left;
position:relative;
right:50%;
}
ul#nav a
{
width:auto;
display:block;
padding: 0 15px;
text-decoration:none;
}
ul#nav li span
{
left:0px;
top:15px;
display:none;
}
ul#nav li:hover span
{
display:block;
}
ul#nav li span a
{
display:inline;
}


Code:

<div id="wrapper">
<ul id="nav">
<li><a href="">1</a></li>
<li><a href="">2</a>
<span>
<a href="">sub 1</a>
<a href="">sub 2</a>
</span>
</li>
<li><a href="">3</a></li>
</ul>
</div>


Das ist gerade der Status-"Quode"; Nav und Subnav sind horizontal aber
a) Subnav ist nicht zentriert
b) Es zerhaut mir die Navi weil die Subnav unter dem Navlink anfängt

Wie kann ich nun 1.) die Subnavi zentrieren und 2.) wie bekomme ich das hin, dass die Subnavi auf absolut 0 anfängt und nicht unter dem Obermenüpunkt.

Ich freu mich auf alle kreativen Eingebungen und bedanke mich schon mal recht herzlich

LG

Julia[/code]
  View user's profile Private Nachricht senden
safer-print

Dabei seit: 11.03.2010
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Sa 12.06.2010 12:47
Titel

Antworten mit Zitat Zum Seitenanfang

Hi asgai, du solltest die Subnavi auch mit einer ul aufbauen:
Code:
<div id="wrapper">
<ul id="nav">
<li><a href="">1</a></li>
<li><a href="">2</a>
  <ul>
    <li><a href="">sub 1</a></li>
    <li><a href="">sub 2</a></li>
  </ul>
</li>
<li><a href="">3</a></li>
</ul>
</div>

Schau dir dazu mal dieses Tutorial an:
http://www.1ngo.de/web/tmenu.html
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
 
Ähnliche Themen Hilfe! HOrizontale Navi mit horizontaler Subnavi
Horizontale ul-Navi
Horizontale Navi bei contenido
CSS - Horizontale Navi hilfe
Horizontale Navi - Wie realisiere ich das am besten?
Subnavi mit iFrame?
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Tipps & Tricks für Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.