mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Di 24.01.2017 19:14 Benutzername: Passwort: Auto-Login

Thema: [CSS] Hor. Menü mit Gif-Rollover? vom 09.01.2007


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> [CSS] Hor. Menü mit Gif-Rollover?
Autor Nachricht
sunspectress
Threadersteller

Dabei seit: 09.01.2007
Ort: -
Alter: 31
Geschlecht: Weiblich
Verfasst Di 09.01.2007 11:40
Titel

[CSS] Hor. Menü mit Gif-Rollover?

Antworten mit Zitat Zum Seitenanfang

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 Mädchen!
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 Lächel )
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! Lächel
  View user's profile Private Nachricht senden
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Di 09.01.2007 12:18
Titel

Antworten mit Zitat Zum Seitenanfang

Schau dich hier mal um:

http://www.cssplay.co.uk/menus/index.html
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
sunspectress
Threadersteller

Dabei seit: 09.01.2007
Ort: -
Alter: 31
Geschlecht: Weiblich
Verfasst Di 09.01.2007 15:20
Titel

Antworten mit Zitat Zum Seitenanfang

Danke für die schnelle Antwort. Ich habe mich bei cssplay umgesehen, aber
mir fehlt irgendwie das verständnis für das Submenü * Keine Ahnung... *
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 Lächel
  View user's profile Private Nachricht senden
seal

Dabei seit: 31.07.2005
Ort: Pfalz
Alter: 33
Geschlecht: Männlich
Verfasst Di 09.01.2007 16:24
Titel

Antworten mit Zitat Zum Seitenanfang

Wo hängts denn nun genau? Mal online stellen, so kann man nur raten.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen [CSS] zentrierte hor. Positionierung in Zelle...GROMPF!
GoLive Rollover animiertes Gif // Safari/Explorer/Firefox
Rollover Menü aus Illustration erstellen
[Javascript][CSS] JavaScrip-Rollover-Bild in CSS-Dropdown
Menü mit Rollover Effekt & Dropdownmenü Dreamweaver CS 5
CSS Menü - Finde nicht das richtige Menü
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.