Zentrierung vertikaler Navigation - Seite 2

nikosch · 31.07.2010, 18:49

PS:

Ich sehe da nichts zentriertes. Ergänz mal Rahmen:

PHP-Code:

  #navitop {
    float:left;
    margin:20px auto auto auto;
    font-size:90%;
    font-weight:bold;
    width: 640px;
    border:1px solid;
}
#navitop ul {
    float:left;
    display:inline;
    width: 640px;
    list-style:none;
    text-align:center;
    border:1px solid;
}
#navitop li {
    display:inline;
    text-decoration: none;
    height:19px;
    border:1px solid;
}
#navitop a {
    text-decoration: none;
    padding:0 15px;
    margin:0 1px 0 1px;
    height:19px;
}

nikosch · 31.07.2010, 18:53

PS: So gehts:

Code:

ul , li , div {
	margin:0;padding:0;
}
#navitop {
	margin:20px auto auto auto;
	font-size:90%;
	font-weight:bold;
	width: 640px;
	border:1px solid;
  text-align:center;
}
#navitop ul {
	display:inline;
	list-style:none;
	text-align:center;
	border:1px solid;
}
#navitop li {
	display:inline;
	text-decoration: none;
	height:19px;
	border:1px solid;
}
#navitop a {
	text-decoration: none;
	padding:0 15px;
	margin:0 1px 0 1px;
	height:19px;
}

[edit]
Für den IE6 unbedingt noch Weißraum zwischen den <li> entfernen!

tr0y · 31.07.2010, 19:09

Code:

ul , li , div {
	margin:0;padding:0;
}
#navitop {
	margin:20px auto auto auto;
	font-size:90%;
	font-weight:bold;
	width: 640px;
	border:1px solid;
  text-align:center;
}
#navitop ul {
	display:inline; // selbes verhalten wie parent element
	list-style:none;
	text-align:inherit; // selbes verhalten wie parent element
	border:1px solid;
}
#navitop li {
	display:inherit; // selbes verhalten wie parent element
	text-decoration: none;
	height:19px;
	border:1px solid;
}
#navitop a {
	text-decoration: inherit; // selbes verhalten wie parent element
	padding:0 15px;
	margin:0 1px 0 1px;
	height:19px; // selbe höhe wie parent-element
}

inherit:
CSS text-align property

don't inherit - nicht IE konform für:
CSS height property
CSS border-style property ( und restliche border-subclasses )

do inherit if - nicht IE konform wenn parent element ( trifft hier nicht zu ):
CSS display property

sollte doch auch gehen oder ?

und ja mir is grad langweilig *g*

nikosch · 31.07.2010, 19:14

Irgendwie verstehe ich Deine Beiträge heute nicht. Was soll das jetzt sagen?

tr0y · 31.07.2010, 19:21

Zitat:

Zitat von nikosch

Irgendwie verstehe ich Deine Beiträge heute nicht. Was soll das jetzt sagen?

Das ich grad was ausprobiert hab

wie du anhand meines postings sicher festgestellt hast

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
[Erledigt] Navigation kompatibel machen für IE7/8	prestige	HTML, Usability und Barrierefreiheit	5	01.05.2009 10:01
[Erledigt] Hierarchische Navigation	Dunkelord	Datenbanken	5	12.01.2009 18:31
[Erledigt] Navigation mit Active-Link	Rezeptfrei	PHP Tipps 2008	5	26.11.2008 13:45
Problem mit PHP Navigation	hagene	PHP Tipps 2008	4	09.10.2008 23:33
Kontaktformular mit Spamschutz und include Navigation?	chicco4u	PHP Tipps 2008	1	11.08.2008 09:52
Navigation fixen	Desert	PHP Tipps 2008	0	12.05.2008 17:00
Probs mit Layout für Navigation mit Grafiken/Hintergrund		HTML, Usability und Barrierefreiheit	3	08.02.2006 19:56
Navigation	snatch-ic	PHP Tipps 2007	4	08.01.2006 12:11
Änderung der datenbank gestützten Navigation		PHP Tipps 2005-2	1	26.09.2005 20:34
Navigation mittels PHP anpassen		PHP Tipps 2005	8	27.04.2005 14:35
Navigation		PHP Tipps 2005	18	11.04.2005 16:16
Navigation	tikal	PHP Tipps 2004-2	3	03.12.2004 15:28
div layer navigation		HTML, Usability und Barrierefreiheit	1	18.11.2004 15:44
Mit Templates Navigation erstellen? (welches Templatesyste?)	zwelch	PHP Tipps 2004-2	5	18.11.2004 15:14

31.07.2010, 18:49
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	PS: Ich sehe da nichts zentriertes. Ergänz mal Rahmen: PHP-Code: #navitop { float:left; margin:20px auto auto auto; font-size:90%; font-weight:bold; width: 640px; border:1px solid; } #navitop ul { float:left; display:inline; width: 640px; list-style:none; text-align:center; border:1px solid; } #navitop li { display:inline; text-decoration: none; height:19px; border:1px solid; } #navitop a { text-decoration: none; padding:0 15px; margin:0 1px 0 1px; height:19px; } __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --


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

31.07.2010, 18:53
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	PS: So gehts: Code: ul , li , div { margin:0;padding:0; } #navitop { margin:20px auto auto auto; font-size:90%; font-weight:bold; width: 640px; border:1px solid; text-align:center; } #navitop ul { display:inline; list-style:none; text-align:center; border:1px solid; } #navitop li { display:inline; text-decoration: none; height:19px; border:1px solid; } #navitop a { text-decoration: none; padding:0 15px; margin:0 1px 0 1px; height:19px; } [edit] Für den IE6 unbedingt noch Weißraum zwischen den <li> entfernen! __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. -- Geändert von nikosch (31.07.2010 um 18:56 Uhr).

31.07.2010, 19:14
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Irgendwie verstehe ich Deine Beiträge heute nicht. Was soll das jetzt sagen? __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --