Ergebnis 1 bis 4 von 4
  1. #1
    djrace ist offline Eroberer
    registriert
    09-03-2005
    Beiträge
    67

    css menü link over und link active hinzufügen

    Hi,

    habe folgendes css menü

    HTML-Code:
    <html>
    <head>
    <style type="text/css">
    <!--
    
    #nav-menu ul
    {
    list-style: none;
    padding: 0;
    margin: 0;
    }
    
    nav-menu li
    {
    float: left;
    margin: 0 0.15em;
    padding: 0;
    text-align: center
    }
    
    #nav-menu li a
    {
    background: url(css-nav.gif) #fff bottom left repeat-x;
    height: 1.5em;
    line-height: 1.5em;
    float: left;
    width: 10em;
    display: block;
    border: 0.1em solid #dcdce9;
    color: #0d2474;
    text-decoration: none;
    text-align: center;
    font-size:0.8em;
    }
    
    /* Commented backslash hack hides rule from IE5-Mac \*/
    #nav-menu li a
    {
    float: none
    }
    /* End IE5-Mac hack */
    
    #nav-menu
    {
    width:30em
    }
    -->
    </style>
    <style type="text/css">
      
      div.beispiel { margin-left:10px; }
    </style>
    <style type="text/css">
    body { background-color:#E0E0E0; font-weight:bold; font-family:Arial; font-size:120%; }
    
    </style>
    </head>
    <body>
    
    <div id="nav-menu" class="beispiel">
    <ul>
    <li><a href="#"><font face="Arial"><b>Startseite</a></li>
    <br>
    <br>
    <li><a href="#">Liste anlegen</a></li>
    <li><a href="#">Liste löschen</a></li>
    <li><a href="#">Liste bearbeiten</a></li>
    <br>
    <br>
    <li><a href="#">Mailadresse einer Liste hinzufügen</a></li>
    <li><a href="#">Mailadresse aus Liste entfernen</a></li>
    <br>
    <br>
    <li><a href="#">Mail an eine Mailingliste schicken </a></li>
    </ul>
    </div>
    Wie baue ich denn hier da was ein was einen Mouseover effekt erzeugt und zwar einen der wenn man mit der Maus drüber geht ein anderes Backgroundimage aufruft und wenn man den link gewählt hat soll das neue background bild bleiben wie geht das???

  2. #2
    pit-r Guest

    AW: css menü link over und link active hinzufügen

    Moin!

    #nav-menu li a:hover, #nav-menu li a:active {
    background: url(2.gif) #fff bottom left repeat-x;
    }
    Zitat Zitat von djrace
    ... und wenn man den link gewählt hat soll das neue background bild bleiben wie geht das???
    Das active wird allerdings von verschiedenen Browsern unterschiedlich "gehandhabt".

    Ahoi - Pit

  3. #3
    djrace ist offline Eroberer
    registriert
    09-03-2005
    Beiträge
    67

    AW: css menü link over und link active hinzufügen

    danke funzt bestens

  4. #4
    pit-r Guest

    AW: css menü link over und link active hinzufügen

    Gern geschehen.

Ähnliche Themen

  1. CSS / JAVA menü schließt sich beim klick nicht
    Von Cr0sS im Forum JavaScript
    Antworten: 7
    Letzter Beitrag: 07-08-2005, 00:30
  2. Probleme mit CSS... Text wie Link an falscher Stelle
    Von Apoplexy im Forum CSS und (X)HTML
    Antworten: 11
    Letzter Beitrag: 23-07-2005, 22:15
  3. CSS Link vs import
    Von SportGoofy im Forum Allgemeines
    Antworten: 9
    Letzter Beitrag: 18-06-2004, 14:48
  4. Over Bild vor Link?
    Von ProMaster im Forum JavaScript
    Antworten: 13
    Letzter Beitrag: 03-04-2003, 21:30
  5. Link mit CSS
    Von dipser im Forum Allgemeines
    Antworten: 10
    Letzter Beitrag: 01-01-2003, 21:26

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •