Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 13
  1. #1
    Utente di HTML.it L'avatar di telegio
    Registrato dal
    Sep 2001
    Messaggi
    2,591

    dropdown menu con voce di colore diverso

    Salve a tutti, sto combattendo con una cosa che mi sembra una sciocchezza, ma che non riesco a risolvere..
    come scritto nel titolo, ho elaborato un menu coi CSS e vorrei che una voce fosse di colore differente per "evidenziarla".. di solito si mette "active" per fare questo ma pare non funzionare..
    l'ho appoggiata qua..
    http://www.telegio.eu/telegio/index4.php

    grazie a chiunque possa darmi una mano..

  2. #2
    Utente di HTML.it L'avatar di Experiment8
    Registrato dal
    Jun 2012
    residenza
    Milano
    Messaggi
    254
    Ciao,

    si puoi aggiungere una classe "active" alla voce da evidenziare, ma tale classe poi deve avere una regola nel CSS che gli dia la formattazione differente:

    codice:
    /* I tuoi link normali */
    a {
    color: #FFF;
    }
    /* I tuoi link evidenziati */
    a.active {
    color: #000;
    }

  3. #3
    Utente di HTML.it
    Registrato dal
    Jan 2010
    residenza
    Pianeta Terra
    Messaggi
    1,614
    Per completare la risposta di @experimento8:

    codice:
    <div id="menu">
    <ul>[*]link1[*]link2[*]link3[*]link4[/list]
    </div>
    Per una bella risata vai QUI

  4. #4
    Utente di HTML.it L'avatar di telegio
    Registrato dal
    Sep 2001
    Messaggi
    2,591
    mi scuso per il ritardo nella risposta..
    ringrazio entrambi per la risposta ma non riesco comunque a far visualizzare i link come vorrei
    ero partito da questo, anche se là cambia il colore del menu e non del sottomenu...
    http://www.html.it/guide/esempi/csse...izzontale.html
    ma è lo stesso, nell'esempio che ho postato sul mio dominio ho provato in parecchi modi ma senza risultato.. BOH!??

  5. #5
    Utente di HTML.it L'avatar di telegio
    Registrato dal
    Sep 2001
    Messaggi
    2,591
    sono riuscito così
    http://www.telegio.eu/telegio/index5.php
    dando uno STYLE direttamente nella pagina.. ma se volessi cambiare il colore sull'HOVER non si può.. MMHH.. )

  6. #6
    Utente di HTML.it
    Registrato dal
    Jan 2010
    residenza
    Pianeta Terra
    Messaggi
    1,614
    codice:
    #drop-menu li ul li a:hover{background:red;}
    Per una bella risata vai QUI

  7. #7
    Utente di HTML.it L'avatar di telegio
    Registrato dal
    Sep 2001
    Messaggi
    2,591
    ..no..
    come dici tu mi fa rossi tutti i link del menu tranne quello ovviamente..
    http://www.telegio.eu/telegio/index5.php

  8. #8
    Utente di HTML.it
    Registrato dal
    Jan 2010
    residenza
    Pianeta Terra
    Messaggi
    1,614
    Ovvio, perché hai messo il colore direttamente nella pagina stessa, piùttosto che nel file .css
    Inoltre lo devi combinare con la classe .active.



    EDIT: Mi è venuto un dubbio:
    Ma non era il :hover nel sottomenu che volevi?
    Per una bella risata vai QUI

  9. #9
    Utente di HTML.it L'avatar di telegio
    Registrato dal
    Sep 2001
    Messaggi
    2,591
    Originariamente inviato da Nobody33
    Ovvio, perché hai messo il colore direttamente nella pagina stessa, piùttosto che nel file .css
    Inoltre lo devi combinare con la classe .active.
    non credo sia per quello.. dovrebbe essere lo stesso, no?
    ..e poi ho chiesto una mano, evidentemente non sono in grado..
    EDIT: Mi è venuto un dubbio:
    Ma non era il :hover nel sottomenu che volevi?
    si, vorrei un :hover DIVERSO da quello degli altri "pulsanti"..

  10. #10
    alla voce DIVERSO devi applicare una class (ad esempio class="diverso")
    nel tuo CSS , dopo la riga 219 > ul#menu ul a:hover ,
    inserisci la tua regola

    ul#menu ul a.diverso:hover {
    color:blue /*o qualunque colore vuoi*/
    }

    oppure visto che e' l'ultimo link potresti provare ocn la pseudo classe :last-child
    anche se non so se funziona nelle versioni meno moderne di IE
    ?

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.