horizontale navigationsleiste mit css?

Kempfi · 10.03.2004, 03:22

Hey,
ich würde gerne eine horizontale navigationsleiste (evtl. mit css) gestalten, wie in etwa hier:
http://www.unitrain.at/success04/index.php4

d.h. zellen sollten gleich groß sein und sich farblich verändern. und zwar unter den meisten browsern, d.h. msie, opera, mozilla.
für opera und mozilla hätte ich schon eine möglichkeit, aber dann wird das ganze unter msie falsch dargestellt...

wäre für alle erdenklichen ratschläge wirklich dankbar!

lg kempfi

Preacher · 10.03.2004, 08:42

Da der IE noch immer grobe Schwachstellen bei der CSS-Implementierung hat und die Unterschiede zwischen den Versionen auch eklatant sind würd eich Dir empfehlen, eher ein (zugegebenermaßen graußliches) Konstrukt aus Tabellen zu machen.

Ansonst könnte sowas funktionieren:

A:link, A:visited {
text-decoration: none;
color: maroon;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 7.5pt;
font-weight: bold;
display: block;
width: 132px;
text-align: left;
border: solid 1px maroon;
padding: 2px 4px 2px 4px;
}

A:active, A:hover {
text-decoration: none;
color: red;
background-color: #FFC957;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 7.5pt;
font-weight: bold;
display: block;
width: 132px;
text-align: left;
border: solid 1px red;
padding: 2px 4px 2px 4px;
}

und die Links einfach nebeneinander geschrieben.
funktioniert ganz gut im IE5.5 und im IE6, wenn Du diesen in den Standardkonformen Modus schaltest (womit Du Dir aber wahrscheinlich wieder andere Probleme einhandelst).

Kempfi · 10.03.2004, 11:15

hey, thanks a lot, funktioniert mit tabelle problemlos. schade, dass es keine gscheiten internationalen standards gibt, die von allen browsern gleich umgesetzt werden...
lg mario

Preacher · 10.03.2004, 12:54

Die gibt es schon, nur hat M$ wie immer eigene Ansätze diese umzusetzen.

Aber versuch noch eines:
Schalte den IE6 in den standardkonformen Modus mmittels DTD:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Wichtig vor allem die URL!!!!!

Dann versucht der Browser nicht zu "raten" sondern versucht CSS richtig umzusetzen.
Probleme macht dann aber z.B. das Einfärben der Scrollbalken, das muss man dann auf das Element "HTML" und nicht mehr auf "BODY" anwenden.

snowman · 10.03.2004, 13:09

http://www.complexspiral.com/events/...ld/cssnav.html

gruss,
snowman

10.03.2004, 03:22	#1
Kempfi Master Registriert seit: 18.11.2001 Beiträge: 528	horizontale navigationsleiste mit css? Hey, ich würde gerne eine horizontale navigationsleiste (evtl. mit css) gestalten, wie in etwa hier: http://www.unitrain.at/success04/index.php4 d.h. zellen sollten gleich groß sein und sich farblich verändern. und zwar unter den meisten browsern, d.h. msie, opera, mozilla. für opera und mozilla hätte ich schon eine möglichkeit, aber dann wird das ganze unter msie falsch dargestellt... wäre für alle erdenklichen ratschläge wirklich dankbar! lg kempfi

10.03.2004, 08:42	#2
Preacher Inventar Registriert seit: 20.10.2003 Ort: Celovec / Klagenfurt Alter: 48 Beiträge: 2.559 Mein Computer	Da der IE noch immer grobe Schwachstellen bei der CSS-Implementierung hat und die Unterschiede zwischen den Versionen auch eklatant sind würd eich Dir empfehlen, eher ein (zugegebenermaßen graußliches) Konstrukt aus Tabellen zu machen. Ansonst könnte sowas funktionieren: A:link, A:visited { text-decoration: none; color: maroon; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7.5pt; font-weight: bold; display: block; width: 132px; text-align: left; border: solid 1px maroon; padding: 2px 4px 2px 4px; } A:active, A:hover { text-decoration: none; color: red; background-color: #FFC957; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7.5pt; font-weight: bold; display: block; width: 132px; text-align: left; border: solid 1px red; padding: 2px 4px 2px 4px; } und die Links einfach nebeneinander geschrieben. funktioniert ganz gut im IE5.5 und im IE6, wenn Du diesen in den Standardkonformen Modus schaltest (womit Du Dir aber wahrscheinlich wieder andere Probleme einhandelst). ____________________________________ Bei Problemen zwei Griffe ranschweißen und aus dem Fenster .....

10.03.2004, 12:54	#4
Preacher Inventar Registriert seit: 20.10.2003 Ort: Celovec / Klagenfurt Alter: 48 Beiträge: 2.559 Mein Computer	Die gibt es schon, nur hat M$ wie immer eigene Ansätze diese umzusetzen. Aber versuch noch eines: Schalte den IE6 in den standardkonformen Modus mmittels DTD: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> Wichtig vor allem die URL!!!!! Dann versucht der Browser nicht zu "raten" sondern versucht CSS richtig umzusetzen. Probleme macht dann aber z.B. das Einfärben der Scrollbalken, das muss man dann auf das Element "HTML" und nicht mehr auf "BODY" anwenden. ____________________________________ Bei Problemen zwei Griffe ranschweißen und aus dem Fenster .....

10.03.2004, 13:09	#5
snowman Inventar Registriert seit: 26.09.1999 Beiträge: 2.569	http://www.complexspiral.com/events/...ld/cssnav.html gruss, snowman ____________________________________ MediaMarkt? Ich bin doch nicht blöd, Mann! Vorsprung durch Technik Lesen Sie keine Anleitungen, FAQs, Readme - Files. Reine Zeitverschwendung. In den Newsgroups und Foren gibt es genug kompetente Leute, die mit großer Geduld immer wieder dieselben einfachen Fragen beantworten. Völlig kostenlos noch dazu!

10.03.2004, 11:15	#3
Kempfi Master Registriert seit: 18.11.2001 Beiträge: 528	hey, thanks a lot, funktioniert mit tabelle problemlos. schade, dass es keine gscheiten internationalen standards gibt, die von allen browsern gleich umgesetzt werden... lg mario

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)