28173 sujets

CSS et mise en forme, CSS3

Bonjour à tous.

Je me trouve face à un problème assez étrange :
Pour un site multilingue, j'ai un formulaire que je valide grace à plusieurs "button". Ces boutons ne doivent pas avoir de fond, ni de bordure et doivent s'agrandir en largeur suivant le libellé de celui-ci. Voici donc mon code css pour leur mise en forme :

.button_form{
	border:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	background-color:#FF0000;
	padding:0px;
	[b]width:auto;[/b]
}

J'ai mis une largeur automatique. Cependant, Internet Explorer 6 et 7.0 mettent un padding left et right par défaut.

Comment enlever cette marge, sachant que j'ai déjà mis
padding:0px


Merci pour vos réponses. Bien à vous.
Il existe une bidouille pour corriger ça :


button{
width:1%;
overflow:visible;
}


pour IE uniquement, donc filtrer avec des commentaires conditionnels
Bonjour Smiley smile

Et en essayant sur la balise <input> ?

input {
padding:0px; }

Tu parles bien d'un espace à l'intérieur du bouton, entre le texte et la bordure ?

EDIT :

button{
width:1%;
overflow:visible; }

Eh ben... j'étais à la ramasse Smiley confus
Modifié par BeliG (22 May 2007 - 18:10)
Merci beaucoup, l'astuce du

button{
width:1%;
overflow:visible; }

marche parfaitement.

Je vous remercie pour votre réactivité !

A très bientôt