28217 sujets

CSS et mise en forme, CSS3

Salut tout le monde,
j'ai un petit problème avec le bouton submit.
En effet, j'aimerai savoir si la hauteur de celui-ci peut-être reglé sous Firefox comme sous IE pour qu'il ait la même taille que mon champs texte juste à côté ?
Modifié par koskoz (22 Sep 2005 - 21:41)
Ca fonctionne parfaitement sous IE (pour une fois), sous Firefox aussi mais pas totalement.
En fait, sous IE la taille diminue puis le bouton submit et le champs text s'aligne bien sur la même ligne, ce qui n'est pas le cas avec Firefox (le bouton submit est décallé de 3-4 pixel plus haut que le champs text).

Une idée ?
Tiens, si ça peut t'aider :

 <div id="search">
  <form action="<?php dcInfo('search'); ?>" method="get">
		
			<input type="text" size="10" id="q"
			value="<?php dcSearchString(); ?>" accesskey="4" />
			<input type="submit" class="submit" value="ok" />
		
		</form>
 </div> 


/* BARRE DE RECHERCHE */
form {
margin: 0;
padding: 0;
}
#q{
background: #FFF url(images/search.gif) no-repeat 3px center;
color: #000;
border: 1px solid #333;
width: 130px;
margin: 0;
padding: 0 0 0 20px;
}
.submit {
height: 18px;
}
#search {
text-align: right;
float: right;
margin-right: 10px;
}
En intégrant une définition de font pour le submit çà s'aligne chez moi.


.submit {
	height: 18px;
	font-family:Arial, Helvetica, sans-serif;
	}


Mais çà va dépendre du reste de ton code
Ca ne s'aligne toujours pas chez moi avec Firefox (pour une fois que c'est lui qui pose problème)...