1. Este site usa cookies. Ao continuar a usar este site está a concordar com o nosso uso de cookies. Saber Mais.
  2. Informação: Pela 0:30 desta Sexta-feira (9 de Dezembro, 23:30 de Quinta-feira nos Açores) o Fórum e restantes sites da ZWAME vão estar offline para manutenção durante cerca de 1h30.
    Se necessário faremos actualizações via Twitter e Facebook.
    Remover anúncio

Problema a usar CSS

Discussão em 'Web Development' iniciada por The Dealer, 14 de Junho de 2009. (Respostas: 1; Visualizações: 412)

  1. The Dealer

    The Dealer Power Member

    Tenho um formulário muito básico com um botão de confirmar, do género:

    <form>....<input type="submit" name="Entrar" value="Aceitar" class="">....

    E queria que aquele button tivesse este style:

    Código:
    
    .clear { /* generic container (i.e. div) for floating buttons */
                        overflow: hidden;
                        width: 100%;
                    }
                    
                    a.button {
                        background: transparent url('bg_button_a.gif') no-repeat scroll top right;
                        color: #444;
                        display: block;
                        float: left;
                        font: normal 12px arial, sans-serif;
                        height: 24px;
                        margin-right: 6px;
                        padding-right: 18px; /* sliding doors padding */
                        text-decoration: none;
                    }
                    
                    a.button span {
                        background: transparent url('bg_button_span.gif') no-repeat;
                        display: block;
                        line-height: 14px;
                        padding: 5px 0 5px 18px;
                    }             
    
    
    Só que o problema é que como este CSS foi "feito" para ser usado numa situação assim:
    <a class="button" href="#"><span>Confirmar</span></a>

    Não sei como aplicá-lo ao meu button do form. será que me poderiam ajudar?
     
  2. <a class="button" href="#" onClick="[FORMNAME].submit()"><span>Confirmar</span></a>

    (não tenho a certeza que eh exactamente assim que funciona o submit(), meu js ta enferrujado)
     

Partilhar esta Página