Ayuda con boton css3

Topic created · 6 Mensajes · 897 Visitas
  • bueno estaba haciendo mi primer boton con CSS3 y pues tengo 2 fallas

    1- quiero centrar el texto que quede a la mitad pero sin utilisar "margin-top" por que ya lo use y no me resulto quedo tremenda cagada xDDDD

    2- quiero quitar la decoracion de la letra (esa que cuando pones un link queda azul y subrallada) ya use text-decoration: none; y no me resulto. en una pagina le hice eso y me resulto pero no se por que aqui no me resulta

    pues aqui dejo el link del boton suvido

    http://www.pipexdn.com/botoncss/

    aunque con esos 2 fallos diganme como quedo 😄

    saludos

    PD: el boton esta adaptado para mozilla firefox y google chroome

  • al botón le añades un padding-top:20px;
    para arreglar el subrayado, añade una nueva regla de estilos:

    a {
    text-decoration:none;
    }
    

    Ya que los enlaces por defecto tienen el estilo subrayado. Así es como lo quitas de verdad.

  • pero con

    a {
    }

    modifico los link de toda la pagina yo queria asi algo mas personal del boton que se le aplicara al boton solo , pero igual era de muestra el boton queria ver si podia haser un boton con css3 xD despues are algo mejor xD

  • pues...

    #codigoboton a {
    text-decoration: none;
    }
    

    y para centrar usa este codigo

    text-align: center
  • .cssbotonletra a {
    text-decoration:none;
    }

    Así modificas todos los link de las cosas que tengan class="text-decoration:none;" en vez de modificar los links de todo el body.

    maximoxxx el text-align sirve para alinear cosas horizontalmente. Lo que quería era un centrado vertical.

  • Intenta usando el padding