WebWork Magazin - Webseiten erstellen lassen, Online Medien, html

Webhoster, Webhosting Provider und Domain registrieren

Home | Registrieren | Einloggen | Suchen | Aktuelles | GSL-Webservice | Suleitec Webhosting
Reparatur-Forum | Elektro forum | Ersatzteilshop Haushalt und Elektronik


Homepage und Webhosting-Forum

HTML, XHTML, CSS , style, XML, Javascript und mehr, Fragen, Tipps und Anregungen zu diesen Basic Techniken - hier rein !


Forum » HTML, CSS - Hilfe für das Erstellen einer Homepage » Horizontale Liste mit Dropdown Zentrieren » Antworten
Benutzername:
Passwort: Passwort vergessen?
Inhalt der Nachricht: Fett | Kursiv | Unterstrichen | Link | Bild | Smiley | Zitat | Zentriert | Quellcode| Kleiner Text
Optionen: Emailbenachrichtigung bei Antworten
 

Die letzten 5 Postings in diesem Thema » Alle anzeigen
von Ophidian
hui, hat prima funktioniert :D

und den restlichen kram geht dann irgendwie schon ;)

danke vielmals!

Mfg

Ophidian
von Ori
Ohne es zu testen:
1: 
2: 
3: 
4: 
5:
#navi { display: block; text-align: center; list-style: none; padding: 0; margin: 0; }
#navi a { display: block; }
#navi > li { display: inline-block; position: relative; }
#navi > li > ul { display: none; position: absolute; }
#navi > li:hover > ul { display: block; }

1:
<ul id="navi">…</ul>


Es fehlen natürlich noch Abstände, Ränder und vor allem Angaben für Untermenüs. Ein wenig Friemelkram ist dabei, dafür zu sorgen, dass die Links immer die volle Breite ausnutzen.
von Ophidian
Achso, dann danke ich dir :D

Es ging mir eigentlich noch nicht um das Dropdown oder so, sondern bloss dasrum, die Liste in die mitte zu bekommen. Script habe ich noch keines eingefügt, dies wird est noch geschehen, aber danke trotzdem :D

Sobald ich etwas gescripted habe werde ich dies hier natürlich auch reinstellen, doch vorerst werde ich mich bloss mit dem grundgerüst der Seite befassen.

Mfg


Ophidian
von Ori
Der wichtigste Teil (der dann auch die für die Darstellung relevanten CSS-Anteile liefert) ist wohl das Skript. Ganz ohne Skriptcode wird es wohl schwierig, darauf zu antworten.

Aber: Dein Code ist nicht valide. In <ul> darf nur <li> vorkommen, erst im entsprechenden <li> eine neue <ul>:
1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12:
<ul>
<li>1.
<ul>
<li>1.1</li>
</ul>
</li>
<li>2.
<ul>
<li>2.1</li>
</ul>
</li>
</ul>
von Ophidian
Hallo miteinander!

Die Überschrift sagt eigentlich bereits alles:

Ich möchte in meiner Webseite unter dem Banner (welches sich in einem Div befindet) eine Horizontale Navigation mit Dropdown (die eine Liste ist und sich ebenfalls in einem Div befindet - Ja, ich arbeite gerne mit Divs ;) ) einbauen. Nun stellt sich bei mir das Problem dar, dass ich diese nicht zentrieren kann :/ Das Dropdown füge ich später übrigens per JavaScript ein.

Ich bin neu im Webseiten erstellen und habe daher nicht gerade viel Erfahrung, also habe ich bis jetzt bloss folgendes:
<ul>
<ul>
<li>1.</li>
<li>1.1</li>
</ul>
<ul>
<li>2.</li>
<li>2.1</li>
</ul>
</ul>

Nun ist es bereits im css so, dass in der ersten Reihe auch schon 1. dann 2. usw. steht, jedoch alles wie rechtsbündig am rechten Bildschirmrand klebt. Kann mir jemand dabei helfen? :D

Wäre sehr dankbar für eine Antwort.

Mfg


Ophidian


---
Was ist eigentlich dieses "RL" von dem hier alle reden? Und wo kann ich es downloaden?

Nach oben