Horizontales Menü

SenSoden · 22.05.2007, 13:59

Hallo Experten,

in der Website, die ich (mit DW 4) erstelle, sollen horizontale Menüs enthalten sein. Ich habe dazu auch eine Anleitung gefunden, scheitere aber an der Umsetzung bereits auf Seite 2 des Tutorials unter http://css.maxdesign.com.au/listutor...rizontal02.htm
Dort heißt es unter CSS CODE: #navcontainer ul { list-style-type: none; }
Der Code ist sicherlich richtig, es gelingt mir nur nicht, ihn richtig zu nutzen. Wo und wie wird denn dieser Code eingesetzt? Mein Versuche dazu brachten alle nichts.
Für Euch sicherlich nur eine Kleinigkeit, aber ich komme trotz intensiver Suche einfach nicht weiter.

Gruß, Jürgen

Mich@el · 22.05.2007, 14:41

Hi Jürgen.
Den CSS Code schreibst Du zwischen die
<head>#navcontainer ul
{list-style-type: none;
}</head>
Tags rein. Die sind wie der Name schon sagt (head) im oberen Bereich des Codes.
Den HTML Code schreibst Du in den <body></body> Tag rein. Dann klappt das schon.
Ist übrigens ein gutes Beispiel, das ich mir vor längerem auch mal reingezogen habe.

SenSoden · 22.05.2007, 16:30

Hallo Michael,

das habe ich versucht - irgendwie hat es nicht geklappt.
Erst als ich den CSS-Text als solchen deklariert habe - nach sehr langer Suche

, hat DW die Änderung angenommen.

<style type="text/css">
#navcontainer ul { list-style-type: none; }
</style>

Ich gehe mal davon aus, dass ich den weiteren CSS-Text jetzt einfach nur zwischen diese Deklaration zu schreiben brauche.

Jedenfalls vielen Dank und Gruß,

Jürgen

bona · 22.05.2007, 16:48

kommt darauf an, wenn es um das ul im div navcontainer geht ja.
wenn es aber um z.b. ein zweites div geht musst du es nach der } schreiben...

Mich@el · 22.05.2007, 16:54

Ja, klar! Das (<style type="text/css"> </style> )
habe ich jetzt vorausgesetzt. Sorry. Dazwischen kommen die CSS - Deklarationen.
Was bona schrieb, stimmt natürlich auch!

SenSoden · 22.05.2007, 17:45

Hallo Bona,

ich weiß nicht, ob ich Dich jetzt richtig verstanden habe. Ich meinte, dass ich alles, was ich an CSS-Code einfüge, zwischen <style type="text/css"> und </style> stehen muss. Das ist doch korrekt?! Ansonsten habe ich gem. Tutorial so differenziert (und funktioniert auch):
#navcontainer ul{margin: 0;padding: 0;list-style-type: none;}
#navcontainer ul li { display: inline; }
#navcontainer ul li a { text-decoration: none; padding: .2em 1em; color: #fff;background-color: #036;}
#navcontainer ul li a:hover{color: #fff;background-color: #369;}

Gruß an die Schweiz,
Jürgen

bona · 22.05.2007, 17:57

ja, vollkommen korrekt

SenSoden · 22.05.2007, 18:01

Hallo Michael,

so hatte ich aber ein tolles Aha-Erlebnis, als ich die CSS-Deklaration gefunden hatte

Außerdem bin ich ja laut Klassifizierung vom Newbie inzwischen zum Junior aufgestiegen, und von dem kann man ja ein bisschen Nachdenken erwarten. Aber ganz im Ernst, - es hilft schon ungemein, wenn man weiß, dass man grundsätzlich an der richtigen Stelle sucht.

Gruß, Jürgen

Mich@el · 22.05.2007, 19:42

Ja, nur weiter so Jürgen! Wir alle haben klein angefangen. Der eine kleiner als der andere!

SenSoden · 22.05.2007, 22:07

also, nach so viel Erbaulichem wird es schon wieder ernst. Unter dem inzwischen funktionierenden Menü soll beim Hovern zu jedem Menüpunkt ein horizontales Untermenü sichtbar werden. Die Untermenüs sollen natürlich alle im gleichen Bereich erscheinen.
Geht das überhaupt mit CSS und wenn ja - gibt es dafür irgendwo ein auch für Leute mit einem IQ unter 200 verständliches Beispiel? Am besten natürlich wieder ein so tolles Tutorial wie zu dem Hauptmenu. Habe selbst leider noch nichts gefunden.

Gruß, Jürgen

Mich@el · 22.05.2007, 22:27

Na dann schaue Dir doch einfach hier die Menüs einmal an. Und wenn Dir eines gefällt dann poste es hier noch mal rein.
Es ist dann auch nicht schwer, das dann bei Dir in die Seite einzubauen.

Grüße
Michael

SenSoden · 23.05.2007, 00:08

Danke, Michael. Von der Art her kommen die drop-line - Menüs in Frage wie z.B. das "doors drop-line menu" vom 13.01.2007 oder das "Validating drop-line menu", alles mit nur einer Untermenü-Ebene. Tja, wenn da der CSS-Code verfügbar wäre, würde ich das vielleicht selbst hinkriegen.

Gruß, Jürgen

Mich@el · 23.05.2007, 00:14

das hier? Dann mit der rechten Maustaste klicken. Dann siehst Du den CSS und Html Code. Näheres dann nach dem Schlafen!

Gute Nacht
Michael

SenSoden · 23.05.2007, 00:39

Ja, danke, genau das. Na, da habe ich ja morgen zu tun, um das alles "auf die Reihe" zu bringen. Aber bis Mittag spielt sich nichts ab. Morgen Vormittag ist erstmal Radfahren angesagt. Aber wahrscheunlich zum Abend kommt dann der nächste Hilfeschrei.

Ebenfalls gute Nacht,

Jürgen