HTML des Boutons Radio: ajouter de l'espace entre les boutons du même groupe
J'ai 3 boutons radio sur la même ligne dans un td de la table comme ça:
<td align="left">
CHF <input type="radio" name="currency" id="chf_currency" checked="checked" onChange="currencyChanged()" />
USD <input type="radio" name="currency" id="usd_currency" onChange="currencyChanged()"/>
EUR <input type="radio" name="currency" onChange="currencyChanged()"/>
</td>
Maintenant, je voudrais ajouter quelques espaces entre les boutons radio et je ne sais pas comment le faire.
J'ai essayé d'utiliser l'attribut width, margin attribut, mais rien ne change.
Merci beaucoup.
utilisation
Salut @ArpitSrivastava, je vous Remercie pour votre réponse. La ligne que vous me donnez est le CSS ? Je suis nouveau dans le HTML et la programmation WEB, désolé de poser cette.
vérifier ma réponse..
Merci @ArpitSrivastava.
input[type="radio"]{padding: or margin or line-height}
Salut @ArpitSrivastava, je vous Remercie pour votre réponse. La ligne que vous me donnez est le CSS ? Je suis nouveau dans le HTML et la programmation WEB, désolé de poser cette.
vérifier ma réponse..
Merci @ArpitSrivastava.
OriginalL'auteur Miloš | 2012-09-06
Vous devez vous connecter pour publier un commentaire.
Vérifier exemple de travail sur jsbin
Aussi, voici le code:
HTML:
CSS:
OriginalL'auteur halofourteen
Utiliser comme ceci dans le CSS
OriginalL'auteur Arpit Srivastava
Essayez ceci:
mettre cela dans le répertoire css ou dans la section d'en-tête de votre fichier html. Si votre mettre ceci dans votre fichier html dans votre en-tête de l'article, il devrait ressembler à ceci:
Espère que cela a aidé!
OriginalL'auteur Nightgem
Si vous ne souhaitez pas utiliser le fixe
padding
pour les boutons, il est recommandé de mettre chacun avec<label>
balise, cela va rendre les étiquettes cliquable trop.HTML:
CSS:
http://jsfiddle.net/9cJJ9/
OriginalL'auteur Gustonez