+ Antworten
Ergebnis 1 bis 5 von 5

Thema: Mouseover Link, Div erscheint

  1. #1
    TP-Supporter Dreamer ist auf einem guten Weg
    Registriert seit
    May 2003
    Ort
    Großraum Stuttgart
    Beiträge
    453

    Mouseover Link, Div erscheint

    Hallo,

    Was ich will: Ich fahre über einen Link(befindet sich z.B. in einem div), dieser Verschwindet (muss nicht sein) und anstattdessen erscheint eine Liste von Links, die in einem div abgelegt sind.

    Nun frage ich mich, wenn ich auf den Hauptlink klicke, dann kann ich diesem per #box hover {display:none;} mitteilen zu verschwinden, wenn im Body vorher dem div in dem sich der Hauptlink befindet die id=box zugewiesen wurde. Nun kann ich aber bei dieser Handlung (Hauptlink hovern) nur 1 Aktion zu Zeit ausführen, nämlich das eingene display auf none zu setzen. Wie setze ich aber gleichzeitig das Div von den vielen Links auf display:block, so dass es angezeigt wird. Lass mich raten, dass geht in CSS nicht, da brauch ich Javascript

    Bastien

  2. #2
    TP-Insider paul123 ist auf einem guten Weg Avatar von paul123
    Registriert seit
    Apr 2003
    Ort
    sachsen
    Beiträge
    945
    Hallo dreamer. Vielleicht hilft dir das hier weiter...http://css.fractatulum.net/sample/menu2format.htm (eine echt gute Seite die ich viel nutz). Leider kann ich dir im Detail keine Auskunft geben, bin selbst css-hobby-koch und dabei noch nicht sehr weit gekommen

    |~| "Ein Traum ist immer der Anfang aller Taten!" |~| made by mir

    -------------------------------------------------------

    ...es wird kalt im Wald.


  3. #3
    TP-Supporter Dreamer ist auf einem guten Weg
    Registriert seit
    May 2003
    Ort
    Großraum Stuttgart
    Beiträge
    453
    Den Link kenne ich, aber das sind nur Tooltips. Das meinte ich nicht.

    Was ich möchte ist, dass ich auf einen Link fahre, der Link wird nicht mehr displayed, dafür wird jetzt eine Div-Container displayed, der z.B. 5 Textlinks enthält (Sitemap).

    DreameR

  4. #4
    TP-Veteran Terry hilft, wo's geht Terry hilft, wo's geht Terry hilft, wo's geht Avatar von Terry
    Registriert seit
    Mar 2004
    Beiträge
    1.772
    Könnte man theoretisch auch mit CSS machen - aber der IE spielt nicht mit - der hovert eben nur Links und keine Divs - und da kannst Du zwar einen Text oder ein Bild erscheinen lassen (mittels eingebettetem span), aber kein weiteres Div mit Links drin. Also bleibt nur was mit Javascript.


    Hier noch eine nicht-valide Lösung, die aber auch im IE funktioniert: http://www.stunicholls.myby.co.uk/menus/dropdown.html - dort werden einfach Tabellen innerhalb von links eingesetzt - streng verboten und soll auch nur ein Gag sein zur Demo.

    Den ersten Button könnte man verschwinden lassen - indem man nur eine Hintergrundgrafik als Link benutzt, und diese dann beim Hovern verschwinden läßt. Aber wie gesagt: nimm besser Javascript dafür!
    Grüße, Terry

  5. #5
    TP-Supporter Dreamer ist auf einem guten Weg
    Registriert seit
    May 2003
    Ort
    Großraum Stuttgart
    Beiträge
    453
    Hallo Terry, das hab ich auch schon probiert...
    http://www.free.pages.at/bastien

    Danke, werd`s mit JS probieren.

    DreameR

+ Antworten

Ähnliche Themen

  1. Tabellenzeilen als Link darstellen (MouseOver Problem)
    Von blazehawk im Forum HTML & CSS
    Antworten: 4
    Letzter Beitrag: 02.07.2004, 16:12
  2. Ich brauch schon wieder Hilfe...
    Von Stephanie im Forum HTML & CSS
    Antworten: 9
    Letzter Beitrag: 08.06.2004, 08:22
  3. Div. neue Bücher
    Von HTML_Freak im Forum TP Flohmarkt
    Antworten: 53
    Letzter Beitrag: 20.12.2003, 01:17
  4. Popup bei Mouseover über einen Link
    Von Andy010 im Forum Dreamweaver & andere Webeditoren
    Antworten: 7
    Letzter Beitrag: 07.03.2003, 22:20
  5. Einen Link bei Mouseover andere Farbe
    Von HTML_Freak im Forum HTML & CSS
    Antworten: 4
    Letzter Beitrag: 10.01.2003, 10:46

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

     

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