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

    aumentare la grandezza del background su :hover

    Ciao raga,
    mi sn creato dei pulsanti con i css. Sullo stato :hover ho impostato lo sfondo di un altro colore. ora però vorrei impostare una grandezza
    per lo sfondo, mi spiego.
    Attualmente quando col mouse vado sopra il link lo sfondo cambia per tutta grandezza del testo, mentre io vorrei che coprisse una larghezza maggiore.

    cm qst sito

    è possibile??

  2. #2
    Utente di HTML.it L'avatar di salasir
    Registrato dal
    Apr 2004
    Messaggi
    1,881
    Non sono sicuro di aver capito bene. Tu vuoi che il background dei link cambi per la grandezza della casella (tasto) e non solo per la lunghezza del testo?
    Se è così, hai definito le "celle" del menù come
    codice:
    display: block;
    ?
    Altrimenti posta la definizione del pezzo interessato (CSS e HTML).

  3. #3
    esattamente...
    in una serie di celle ho inserito dei link, al passaggio del mouse sugli stessi, solo quello che stà sotto il testo cambia,mentre vorrei impostare io la grandezza. Una sorta di attributo width: xx

    mi spiego???

  4. #4
    Utente di HTML.it L'avatar di salasir
    Registrato dal
    Apr 2004
    Messaggi
    1,881
    Originariamente inviato da salasir
    Se è così, hai definito le "celle" del menù come
    codice:
    display: block;
    ?
    Altrimenti posta la definizione del pezzo interessato (CSS e HTML).

  5. #5
    usa display block sul link e dai una larghezza al LI o anche al A stesso

  6. #6

  7. #7
    Utente di HTML.it L'avatar di salasir
    Registrato dal
    Apr 2004
    Messaggi
    1,881
    codice:
    ...
    ...
    div#menu li {width:70px; float:left; margin: 0 1px; padding: 0;
       border: 2px inset #bebebe; }
    div#menu a {display: block; padding: 3px; color: #fff;
       text-decoration: none; }
    div#menu a:hover { color: #f00; text-decoration: none; background: #ff9; }
    ...
    ...
    Ovviamente è solo un esempio parziale.

  8. #8

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.