Discussion :

[fidbell84]

Bonjour,

J'ai besoin de votre aide concernant metre deux boutons sur la meme ligne:

voila mon code source:

Code HTML:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
<div id="bouton1">
	<input type="submit" value="Fine il Prelievo" id="submit">	
</div>
<div id="bouton2">
	<input type="submit" value="Fine il Prelievo" id="submit">	
</div>

Code CSS:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
div#bouton2{
	width: 45%;
	margin: 10px 10% 10px 2%;
	}
 
div#bouton1{
	width: 45%;
	margin: 10px 50% 10px 2%;
	}

[Invité]

bonjour,
ajoute-leur :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

display:inline-block;

Par contre, le compte n'y est pas :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
	width: 45%;
	margin: 10px 10% 10px 2%;

(45 + 10 + 2) = 57% !
Or, il ne faut que 50% (100/2) pour que les 2 boutons tiennent sur une ligne.

De plus, si ces 2 boutons ont les même caractéristiques, autant mettre une class commune.
Ce qui donne :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<div class="bouton-aligne">
	<input type="submit" value="Fine il Prelievo" id="submit">	
</div><div class="bouton-aligne">
	<input type="submit" value="Fine il Prelievo" id="submit">	
</div>

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
div.bouton-aligne{
	display:inline-block;
	width:45%;
	margin:10px 2.5% 10px 2.5%;
	text-align:center;
}

[fidbell84]

Merciiiiii
C'est trés gentil de votre part.

[Bovino]

Il y a quand même largement plus simple...

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<div>
	<input type="submit" value="Fine il Prelievo" id="submit">
	<input type="submit" value="Fine il Prelievo" id="submit2">
</div>

Pourquoi les mettre dans deux div différentes ?

Et tant qu'à faire, autant éviter de dupliquer les id.