Discussion :

[jeepibmx]

Bonjour, j'ai un problème avec mes radios button j'aimerais savoir s'il est possible d'enlever l'espace de gauche..

Voici une image avec mon code merci

HTML :

Code :

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

1
2
3
4
5
6
7
8
 
<div id="radio_div">
 							<input type="radio" name="rbLigne" value="ligne1">ligne1
 							<br>
							<input type="radio" name="rbLigne" value="ligne2">ligne2
							<br>
							<input type="radio" name="rbLigne" value="ligne3">ligne3
						</div>

CSS :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
div#radio_div {
	width: auto;
	height: 100%;
  	text-align: left;
  	float: left;
  	background-color: blue;
 
	margin-left:0px !important;
	margin-right:0px !important;
	margin-left:-1px;
	margin-right:-1px;
 
	padding-left:0px !important;
	padding-right:0px !important;
	padding-left:-1px;
	padding-right:-1px;
 
}

[antonito]

T'as pas un lien pour voir ce que ca donne ?

[desert]

Cet espacement peut être dû aux marges visibles par défaut du body.
Dans ce cas, la solution serait :

Code css :

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

1
2
3
body {
    margin : 0;
}

Maintenant, il peut s'agir d'autre chose mais avec le code que tu as donné, ça va être difficile de trouver un autre rapport.

[Macmillenium]

Bonjour,

On joue aux devinettes mais tu parle peut-être de la marge gauche que tu as sur tes radio ?

Code css :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
	div#radio_div {
	width: auto;
	height: 100%;
  	text-align: left;
  	float: left;
  	background-color: blue;
 
	/* Des mauvaises tentatives */
	/* margin-left:0px !important; */
	/* margin-right:0px !important; */
	/* margin-left:-1px; */
	/* margin-right:-1px; */
 
	/* padding-left:0px !important; */
	/* padding-right:0px !important; */
	/* padding-left:-1px; */
	/* padding-right:-1px;  */
	}
 
	div#radio_div input { margin-right:0 }

[jeepibmx]

oui il a une marge entre le radio et la bordure

[Macmillenium]

Essaye ceci alors :

Code css :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
	div#radio_div {
	width: auto;
	height: 100%;
  	text-align: left;
  	float: left;
  	background-color: blue;
 
	/* Des mauvaises tentatives */
	/* margin-left:0px !important; */
	/* margin-right:0px !important; */
	/* margin-left:-1px; */
	/* margin-right:-1px; */
 
	/* padding-left:0px !important; */
	/* padding-right:0px !important; */
	/* padding-left:-1px; */
	/* padding-right:-1px;  */
	}
 
	div#radio_div input { margin:0 }

[devyan]

Ou encore une marge entre le picto radio bouton et le texte de l'étiquette (donc à gauche du texte mais à droite du radio)