Autor |
Nachricht |
sunspectress
Threadersteller
Dabei seit: 09.01.2007
Ort: -
Alter: 38
Geschlecht:
|
Verfasst Di 09.01.2007 11:40
Titel [CSS] Hor. Menü mit Gif-Rollover? |
|
|
Hallo zusammen,
ich bin noch neu in der CSS-Geschichte. Bisher habe ich mit Tabellen und
Javascript Menüs eine Seite erstellt. Jetzt habe ich mal mit Divs und
CSS-Menüs angefangen und auch gleich mal ein Problem
Ich möchte, dass ein Gif-Button nach Mouseover (hover) ein
Text-Menü ausklappt. Mein Button habe ich mit CSS folgendermassen
formatiert. HTML-Code:
Code: |
<div class="navigation">
<ul id="kontakt">
<li><a href="kontakt.htm" target="_self">Kontakt</a></li>
</ul>
</div>
|
CSS-Code:
Ich habe alle drei Zustände in einem Bild und verschiebe es
entsprechend (Tip war hier in einem Thread gestanden )
Code: |
#kontakt {
margin: 0;
padding: 0;
height: 25px;
list-style: none;
display: inline;
overflow: hidden;
width: 45px;
}
#kontakt li {
margin: 0;
padding: 0;
list-style: none;
display: inline;
width: 45px;
height: 20px;
float: left;
}
#kontakt a {
float: left;
padding: 20px 0 0;
overflow: hidden;
height: 0px !important;
background: url(navigation/kontakt.gif) 0px 0px no-repeat;
width: 45px;
}
#kontakt a:hover {
background-position: 0px -20px;
}
#kontakt a:active {
background-position: 0px -41px;
}
|
So, jetzt ist mein Problem wie bekomme ich es hin, daß nach
Mouseover über das Gif-Bild ein reines CSS-Klappmenü aufgeht?
Ich müßte doch theoretisch nochmal Listenelemente erstellen und
diese "verstecken", oder?
Im Netz findet man zwar massig Beispiele mit Textonly Menüs,
aber ich habe bisher kein reines horizontales CSS-Menü gefunden,
welches bei Hover ein Menü ausklappt ohne JS zu verwenden.
Jemand einen Link oder eine Idee? Vielen Dank im voraus!
|
|
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
|
|
|
|
Anzeige
|
|
|
sunspectress
Threadersteller
Dabei seit: 09.01.2007
Ort: -
Alter: 38
Geschlecht:
|
Verfasst Di 09.01.2007 15:20
Titel
|
|
|
Danke für die schnelle Antwort. Ich habe mich bei cssplay umgesehen, aber
mir fehlt irgendwie das verständnis für das Submenü
Dort hats leider entweder nur Textmenüs oder komplett graphische.
Irgendwie bekomme ich es nicht hin, ein Div mit einer ul/li mit den
Untermenüpunkten zu erstellen und den Div dann bei Hover vom GIF-Button
einblenden zu lassen...naja...noch ein bißchen experimentieren
|
|
|
|
|
seal
Dabei seit: 31.07.2005
Ort: Pfalz
Alter: 41
Geschlecht:
|
Verfasst Di 09.01.2007 16:24
Titel
|
|
|
Wo hängts denn nun genau? Mal online stellen, so kann man nur raten.
|
|
|
|
|
|
|
|
Ähnliche Themen |
Rollover Menü aus Illustration erstellen
Menü mit Rollover Effekt & Dropdownmenü Dreamweaver CS 5
wie erstelle ich diesen menü effekt bzw. das gesammte menü?
CSS Menü - Finde nicht das richtige Menü
rollover-PNG in PS
Rollover
|
|