✔ Rollover bei überlappenden Elementen

[herrgarnele]

D'oh!
CSS-Menü mit Schrägen? Das wäre genau das Richtige!

Aber gerade heute offline? Das ist wohl ein Wink des Schicksals, werd ohnehin erst morgen hier weiterarbeiten können.
Vielleicht ist die Site ja morgen wieder online.. *hoff*
Wenns was Neues gibt (hoffentlich ne saubere Lösung, oder halt neue Probleme...) werd ichs hier posten.

Bis dahin auf jeden Fall vielen Dank für Deine Mühe!

 

[Maik]

Gern geschehen.

Ich bleibe am Ball und checke weiterhin nebenher die URL

 

[franz007]

Als allerletzte Option könnte man ja das Menü mit flash machen.

Aber wirklich nur wenn alles andere nicht klappt.

 

[Maik]

Stu Nicholls' CSS-Projekt ist wieder online und hier das CSS-Menü mit schrägen Kanten: stu nicholls | CSS PLaY | menu eleven.

 

[herrgarnele]

Moin zusammen!

@franzspam
Ne das mach ich ganz sicher nicht in Flash.
Die Entscheidung, ob diese Site Flashinhalte haben soll fiel in der Konzeptionsphase schon recht früh.
Und nur für die Navi (und dann gerade auch noch die Navi) Flash zu verwenden..
Da bin ich entschieden dagegen!

@michaelsinterface
Danke für den Tipp, werd mir das CSS-Menu von dem Stu jetzt anschauen.
Ich befürchte aber beim ersten Hinschauen dass das ein ziemliches Problem gibt, da die Balken in meinem Menu eine Neigung von 30° haben sollen.

Aber das Javascript haeusle scheint für meine Zwecke auch sehr gut geeignet- wenn ichs denn endlich mal zum Laufen bringe..
Denn selbst wenn der User Javascript deaktiviert hat bleibt die Navi benutzbar..
Und hat er es aktiviert, so bekommt der den Rollover-Effekt.

Ich halte Euch auf dem Laufenden wie es klappt (mit beiden Varianten).

Schöne Feiertage!

 

[Maik]

Schöne Feiertage!

Frohe Ostern (und dicke Eier)

 

[franz007]

Ne das mach ich ganz sicher nicht in Flash.
Die Entscheidung, ob diese Site Flashinhalte haben soll fiel in der Konzeptionsphase schon recht früh.
Und nur für die Navi (und dann gerade auch noch die Navi) Flash zu verwenden..
Da bin ich entschieden dagegen!

Ich bin in so einem Fall auch gegen Flash, es wäre jedoch damitt möglich, ein flashmenü ist etwas zimlich sinnloses da das Menu ja allen zugänglich sein sollte was bei flash nicht gegeben ist.

Habe nur anmerken wollen dass es mit Flash zimlich einfach ginge, das man sowas nicht macht ist uns allen klar.

 

[herrgarnele]

Hallo zurück!

Ich habe mich jetzt dafür entschieden, das Script 'haeusle' von Sven Mintel für meine Navi herzunehmen.

** An dieser Stelle ein dickes DANKESCHÖN an Sven!
Und natürlich ein dickes DANKESCHÖN an michaelsinterface**

Damit bin ich eigentlich total glücklich, denn die Navi ist auf jeden Fall immer funktionabel.
Wenn ein User JavaScript deaktiviet hat dann bekommt er halt den Rollover nicht zu sehen. Damit kann ich super leben.
Das CSS-Menü von Stu Nicholls habe ich auch versucht.
Leider arbeitet dieses mit vielen Zwischenräumen, die farbig aufgefüllt werden (müssen). Ich brauche aber für meine Navi Transparenzen. Daher kam die CSS-Variante leider nicht mehr in Frage für mich.

Zu begutachten ist die (fast) fertige Geschichte unter:
http://www.gutdurch.com/nu_html/news.html


Ein Problem habe ich hier allerdings noch:
Im Mozilla wird das Menu einwandfrei dargestellt.
Jedoch der IE macht noch an einer Stelle Zicken: Unter dem Menu werden ein paar Pixel zu viel angezeigt (vielleicht 2px).
Dadurch wird an dieser Stelle das darunterliegende Hintergrundbild sichtbar.
..gar nicht schön!

Hat jemand eine Idee woran das liegen könnte?

 

[Maik]

Bestimme für die Grafik die CSS-Eigenschaft display:block

<img name="imageMap" src="data/navi/01_news_navi.jpg" style="display:block;" width="385" height="111" border="0" alt="naviMap" usemap="#naviMap">

oder entferne im HTML-Quelltext die Leerzeichen bzw. Zeilenumbrüche zwischen dem img-Element und dem schliessenden </div>.

 

[herrgarnele]

Guten Morgen!

Wow, kleine Ursache, große Wirkung!
Vielen Dank für die prompte Antwort!!
Und ich dachte immer, dass in solchen Fällen Tabs bzw Leerzeichen nur der Formatierung des Quellcodes dienen..

Welche der beiden Lösungen ist denn die "sauberere"?

Zum Thema "sauberer Code" hätte ich noch eine Frage..
Ist es zulässig bzw. sauber implementiert, wie ich es auf der o.g. Site praktiziere, Bilder immer als Hintergrundbilder zu definieren?

Auf der Beispielsite handle ich das so:
Es gibt 1 generelles Stylesheet für die Formatierung usw.
Und je 1 "seitenspezifisches" Stylesheet, in welchem ich seitenspezifische Grafiken definiere. So zum Beispiel die Headlines in den Textblöcken.
Wird eine andere Site aufgerufen so lade ich ein anderes Stylesheet für die Grafiken.