Bonjour,
J'ai un petit soucis avec les padding sous firefox !
Je m'explique :
Je veux faire un bouton, j'applique des paddings à un lien
-> sous chrome et safari pas de soucis:
bouton sous chrome
-> mais sous firefox ça me créer une sorte de deuxième bouton:
bouton sous firefox
En testant un peu je me suis aperçu que firefox acceptait bien les paddings top et bottom mais pas left et right !
si quelqu'un peut me donner une solution, ça serait bien sympa !
voici mon code :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css" />
<title>Boutons</title>
</head>
<body>
<div id="bouton">
<a href="#">BOUTON 1<a/>
</div>
</body>
</html>
et mon css:
#bouton{
text-align:center;
padding-top:60px;
}
#bouton a{
background-color: #4B6A14;
text-decoration:none;
color:white;
position:relative;
font-size:15px;
padding:10px;
border: solid 1px #4B5A14;
border-radius:5px;
}
Ps: Désolé si le sujet a déjà été traité mais j'ai fait une recherche sur le forum et sur le net sans rien trouver de probant :-(
pitivier36
