Brauche Hilfe, bei mouseover für menu

[Campl3r]

Hey, benötige Hilfe bei einem Menu. Ich weis nicht wie ich das aufbauen soll. Ich denke mit einem mouseover, aber so genau weis ich es nicht. Vielleicht kann mir einer von euch helfen .
Im Anhang wie es aussehen sollte. Ich bin bereits mit allem fertig auser eben dem Menu

MFG

 

[SpiceLab]

Vor deiner Wortmeldung fand sich hier in der CSS-Forenübersicht unterhalb der beiden Wichtig-markierten Threadas an erster Stelle das Thema OnMouseOver mit CSS - Text soll bestehen bleiben..., das zu deiner Frage nach der Vorgehensweise am Ende von Post #5 weiterführende Links zu Anleitungen und Beispielen geliefert hätte.

Daher: "Augen auf im Forenverkehr"!

 

[Campl3r]

Also ich haben den Thread gelesen. Allerdings bietet dieser mir keine Antwort auf mein Problem.

 

[SpiceLab]

Also ich haben den Thread gelesen. Allerdings bietet dieser mir keine Antwort auf mein Problem.

Tatsächlich?

Anleitungen, Anregungen und Demos zu sog. "Dropdown-/up-, Dropfly-, Dropline-Menüs" findest du u.a. hier:

• http://de.selfhtml.org/css/layouts/anzeige/nav_modern.htm
• http://www.cssplay.co.uk/menus/
• http://www.htmldog.com/articles/suckerfish/dropdowns/
• http://www.thestyleworks.de/tut-art/index.shtml#tut-art2

... und weiter in Post #7

Über meinen zweitgenannten Link findest du in der Kategorie "Multi-Level - Dropline" zahlreiche Beispiele, um den Code zu analysieren, wie z.B. http://www.cssplay.co.uk/menus/simple_dropline.html.

Wenn die Beispiele des Menütyps "Dropline" im Aufbau dem Sollzustand deines eingangs gezeigten Menü-Previews nicht entgegenkommen, müsste ich ganz mächtige Tomaten auf den Augen sitzen, ansonsten dein Problem gründlich mißverstanden haben

 

[Campl3r]

sodele, hab mich nochmal reingehangen und es hinbekommen, allerdings waren die links dort keine wirklich hilfe.
aber vielleicht könntet ihr mir bei nem problem helfen:
ul.menu li:hover
{
color:#000000;
background: url(../img/hover.png);
background-position:center;
}
er ändert den hintergrund, allerdings nicht die schriftfarbe. wieso? was muss ich ändern ?

 

[SpiceLab]

sodele, hab mich nochmal reingehangen und es hinbekommen, allerdings waren die links dort keine wirklich hilfe.

Ganz schöner Mumpitz, den du hier verbreitest.

Oder glaubst du ernsthaft, dass ich hier die User mit nutzlosen Links "zuspamme", die am Thema vorbeigehen?

Die vier genannten Links enthalten, wie erwähnt, Anleitungen und Beispiele für solch ein Menü, wie du es dir wünscht.

Wenn sie dir keine Hilfe waren, hast du sie schlichtweg nicht näher durchgelesen u. die Quellcode-Beispiele studiert.

aber vielleicht könntet ihr mir bei nem problem helfen:
ul.menu li:hover
{
color:#000000;
background: url(../img/hover.png);
background-position:center;
}
er ändert den hintergrund, allerdings nicht die schriftfarbe. wieso? was muss ich ändern ?

Die Schriftfarbe bezieht sich sicherlich auf das <a>-Element, womit es einer gesonderten Regel bedarf:

ul.menu a:hover { color:#000; }

Und auch dieser Link paßt zu deiner neu aufgekommenen Frage: http://de.selfhtml.org/css/eigenschaften/pseudoformate.htm#link_visited_focus_hover_active.

Übrigens darfst du hier in diesem Forum beim Verfassen deiner Beiträge die Shift-Taste nutzen, um den Forenregeln bzgl. der Groß- und Kleinschreibung gerecht zu werden, denen du mit deiner Registrierung zugestimmt hast - siehe http://www.tutorials.de/content/872-netiquette.html (Nr.15).

 

[Campl3r]

Danke, für den 2ten Teil des Posts. Ähm vielleicht habe ich es falsch erklärt aber die Links waren echt nicht hilfreich sry.

 

[SpiceLab]

Das Beispiel http://www.thestyleworks.de/examples/listnav5/hybrid-4.html aus dem Tutorial http://www.thestyleworks.de/tut-art/listnav5.shtml entspricht zwar nicht exakt deinem gewünschten Erscheinungsbild, aber darin verbirgt sich die gleiche Technik, um die Untermenüs zu verbergen / anzuzeigen, und der Leser wird (in deutscher Sprache) etappenweise an das Endergebnis herangeführt.

Du wolltest hier eingangs wissen, wie zu einem Hauptmenüpunkt weitere Untermenüpunkte angezeigt werden, und erfährst es in jedem meiner genannten Links (entweder durch das vollständige Lesen des jeweiligen Tutorials, oder das Studium des Quellcodes der diversen Menübeispiele).

Soviel zu empfohlenen Quellen, die angeblich nicht hilfreich waren, weil du hier nicht auf Anhieb einen gebrauchsfertigen Codeschnipsel serviert bekommen hast, der dir die Arbeit des eigenständigen Studiums abnimmt.

 

[Campl3r]

ähm ich habe es mir von einem bekannten erklären lassen, da ich nichts fand was für mich hilfreich war. d.h. nicht das nicht vorhanden ist was z.b. für dich nützlich ist aber naja wir wollen jetzt uns nicht streiten

*frage beantwortet**closed*

 

[Campl3r]

Die Schriftfarbe bezieht sich sicherlich auf das <a>-Element, womit es einer gesonderten Regel bedarf:

ul.menu a:hover { color:#000; }

So, das war mich eine echt große Hilfe, bin aber Heute auf ein Problem gestoßen das ich noch nicht bemerkt hatte.
Und zwar:

<li id="sub" > <a  href="ueberuns.html">Über uns</a>
        <ul class="submenu">
          <li> <a  href="ueberuns.html">Wer sind Wir?</a> </li>
          <li> <a  href="dasteam.html">Das Team</a> </li>
        </ul>
      </li>

Wie die Schriftfarbe bei dem Über uns weis wird weis ich inzwischen, allerdings wie mache ich das die Schriftfarbe weis bleibt wenn ich ein mouseover auf Wer sind Wir bzw. Das Team habe?