mit <li> horizontale navigationsleiste - Seite 2

fricca · #11 (**permalink**) 26.10.2005, 17:30

Zitat:

Zitat von oimelchen

Das problemm ist, dass ich mit eurer Lösiung absolut nicht klarkomme. vielleicht mache ich irgendetwas fürchterlich falsch.

Wie soll das jemand beurteilen, wenn du nicht herzeigst, was du gemacht hast?

oimelchen · #12 (**permalink**) 26.10.2005, 17:34

achso, ja.

ich hab das jetzt alles mal gelöscht und fange neu an:
HTML

Code:

<div id="menu">
                    <ul>
                        <li id="cornerleft">
                        <li id="news">[*][*][*][*][/list]                </div>

CSS:

Code:

#menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	background: #3aff33;
	width: 800px;
	height: 33px;
}
#menu ul li {
	display: inline;
	}

/*<group=menu>*/

#cornerleft {
	width: 50px;
	height: 33px;
	background: url(images/cornerleft.jpg) no-repeat;
}

#menu #news {
	width: 70px;
	height: 33px;
	background: url(images/menu01news.jpg) no-repeat;
}

Dabei kommt folgendes raus (dass grün ist, damit ich weiß, wo der arbeitsraum ist, kleiner trick zur übersichtlichkeit!)

fricca · #13 (**permalink**) 26.10.2005, 17:36

Du hast dir toschos Beispiel nicht angeschaut?

oimelchen · #14 (**permalink**) 26.10.2005, 17:39

Doch, allerdings werde ich dadurch nicht schlau:
ich will für jeden li-tag die breite via css einzeln zuordnen können. aber ich habe probleme, das umzusetzen.

fricca · #15 (**permalink**) 26.10.2005, 17:42

Zitat:

Zitat von oimelchen

Doch, allerdings werde ich dadurch nicht schlau:
ich will für jeden li-tag die breite via css einzeln zuordnen können. aber ich habe probleme, das umzusetzen.

Dann schau's dir genauer an. toscho setzt float ein um die Elemente nebeneinander zu bringen.
Dein #cornerleft hat in der Menüliste nichts verloren - das kann ein Hintergrundbild im ul-Element sein..
Warum zerschnipselst du deinen Header? Lass das doch als Gesamtbild und leg die Menüpunkte drüber.

oimelchen · #16 (**permalink**) 26.10.2005, 17:44

ich dachte, float geht nicht so gut mit ie.
naja. ich werd dann mal weiterfrickeln.
aber vielen dank, trotzdem

oimelchen · #17 (**permalink**) 26.10.2005, 17:52

So, hab mal auf eigene Faust etwas experimentiert.

und zwar, die[*] tags auf float:left gesetzt.

Code:

#menu ul li {
	display: inline;
	width: 70px;
	height: 33px;
	float: left;
}

hoffe es klappt auch in anderen browsern:
http://web2.codersx.net/neu2/
jedenfalls solls so aussehen:

oimelchen · #18 (**permalink**) 26.10.2005, 19:29

Zitat:

Zitat von oimelchen

EDIT:
So, ich hab das jetzt so gemacht, wie fricca es empfohlen hat.
Ich hoffe es klappt nun!

http://web2.codersx.net/neu2/

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
DIV statt Tabelle, für horizontale Navigationsleiste	Ashida	(X)HTML	3	03.03.2016 20:03
Horizontale Navigationsleiste an ganzes Fenster anpassen	ILaRy	CSS	4	24.05.2012 22:36
horizontale Navigationsleiste	Kaykay	(X)HTML	3	04.11.2010 08:41
horizontale Navigationsleiste	Tobe	CSS	0	20.07.2008 10:34
Horizontale Navigationsleiste	Marco D.	CSS	10	19.08.2007 10:55