einfaches Menü bauen

[hartm]

Hallo,

ich versuche überall eine Vorlage für ein Menü zu finden. Leider ohne erfolg. Ich suche ein Menü, dass so aussieht, als wenn normale Schrift da steht. Im Prinzip sollen einfach in Arial die Menüpunkte nicht als Schaltfläche oder Grafik, sondern einfach schlicht nur als Text da stehen. Sobald ich mit der Maus drüber gehe, soll der Text etwas aufleuchten. Brauch auch keine Untermenüpunkte einfach nur 5 oder 6 Hauptmenü Schaltflächen, die ich mir dann am besten auch selbst anpassen kann.

Gruß
Manuel

 

[Kackboon]

Hi,

Schau dir mal den Link an http://aktuell.de.selfhtml.org/artikel/css/mouseover/ sollte dir eigentlich helfen.


gruß

 

[two-bee]

hey,

einfach eine liste anlegen mit:

<ul>
<li><a href="ziel1.html">Link1</a> </li>
<li><a href="ziel2.html">Link2</a> </li>
<li><a href="ziel3.html">Link3</a> </li>
</ul>

Ausrichten kannst du dann mit CSS mit

text-align: 
/* moeglich: left, right, justify */

Dann mit CSS und der Pseudoklasse :link die Link - Unterstriche entfernen

a:link {
text-decoration: none
/* schau bei Selfhtml, a:link ist nicht die einzigste Pseudoklasse für links!!! */
}

oder :

li a {
text-decoration: none 
}
/* wuerde auch funtzen */

auf den Zustand beim rüberfahren kannst du mit a:hover zugereifen!!!

Dann noch die Listenanstriche entfernen....

schau mal hier: SELFHTML: Stylesheets / CSS-Eigenschaften / Ausrichtung und Absatzkontrolle
hier: SELFHTML: Stylesheets / CSS-Eigenschaften / Listenformatierung
und hier: SELFHTML: Stylesheets / CSS-Eigenschaften / Pseudoelemente und Pseudoklassen

@ Kachboon: warum so kompliziert machen :) ?

 

[prm]

Vertikale Listennavigation

 

[Kackboon]

Aber nur ein bisschen ;).
Hab den Link bewusst gewählt, denn da gibts mehrere Beispiele mit samt .css welche erläutert werden ;).