Mouseover Klappmenü |
blue orange

oldie
 

Dabei seit: 15.02.2005
Beiträge: 9.581
Herkunft: nrw
 |
|
Ich hab eine Frage.
Und zwar würde ich gerne ein Klappmenü machen, das aufgeht wenn ich mit der Maus über einen ImageMap-Link fahre.
Bsp: www.zefa.de
Genau so nur das es eben kommt wenn man drüberfährt (draufklicken ist auch okay, wenn ihr nur wisst wie das geht)
Danke,
Sarah
|
|
12.10.2005 21:18 |
|
|
Stelo

de drecksche Assl
 

Dabei seit: 28.04.2005
Beiträge: 1.628
 |
|
ich hab hier so ne zeitschrift wo so was drin steht .... wenn ich die gefunden hab schreib ichs euch mal ...
__________________
"Es gibt keine Romanhelden mehr,
weil es keine Individualisten mehr gibt,
weil die Individualität verlorengegangen,
weil der Mensch einsam, jeder Mensch gleich einsam,
ohne Recht auf individuelle Einsamkeit ist und
eine namen- und heldenlose einsame Masse bildet."
Günter Grass

|
|
23.10.2005 12:05 |
|
|
Heeschen

Nichts besonderes ...
 

Dabei seit: 25.03.2005
Beiträge: 445
Herkunft: Niedersachsen
 |
|
Ich hab ja dazugeschrieben, welches Anzeigebeispiel du dir anschauen musst
Ist, wie bei selfHTML auch steht, nur für neuere Browserversionen.
Wenn du IE benutzt funktioniert, wie ich auch schon erwähnt hatte (^^"), nur das Anzeigebeispiel, in dem die JS-Funktion eingebaut ist (JavaScript muss logischerweise auch aktiviert sein).
Hier der Link:
http://de.selfhtml.org/css/layouts/anzei..._javascript.htm
Den Code muss man halt entsprechend verändern.
Oder was meinst du mit 'Blatt'? ^^
__________________
Greetz ²
Aila, -Katja-, Marina, Vici, Vroni
(Wer gegrüsst sein will, soll sich melden ^^)
Ava von *Nirvana
|
|
23.10.2005 21:06 |
|
|
Freyaknuffl

» ´0r87341
 

Dabei seit: 28.03.2005
Beiträge: 5.105
Herkunft: Sauerland :)
 |
|
Hab mir mal den code rausgepickt. kann mir wer erklären was ich jetzt wie ändern soll?
siehe das dickgedruckte (code is unten der selbe auf 'zurück' klicken): ---> http://de.selfhtml.org/css/layouts/anzeige/nav_modern.htm
code: |
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
|
body, p a {
font: normal 100.01% Helvetica, Arial, sans-serif;
color: black; background-color: #ffffe0;
}
div#Rahmen {
width: 47.1em;
padding: 0.8em;
border: 1px solid black;
background-color: silver;
}
* html div#Rahmen { /* Korrektur fuer IE 5.x */
width: 48.7em;
w\idth: 47.1em;
}
div#Rahmen div {
clear: left;
}
ul#Navigation {
margin: 0; padding: 0;
text-align: center;
}
ul#Navigation li {
list-style: none;
float: left; /* ohne width - nach CSS 2.1 erlaubt */
position: relative;
margin: 0.4em; padding: 0;
}
* html ul#Navigation li { /* Korrektur fuer den IE */
margin-bottom: -0.4em;
}
ul#Navigation li ul {
margin: 0; padding: 0;
position: absolute;
top: 1.6em; left: -0.4em;
display: none; /* Unternavigation ausblenden */
}
* html ul#Navigation li ul { /* Korrektur fuer IE 5.x */
left: -1.5em;
lef\t: -0.4em;
}
ul#Navigation li:hover ul {
display: block; /* Unternavigation in modernen Browsern einblenden */
}
ul#Navigation li ul li {
float: none;
display: block;
margin-bottom: 0.2em;
}
ul#Navigation a, ul#Navigation span {
display: block;
width: 6.4em; /* Breite den in li enthaltenen Elementen zuweisen */
padding: 0.2em 1em;
text-decoration: none; font-weight: bold;
border: 1px solid black;
border-left-color: white; border-top-color: white;
color: maroon; background-color: #ccc;
}
* html ul#Navigation a, * html ul#Navigation span {
width: 8.6em; /* Breite nach altem MS-Boxmodell für IE 5.x */
w\idth: 6.4em; /* korrekte Breite fuer den IE 6 im standardkompatiblen Modus */
}
ul#Navigation a:hover, ul#Navigation span, li a#aktuell {
border-color: white;
border-left-color: black; border-top-color: black;
color: white; background-color: gray;
}
li a#aktuell { /* aktuelle Rubrik kennzeichnen */
color: maroon; background-color: silver;
}
ul#Navigation li ul span { /* aktuelle Unterseite kennzeichnen */
border-color: blue;
}
|
|
__________________
Meine Fotos gebe ich nicht für virtuelle Spiele frei
|
|
08.11.2005 21:32 |
|
|
blue orange

oldie
 

Dabei seit: 15.02.2005
Beiträge: 9.581
Herkunft: nrw
Themenstarter
 |
|
genau, was muss ich jetzt ändern xD?
|
|
17.12.2005 13:48 |
|
|
Julia
*Supernanny*
 

Dabei seit: 09.02.2005
Beiträge: 2.155
Herkunft: Ostfriesland
 |
|
ich würds auch egrne machen, haba ber auch keine Ahnung, was ich ändern muss
|
|
19.12.2005 14:51 |
|
|
Freyaknuffl

» ´0r87341
 

Dabei seit: 28.03.2005
Beiträge: 5.105
Herkunft: Sauerland :)
 |
|
Kann mir jemand sagen wo genau ich den Code für "Dynamische CSS-Navigation für moderne Browser" einfügen muss?
Da steht nur: "Dieses Beispiel basiert ebenfalls auf der obigen geteilt dargestellten verschachtelten Liste."
Und dann steht weiter unten über dem nächsten Anzeigebeispiel "Die folgende, im <head>-Bereich des obigen Beispiels eingefügte JavaScript-Funktion ermöglicht die dynamische Anzeige der Unternavigation auch dem Internet Explorer 5 und 6."
Wo muss ich das einfügen? Füge ich den Code für IE zwischen <head> und </head> ein, passiert nix >_<
Meins sieht im Moment so aus, nur klappt da weder bei IE noch bei
Mozilla was auf. Deswegen wollt ichs jetzt wie oben erzählt, versuchen.
http://people.freenet.de/hundeclub_dream/klappmenue.html
__________________
Meine Fotos gebe ich nicht für virtuelle Spiele frei
|
|
31.12.2005 11:12 |
|
|
|
Impressum
|