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

    Cambiare lo sfondo di un solo link

    Salve.
    Volevo un'informazione.
    Ho una pagina php con all'interno dei link.
    Vorrei che al passaggio del mouse, il colore dei link siano rossi e lo sfondo sia giallo per poi ritornare allo stato originale.
    Ho usato il seguente css:
    A:hover { color: #FF0000; background: #FFFF00; }

    Il mio problema è che questo style viene applicato a tutti i link mentre desiderò che solo alcuni link facciano come descritto sopra.
    Mi potete consigliare come fare??
    Grazie.
    M.

  2. #2
    Devi usare i selettori per dire al CSS quali sono i link a cui vuoi applicare lo style.

    Per esempio potresti associare a una classe i link che ti interessano e lasciare fuori quelli che non ti interessano. Quindi i link diventeranno:

    clicca qui

    e il CSS:

    .tuaclasse:hover { color: #FF0000; background: #FFFF00; }


  3. #3
    simo è .tuaclasse a:hover , come hai scritto tu cambierà il background del div e non dei link..
    Social Network in costruzione.. Misto tra Twitter e Facebook.. Twitbook o facetter?

  4. #4
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    Originariamente inviato da 0-c00l
    simo è .tuaclasse a:hover , come hai scritto tu cambierà il background del div e non dei link..
    no, quel codice è corretto. Cambia lo stile del link.
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  5. #5
    Ti sbagli, .tuaclasse:hover basta e avanza, purché il tag <a> abbia l'attributo class="tuaclasse"

    poi certo, se fai un <div> con class="tuaclasse" cambierà lo sfondo anche di questo, ma qui parliamo di link, non di div

  6. #6
    Innanzitutto ringrazio tutti coloro che hanno risposto alla mia discussione.

    Ho creato il css in questo modo usando a:hover perchè diversamente non mi funziona:
    .style3 a:hover {
    text-decoration: underline;
    font-size:14px;
    color: #0000FF;
    }

    Chiedo un ultima gentilezza.
    Vorrei che le seguenti istruzioni:
    font-size:14px;
    color: #0000FF;
    fossero applicate indipendentemente da quando il mouse è sopra il link.
    Come posso modificare il mio css?
    Grazie mille.
    M.

  7. #7
    Se ho capito bene vorresti i link perennemente blu, anche se il mouse non è sopra.

    Fai così

    codice:
    .style3 a {
    font-size:14px;
    }
    N.B: non c'è bisogno di specificare né

    text-decoration: underline;



    color: #0000FF;

    poiché entrambe le proprietà hanno tali attributi di default. Ovviamente si parla dei link.


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.