Wie krieg ich einen Hover-Effekt in dieses Menü?

[Ossenturio]

Wie krieg ich einen roleover-Effekt in dieses Menü?

<div id="menu-wrapper">
    <div id="menu">
      <ul id="main">
        <li class="current_page_item"><a href="index.html">Startseite</a></li>
       <li><a href="community-portal.html"</a></li>
        <li><a href="gastbuch.html">G&auml;stebuch</a></li>
        <li><a href="partner.html">Partnerseite werden</a></li>
        <li><a href="kontakt.html">Kontakt</a></li>
      </ul>
    </div>
  </div>

LG Ossenturio

 

[Tomm]

Warum hast du 2 DIV übereinander?
So müßte es gehen

#menu .main a:hover
{....
}

Gruß
Tomm

 

[Ossenturio]

Das gehört zu einem <div> drüber.

 

[Efchen]

Die divs, so wie sie da im Code stehen, sind beide überflüssig.
<div> ist dazu da, mehrere Elemente zu gruppieren. In Deinem Fall enthalten beide <div> nur ein einziges Element, also sind sie fehl am Platze.

 

[Ossenturio]

Ich habe die divs benutzt um das Menü so in der CSS-Datei zu definieren.

 

[Sansire]

Du meinst ein Hover Effekt für die Links?

Also einen hover Effekt für die Links müsstest du mit

a:hover {}

Machen

Für die Listeneinträge dementsprechend

li:hover {}

In deinem Extremfall:

#menu-wrapper #menu #main li:hover {}

So als beispiel wie es mit der "Suche nach dem richtigen Tag" funktioniert.

Aber zuerst solltest du einige DIVs entfernen, und an 'ul' musst du keine id definieren.

PS:

<li><a href="community-portal.html"</a></li>

sollte

<li><a href="community-portal.html">Beispieltext </a></li>

sein

Der Anfang deines a Tags war nicht korrekt abgeschlossen.

 

[Efchen]

Ich habe die divs benutzt um das Menü so in der CSS-Datei zu definieren.

Und warum definierst Du nicht das Aussehen für das Menü, also die Liste, direkt? Wozu musst Du Dein Geschenk zweimal in Geschenkpapier einwickeln?

Viele Anfänger glauben, um ein Element mit CSS näher berschreiben zu können, müssen sie es erst in ein <div> packen. Das ist falsch und unlogisch. Wäre das so, würde HTML mit CSS keine Erleichterung gegenüber den unsäglichen Techniken der 1990er Jahre bringen.

Prinzipiell kannst Du alle CSS-Eigenschaften auf alle Elemente anwenden!
Ausnahmen bestätigen die Regel: Man unterscheidet zwischen Inline- und Block-Elementen. Diese verhalten sich leicht anders, diese Regeln muss man kennen. Inline-Elemente z.B. haben keine Größe (height/width). Block-Elemente erzeugen nach sich immer einen Zeilenumbruch.

 

[Ossenturio]

Ja okay!Und noch ne Frage:Wie krieg ich in ein Menü ein roleover-Effekt?

 

[Efchen]

Mit der Pseudoklasse ":hover" (CSS).

 

[Sansire]

Ja okay!Und noch ne Frage:Wie krieg ich in ein Menü ein roleover-Effekt?

Beispiel habe ich dir ja vorhin schon beschrieben ;-)

Du meinst ein Hover Effekt für die Links?
Also einen hover Effekt für die Links müsstest du mit

a:hover {}

Der hover Effekt ist im prinzip ein Rollover

Wenn du mit dieser Aussege nichts anfangen kannst, müssen wir wissen wieviel Ahnung du schon mit CSS hast.