Iniciar sesiónCerrar
Correo:
Contraseña:
Entrar
Recordar sesión en este navegador
Iniciar sesiónIniciar sesiónCrear cuentaCrear cuenta
LWP » Foros » HTML » Consulta sobre botones en html

HTML - Consulta sobre botones en html

Volver
Nuevo Tema
<<>>
 
Vista:
sin imagen de perfil
Val: 20
Ha disminuido 1 puesto en HTML (en relación al último mes)
Gráfica de HTML

Consulta sobre botones en html

Publicado por gaspar (8 intervenciones) el 06/08/2020 23:00:38
Hola gente tengo el siguiente problema, quisiera saber como agregarle a cada boton el enlace donde me direcciones a cada red social. Es decir si hacen click en instagram que automáticamente los direcciones al perfil de instagram. Adjunto código y interfaz de la web.
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de Lopez
Val: 886
Plata
Ha mantenido su posición en HTML (en relación al último mes)
Gráfica de HTML

Consulta sobre botones en html

Publicado por Lopez (271 intervenciones) el 07/08/2020 20:30:34
Hola Gaspar,
Pienso no es necesario uses un boton, sino un link con estilo de boton.
De todas formas, si es mandatorio lo hagas puedes usar el evento formaction de HTML5

1
2
3
<form>
    <button type="submit" formaction="https://www.facebook.com">Link</button>
</form>

La forma que te aconsejo es esta:

1
<a href="https://www.facebook.com" class="button">Link</a>

Y con ayuda de CSS

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
a.button {
    display: inline-block;
    box-sizing: border-box;
    margin: 0;
    padding: 1px 6px;
 
    font: 13.3333px Arial;
    text-rendering: auto;
    text-align: center;
    text-transform: none;
    text-decoration: none;
    text-indent: 0;
    text-shadow: none;
    letter-spacing: normal;
    word-spacing: normal;
    color: buttontext;
 
    border: 2px outset buttonface;
    border-image: initial;
 
    background-color: buttonface;
 
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
 
    cursor: default;
}
 
a.button:active { border-style: inset; }

Espero ayude,
Saludos!
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar