Bouton radio et label pas sur la même ligne

**mourbare** · 06/07/2009, 09h00

Salut les developpeurs,

J'ai un probleme avec le code suivant:

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
20
21
<div class="content-left">
    <div class="side-bucket">
        <ul>
            <li class="first"><a href="#">Zeitraum:</a></li>
            <ul>
                <li>
                    <%= Html.RadioButton("model.Zeitraum", Analyseportal.Models.Zeitraum.lastWeek, new { id = "Zeitraum_1"})%>
                    <label for="Zeitraum_1">
                        Letzte Woche
                    </label>
                </li>
                <li>
                    <%= Html.RadioButton("model.Zeitraum", Analyseportal.Models.Zeitraum.lastMonth, new { id = "Zeitraum_2"})%>
                    <label for="Zeitraum_2">
                        Letzter Monat
                    </label>
                </li>
            </ul>
        </ul>
    </div>
</div>

En fait je n'arrive pas a positionner le Html.RadioButton et son Label sur la meme ligne malgres les multiples changement au niveau du CSS que j'ai deja essaye en particulier avec diplay:inline :

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
20
21
22
 
.side-bucket {
	margin-bottom:20px;
	line-height:normal;
	}
 
.side-bucket ul {
        display:inline;
	margin:0;
	padding:0;
	_height:1px;
	}
 
.side-bucket li {
	list-style:none;
	border-bottom:1px dotted #7a7a7a;
	background-position:0 4px;
	}
 
.side-bucket li.first {
	border-top:1px dotted #7a7a7a;
	}

Merci beaucoups pour vos reponses.