Suckerfish Dropdowns!

Computer: Software & Programmierung HTML & CSS
#1

Hallo @ all!
Ich habe ein Problem mit den sogenannten „Suckerfish Dropdown Menüs“! Undzwar würde ich gerne auf meiner HP ein solches einfügen.
Der Grundaufbau funktioniert schon, jedoch bekomme ich es irgendwie nicht hin, dass ein „Hover-Effekt“ erzeugt wird.

Hier ist der Code innerhalb der HTML-Seite:

HOME

Und hier ist mein CSS-Stylesheet:

/* CSS Document */

#nav, #nav ul {
padding: 0;
margin: 0;
list-style: none;
}

#nav a {
display: block;
width: 10em;
font:10px Arial, Helvetica, sans-serif;
color: #26354A;
text-decoration: none;
letter-spacing:.1em;
line-height:16px;
display:block;
padding: 0px 10px;
font-weight:bold;
}

#nav li {
float: left;
width: 10em;
}

#nav li ul {
position: absolute;
width: 10em;
left: -999em;
}

#nav li:hover ul {
left: auto;
filter:alpha(opacity=80);
-moz-opacity:0.8;
background-color:#E4E4E4;
border-style:double;
border-color:#666666;
}

Das ganze sieht dann folgendermaßen aus:
http://amplissimusvir.drition.net/dropdown/bsp/index…

#2

Achso: So soll’s am Ende in etwa (vom Hover-Effekt) aussehen:
http://www.htmldog.com/articles/suckerfish/example/

#3

Hallo,

Ich habe ein Problem mit den sogenannten „Suckerfish Dropdown
Menüs“! Undzwar würde ich gerne auf meiner HP ein solches
einfügen.
Der Grundaufbau funktioniert schon, jedoch bekomme ich es
irgendwie nicht hin, dass ein „Hover-Effekt“ erzeugt wird.

Hier ist der Code innerhalb der HTML-Seite:

[…]

Das ganze sieht dann folgendermaßen aus:
http://amplissimusvir.drition.net/dropdown/bsp/index…

Und? Sieht doch gut aus?
Wo ist Dein Problem?

Schaust Du vielleicht mit dem IE und hast das nötige Javascript noch nicht eingebaut?

Mit Firefox siehts nämlich gut aus. Schöne halbtransparente DropDowns.
Wobei: Zur Transpatenz sei gesagt: Die kann der IE auch nicht.
Bzw nur mit dem IE enhanced Javascript(http://dean.edwards.name/IE7/).

Greetinx
Christian

#4

Und? Sieht doch gut aus?
Wo ist Dein Problem?

Mein Problem ist es, einen Hover-Effekt zu erzeugen (z.B. mit Hintergrundbild etc.)

Schaust Du vielleicht mit dem IE und hast das nötige
Javascript noch nicht eingebaut?

Ich arbeite auch mit Firefox. Ein Javaskript zur korrekten Darstellung im IE ist auch integriert.

Mit Firefox siehts nämlich gut aus. Schöne halbtransparente
DropDowns.
Wobei: Zur Transpatenz sei gesagt: Die kann der IE auch nicht.
Bzw nur mit dem IE enhanced
Javascript(http://dean.edwards.name/IE7/).

Mit dem IE7 sieht die Transparenz bei mir genauso aus wie in Firefox.

Greetinx
Christian

Trotzdem Danke für deine Mühe :smile:

#5

Hallo,

Mein Problem ist es, einen Hover-Effekt zu erzeugen (z.B. mit
Hintergrundbild etc.)

ach so :smile:
Falsch verstanden, sorry.

Mit dem IE7 sieht die Transparenz bei mir genauso aus wie in
Firefox.

ja. aber alle darunter können das nicht. Aber darum gehts ja nicht.

Erstens: Schmeiss bitte mal das font-Ding in Zeile 60 da raus.

HOME

ÜBER MICH

Wenn ich Dich richtig verstehe, möchtest Du für die einzlenen Punkte im aufgeklappten menue noch einen hover-Effekt haben?

Probier mal
#nav li:hover ul li anzusprechen - das sind ja die Listenpunkte, die hovern sollen.

Greetinx
Christian

#6

Hallo,

Probier mal
#nav li:hover ul li anzusprechen - das sind ja die
Listenpunkte, die hovern sollen.

Thx a lot!!!
Ich hab’ um einen Hover-Effekt zu erzeugen noch ein „:hover“ hinter das letzte „li“ machen müssen, also #nav li:hover ul li:hover; aber das nur für diejenigen, die hier später nochmal vorbeischauen.

Nochmals vielen Dank!

MfG

Dominik