1. Dashboard
  2. Artikel
  3. Mitglieder
    1. Letzte Aktivitäten
    2. Benutzer online
    3. Team
    4. Mitgliedersuche
  4. Forum
    1. Unerledigte Themen
  • Anmelden
  • Registrieren
  • Suche
Dieses Thema
  1. HTML - Webmaster Forum
  2. HTML / Webmaster Forum
  3. HTML & CSS Forum

CSS hover frage

  • Martin279
  • 19. Juli 2007 um 15:21
  • Martin279
    Meister(in)
    Beiträge
    325
    • 19. Juli 2007 um 15:21
    • #1

    Moin,

    ich möchte gerne das ich beim rüberfahren (hover) eines links , in einem anderen div ein von mir gegebener Text kommt.

    Ich habe folgendes Menü:

    css:

    Code
    #navlist li
    {
    display: inline;
    list-style-type: none;
    padding-right: 20px;
    
    
    }
    #navcontainer ul
    {
    margin: 0;
    color: #FFFFFF;
    font-family: tahoma, verdana, geneva, arial, helvetica, sans-serif;
    font-size: 10px;
    letter-spacing: 2px;
    font-weight: bold;
    }
    
    
    #navcontainer ul li a
    {
    color: #FFFFFF;
    text-decoration: none;
    
    
    }
    Alles anzeigen

    html

    Code
    <div id="navcontainer">
    <ul id="navlist">
    <li id="active">[url='#']Item one[/url]|
    [*][url='#']Item two[/url]|
    [*][url='#']Item three[/url]|
    [*][url='#']Item four[/url]|
    [*][url='#']Item five[/url]|
    [/list]
    </div>

    Normaler weiße müsste ich dann ja 5 voneinander unterschiedliche Menüs (bei einem Menü ein Link ) machen und sie jeweils hover mit anderem Text.Das wär aber ne heiden arbeit und ich weiß nicht wie ich den Text mit hover reinkriegen soll.

    Könntet ihr mir nen schnellen weg geben thx.

    http://www.web-banana.net
    ^^geht mal bitte drauf und registriert euch °_°!
    My sItE: Freakmartin.dl.am
    .~'*FH1-Style User*'~..~'*Gimp-User*'~..~'*Forum-hilfe-User*'~..~'*ICQ-User*'~..~'*Tutorial-User*'~.

  • sejuma
    Kaiser(in)
    Reaktionen
    5
    Beiträge
    2.720
    • 19. Juli 2007 um 15:51
    • #2

    Nochmal zum Verständnis:
    Beim hover ändert sich normalerweise nur die Farbe oder das Layout des Links.
    Beispiel: Normale Linkfarbe grün; hover-Farbe: rot
    Falls du das meintest, müsstest du noch eine Definition für

    Code
    #navlist li a:hover

    angeben.

    Klickst du dann auf den Link, dann erscheint eine neue Seite. Dazu müsstest du im HTML-Teil statt der Raute eine Referenzseite angeben:

    Code
    [*][url='zielseite.html']Zielseite[/url]

    Willst so ne Art Popup-Fenster beim hover wird's etwas kompliziert wie du wohl schon bemerkt hast, wäre aber machbar: http://www.friedels-home.com/index.htm?/Boa…topic.php?t=400

    [Blockierte Grafik: http://www.ohne-css.gehts-gar.net/img/banner/banner350x20.png]
    sejuma's CSS-Einsteigerkurs

  • Martin279
    Meister(in)
    Beiträge
    325
    • 19. Juli 2007 um 15:54
    • #3
    Zitat von sejuma

    http://www.friedels-home.com/index.htm?/Boa…topic.php?t=400

    Das meinte ich thx

    http://www.web-banana.net
    ^^geht mal bitte drauf und registriert euch °_°!
    My sItE: Freakmartin.dl.am
    .~'*FH1-Style User*'~..~'*Gimp-User*'~..~'*Forum-hilfe-User*'~..~'*ICQ-User*'~..~'*Tutorial-User*'~.

Tags

  • www
  • html
  • board
  • http
  • links
  • style
  • text
  • layout
  • fenster
  • code
  • php
  • div
  • farbe
  • index
  • popup
  • css
  • hover
  • definition
  • linkfarbe
  • view
  • teil
  1. Datenschutzerklärung
  2. Impressum
Community-Software: WoltLab Suite™
  • Alles
  • Dieses Thema
  • Dieses Forum
  • Artikel
  • Seiten
  • Forum
  • Erweiterte Suche
Zitat speichern