Visualizzazione dei risultati da 1 a 1 su 1
  1. #1
    Utente di HTML.it
    Registrato dal
    Oct 2009
    Messaggi
    1,085

    bottoni .. con immagini

    Ciao ..
    per risolvere il problema degli angoli stondati su un tag 'form' input type="button" ho pensato di usare un'immagine ..
    il problema è che così facendo non ha nè l'effetto 'premuto', ne la classica selezione del post 'clic'.
    Che ci sia qualche soluzione ?
    Parentesi .. con i css3 non dovrebbe funzionare la proprietà 'hover' per tutti i tag ?
    (non mi funziona)
    Grazie


    1)
    /* tasto arrottondato con css3 */

    #tasto {float: left;
    margin-top : 20px;}
    #tasto input {width:200px;
    height:40px;
    -moz-border-radius : 10px;
    background-image: url(menuBk.png);
    border: 3px groove red ;
    line-height:40px;
    cursor: pointer;
    font: bold 16px/1.5 Georgia, "Times New Roman", serif;
    font-style: italic;
    color:#222;
    text-shadow: yellow 2px 2px 4px; }
    #tasto input a:hover { background : #FFCC00;}


    2)
    /* tasto arrottondato con immagine */

    #tasto-2 {float: left;
    margin-top : 20px;}
    #tasto-2 form {width:210px;
    height:45px;
    background: url(bk-bottone.bmp) no-repeat ;
    cursor: pointer; }
    #tasto-2 input {display :none; } /* visibility:hidden */



    <form action=ìì>
    <input type="button"value="Bottone Generico">
    </form>
    Immagini allegate Immagini allegate

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.