Visualizzazione dei risultati da 1 a 4 su 4

Discussione: pulsante per menu

  1. #1

    pulsante per menu

    Salve a tutti ho il seguente pèroblema:
    Ho creato con i CSS un pulsante rettangolare di colore verde e con una scritta al centro, vorrei fare in modo che quando ci vado sopra con il mouse cambi colore e diventi bianco (lasciando la scritta invariata).
    Ho provato ma se ci vado sopra con il mouse anzichè cambiare il colore di tutto lo sfondo mi cambia il colore solo intorno alla scritta.
    Questo è il CSS per il pulsante:
    .colmenu_l {
    width: 240px;
    background-color: #EAF3CB;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #012650;
    height: 27px;
    font-weight: bold;
    text-align: left;
    margin-right: 0px;
    line-height: 0px;
    text-decoration: none;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-top-width: 1px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-top-color: #BFD046;
    border-right-color: #BFD046;
    border-left-color: #BFD046;
    vertical-align: middle;
    padding-left: 2px;
    padding-top: 6px;
    padding-bottom: 6px;
    }
    E questo e il CSS per fare in modo che quando ci vado sopra mi cambi il colore di sfondo:
    .colmenu_l p:hover {
    width: 240px;
    background-color: #FFFFFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #012650;
    height: 27px;
    font-weight: bold;
    text-align: left;
    margin-right: 0px;
    line-height: 0px;
    text-decoration: none;
    border-top-style: solid;
    border-left-style: solid;
    border-top-width: 1px;
    border-left-width: 1px;
    border-top-color: #BFD046;
    border-left-color: #BFD046;
    vertical-align: middle;
    padding-left: 2px;
    padding-top: 6px;
    padding-bottom: 6px;
    }
    qualcuno può aiutarmi?
    Grazie

  2. #2
    Utente di HTML.it L'avatar di Prill
    Registrato dal
    Oct 2006
    Messaggi
    2,947
    Ciao, nel css hai selettori diversi: .colmenu_l e .colmenu_l p:hover.
    Vai a inserirli così:

    a.colmenu_l e a.colmenu_l:hover

    Nello stato hover puoi tralasciare tutte le proprietà ripetute (con gli stessi valori, ad esempio il font-family, il font-size eccetera). Assegna poi anche un display:block

  3. #3
    Utente di HTML.it L'avatar di Prill
    Registrato dal
    Oct 2006
    Messaggi
    2,947
    riguardando il tuo codice, mi sembra di capire che non hai usato dei link ma hai applicato lo stato hover a un paragrafo che si trova all'interno di un elemento che avrà lo stile colmenu_l.
    Cosa devi fare di preciso? Per un link puoi usare un link, a questo si riferiva la mia risposta

  4. #4
    Ciao, scusa se ti rispondo solo oggi ma ieri ho avuto problemi con internet. Ti ringrazio per la tua risposta ma ho risolto utilizzando delle librerie CSS che avevo acquistato qualche tempo fà.
    Grazie ancora

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.