Visualizzazione dei risultati da 1 a 2 su 2

Discussione: Bottone onPress

  1. #1

    Bottone onPress

    Ciao a tutti,

    ho una discussione aperta nella sezione html, ma mi sono accorta che è diventato qualcosa riguardante i css... Sto cercando di fare un bottone dove cliccando si anima, non con il rollhover.

    Ho per ora trovato questa soluzione:

    Ho fatto tre immagini.
    Una con il bottone iniziale, una con il bottone al click e un'altra trasparente, perchè mi sembra di aver capito che con i css non si possa inserire un immagine ma solo uno sfondo, però mi serve qualcosa di quella dimensione a cui dare il link.

    lo potete vedere su:
    http://workelisaresmini.altervista.org/bottone.html

    Funziona ma non si vede l'immagine iniziale e quella al click è spostata in giù.

    il codice che ho utilizzato è:
    [img]imm_trasparente.gif[/img]

    mentre il css è:
    a:active {
    background-image: url(active.jpg);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    }
    a:link {
    background-image: url(link.jpg);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    }

    che dite?? dove sbaglio...
    il background-position: 0px 0px; l'ho messo per vedere se funziona meglio, ma anche senza era uguale.
    MapoDesign
    Comunicazione Vitaminica

    www.mapodesign.com

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Attenzione all'ordine delle pseudoclassi:
    L'ordine corretto e`:
    :link, :visited, :hover, :active

    Comunque la solcuzione migliore e` avere un unico sfondo, formato dall'unione delle tre parti e con il CSS spostare solo l'inizio dello sfondo.

    Vedi questi link:
    Bottoni con rollover
    Bottoni creativi e CSS
    Bottoni di submit a tre stati
    Bottoni con rollover flessibili
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

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.