28173 sujets

CSS et mise en forme, CSS3

[Résolu]Input radio

Bonjour tout le monde,

Je n'arrive pas à faire une bonne mise en page avec mes input de type radio et je commence sérieux à péter un plomb.. Chaque fois que je me suis trouvée devant ce problème, je l'ai contourné en changeant de mise en page mais la j'ai vraiment besoin du type :

Radio - Label
Radio - Label

J'ai cherché sur le net mais on trouve tout le temps les deux propositions sur la même ligne ou alors c'est construit par des tableaux.

Voici où j'en suis.


								<label class='paiement' for='ccp'>par transfert sur CCP</label>
								<input id='ccp' type='radio' name='paiement' value='ccp'/>	<br/>
								
								<label class='paiement' for='iban'>par transfert </label>
								<input id='iban' type='radio' name='paiement' value='iban'/> 	<br/>
								



.corpForm fieldset label.paiement 
{	
	float: 				left;	
	width: 				90%;	
	text-align: 		left;	
	margin:				0;
	padding: 			0 .5em 0 0;
	line-height: 		1.8;
}


ça m'affiche le label à gauche, le radio à droite, mais pas alignés...

Merci pour votre aide !
Modifié par p_tite_jo (15 Feb 2007 - 11:38)
Juste une idée en passant... :
<p>
	<input id='ccp' type='radio' name='paiement' value='ccp' />
	<label class='paiement' for='ccp'>par transfert sur CCP</label>
</p>
<p>
	<input id='iban' type='radio' name='paiement' value='iban' />
	<label class='paiement' for='iban'>par transfert</label>
</p>

Et pas de flottants ou quoi que ce soit dans la feuille de style.
Ta réponse était un pas vers la solution... J'y suis finalement arrivée en mettant en float les radios. et en mettant un <br/> à la fin de mes labels.

Merci!

a bientôt
Sujet clos
Aller à