HTML - Problemas con el atributo padding

   
Vista:

Problemas con el atributo padding

Publicado por jose yair rex_bonfire@hotmail.com (1 intervención) el 13/04/2016 04:15:19
Tengo un problema, estoy haciendo un hover a links, en el sombreado hay algo que no puedo modificar, al ancho de cada hover varia, quisiera que el ancho de todos sean iguales y nos desproporcionados.

Este es mi código css

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
a:link, a:visited {
    background-color: #00706F;
    color: white;
    padding: 0.5px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
	border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
}
 
a:hover, a:active {
    background-color: #009EA0;
}

Creo que el atributo padding no es correcto.
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 Federico

Problemas con el atributo padding

Publicado por Federico (9 intervenciones) el 13/04/2016 17:03:41
Hola Jose,

en tu codigo no veo ningun sombreado.
pero si lo que quieres es que el tamaño de los link sean iguales debes usar un width y ponerle el ancho que sea mas apropiado para tu pagina.
fijate si esto arregla tu problema.
el padinng en como un margen interno de la etiqueta a la que se la aplicas.
fijate en el ejemplo.

saludos.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
a:link, a:visited {
width:10%;
float:left;
margin:3px;
background-color: #00706F;
color: white;
padding: 5px;
text-align: center;
text-decoration: none;
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
}
a:hover, a:active {
background-color: #009EA0;
}
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