Untermenü in horizontaler Navigation passend posititonieren

kingpepe · 12.10.2010, 14:44

Hallo zusammen,
habe auf der Seite http://fes-wb.peterhellmich.de/ eine horizontale Navigation, bei der ich nun Untermenüs erstellen will. Bisher werden die noch an einer unschönen Stelle angezeigt, ich würde sie nun aber gern per CSS jeweils direkt unter der Navigation erster Ebene anzeigen. Hat jemand einen Plan, wie man das machen kann?

HTML der Navi:

Code:

 <div class="navi1">

 <a href="http://fes-wb.peterhellmich.de/pages/de/start.php" target="_top" class="button" style="background-color: #6e9bff;">Start</a>
 <a href="http://fes-wb.peterhellmich.de/pages/de/konferenz.php" target="_top" class="button">Konferenz</a>
 <a href="http://fes-wb.peterhellmich.de/pages/de/presse.php" target="_top" class="button">Presse</a>
 <a href="http://fes-wb.peterhellmich.de/pages/de/berichte.php" target="_top" class="button">Berichte</a>
 <a href="http://fes-wb.peterhellmich.de/pages/de/ausstellung.php" target="_top" class="button">Ausstellung</a>
 <a href="http://fes-wb.peterhellmich.de/pages/de/impressum.php" target="_top" class="button">Impressum</a>

</div>

CSS für den Bereich:

Code:

div.navi1       {
                 padding: 0px;
                 border: 0px dashed black;
                 position: absolute;
                 bottom: 4px;
                 left: 199px;
                 }
  div.navi1 a.button
                 {
                 display: block;
                 float: left;
                 border: 1px solid #435f9c;
                 margin-left: 2px;
                 padding: 3px;
                 padding-left:10px;
                 padding-right:10px;
                 color: white;
                 font-size: 13px;
                 background-color:#435f9c;
                 text-decoration:none;
                 }

Passwort zum Anschauen auf der Seite: user: phpde, password: forum

Merci vielmals!
Peter

ChrisB · 12.10.2010, 15:13

http://de.selfhtml.org/css/layouts/n...ten.htm#modern

kingpepe · 12.10.2010, 15:38

Das ist halt recht weit von meiner bisherigen Lösung weg... Zumindest müsste ich alles auf Listen umstellen...

ChrisB · 12.10.2010, 15:57

Zitat:

Zitat von kingpepe

Das ist halt recht weit von meiner bisherigen Lösung weg... Zumindest müsste ich alles auf Listen umstellen...

Solltest du ja auch - weil die besser die Strukturinformation transportieren, als nur Links in DIV-Elemente zu packen.

kingpepe · 12.10.2010, 16:05

Das macht ja aber keine Unterschiede für die Usability. Höchstens für Google & Co., richtig? Naja, gut. Dann mach ich mich daran. Dachte es geht "einfacher" (von meinem jetzigen Standpunkt aus).

EDIT: Gelöst, danke!

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
problem mit horizontaler navigation im nn und opera		HTML, Usability und Barrierefreiheit	8	17.01.2005 12:14


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

12.10.2010, 15:13
ChrisB Moderator¹ Registriert seit: 28.03.2010 Beiträge: 7.470 PHP-Kenntnisse: Fortgeschritten	http://de.selfhtml.org/css/layouts/n...ten.htm#modern __________________ RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?

12.10.2010, 15:38
kingpepe Neuer Benutzer Registriert seit: 11.09.2010 Beiträge: 5 PHP-Kenntnisse: Anfänger	Das ist halt recht weit von meiner bisherigen Lösung weg... Zumindest müsste ich alles auf Listen umstellen...

12.10.2010, 16:05
kingpepe Neuer Benutzer Registriert seit: 11.09.2010 Beiträge: 5 PHP-Kenntnisse: Anfänger	Das macht ja aber keine Unterschiede für die Usability. Höchstens für Google & Co., richtig? Naja, gut. Dann mach ich mich daran. Dachte es geht "einfacher" (von meinem jetzigen Standpunkt aus). EDIT: Gelöst, danke! Geändert von kingpepe (12.10.2010 um 16:58 Uhr).