Visualizzazione dei risultati da 1 a 3 su 3
  1. #1

    menu con sottolineatura

    ciao c'è qualcuno che mi può aiutare? questo è il problema:
    devo creare un menu in html che nel caso active e hover rimanga sottolineato. la sottolineatura però è un'immagine che inserisco con la funzione background in ogni li della lista del menu. come faccio a non farla comparire se non nel caso hover o active?
    non so se mi sono spiegato metto comunque anche il codice
    grazie per l'attenzione spero che qualcuno mi possa aiutare ciao ciao

    <ul>[*]Home<div class="active"></div>
    <li class="trat">[*]Chi siamo<div class="active tre"></div>
    <li class="trat">[*]Servizi<div class="active quattro"></div>
    <li class="trat">[*]Blog<div class="active cinque"></div>
    <li class="trat">/*questa classe è un trattino separatore tra le voci del menu*/[*]<span>Contatti</span><div class="active due"></div>[/list]
    le classi 2 3 4 5 servono per dare lunghezza diversa alla sottolineatura dal momento che le parole del menù hanno lunghezze differenti
    la classe active è quella che richiama l'immagine della sottolineatura

  2. #2
    Perché usi un'immagine per una sottolineatura invece dei css?
    Con il comando:

    text-decoration: underline;

    risolvi il problema.
    Eeb design, web marketing, download template per siti web. www.lisadamus.it/
    Seguimi su Twitter
    Seguimi su Facebook

  3. #3
    no perchè era troppo sottile la sottolineatura. ho pensato però di utilizzare border-bottom. ti faccio vedere come ho cambiato il codice. ora però il problema è che non riesco bene a evidenziare in rosso e sottolineato la pagina del menu su cui sono.

    <ul id="nav">[*]Home
    <li class="trat">[*]Chi siamo
    <li class="trat">[*]Servizi
    <li class="trat">[*]Blog
    <li class="trat">
    <li class="active">Contatti[/list]

    voglio, in questo caso sulla pag contatti,che ci sia la sottolineatura e il link dello stesso colore per differenziarlo dalle altre voci del menu.

    ul#nav{
    height:30px;
    padding-left:90px;
    }
    ul#nav li{
    float:left;
    padding:0px;
    font-size:15px;
    margin-right:10px;
    text-align:left;
    font-weight:700;
    height:27px;
    padding-top:1px;
    }
    ul#nav li a{
    color:#3f3f3f;
    text-align:left;
    margin-right:10px;
    font-weight:700;
    display:block;
    padding-top:1px;
    }
    ul#nav li a:hover{
    float:left;
    padding:0px;
    font-size:15px;
    margin-right:10px;
    text-align:left;
    font-weight:700;
    border-bottom:solid 3px #c13735;
    display:block;
    height:27px;
    padding-top:1px;
    }
    ul#nav li a:active{
    float:left;
    padding-top:1px;
    font-size:15px;
    margin-right:10px;
    text-align:left;
    border-bottom:solid 3px #c13735;
    height:27px;
    color:#c13735;
    }

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.