[RESOLU] Problème de liste

Bonsoir à tous,

J'ai un petit problème au niveau d'une liste que j'ai créée, à savoir que je fais une liste de réponse (pour un concours) et devant chaque réponse je met un bouton radio afin de pouvoir checker la réponse appropriée.

Le problème est que les questions se mettent en dessous des boutons radio

Voici le css :

div#concours_bloc1 {
	background-image:url(images/onglets_entiers/cadre_concours.gif);
	background-repeat:no-repeat;
	height:170px;
	width:649px;
	position:absolute;
	top:313px;
	left:25px;
}

div#concours_bloc1l ul {
	list-style-type:none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width:650px;
}

div#concours_bloc1 ul li {
	color:#FFFFFF;
	margin: 0 0 0 0;
	padding:0px 0 0 0;
	height:18px;
	width:650px;
}

Et le code HTML :

<div id="concours_bloc1">
   <form method="post" action="" nom="concours">
      <ul>
          <li><?= $question1 ?></li>
          <li><input type="hidden" name="quest" value="<?= $question1 ?></li>
          <li><input type='radio' name='radiobutton1' value='$rep1' checked>Rréponse 1</li>
          <li><input type='radio' name='radiobutton1' value='$rep2'>Réponse           1</li>
          <li><input type='radio' name='radiobutton1' value='$rep3'>Réponse 3</li>
      </ul>
   </form>
</div>

J'aimerais donc savoir comment faire pour afficher la question à côté du bouton radio.

Merci d'avance pour votre aide et bonne fin de week-end!

Aurélie
Modifié par lilie507 (12 Feb 2006 - 18:54)

Salut Aurélie,

Avec le code que tu as donné, le texte s'affiche bien à côté. Ca doit venir d'ailleurs, il faudrait donc en savoir plus.

Bonne soirée,
Alain

voici mon code de la page HTML en entier :

<div id="concours_haut_gauche">
</div>

<div id="concours_haut_droite">
</div>
		
<div id="concours_bas">
</div>
		
<div id="concours_bloc1">
    <form name="concours" action="" method="post">
         <ul>
            <li><?= $question1 ?></li>
            <input type="hidden" name="quest" value="<?= $question1 ?>">
            <li><input type='radio' name='radiobutton1' value='$rep1' checked>Rréponse 1</li>
            <li><input type='radio' name='radiobutton1' value='$rep2'>Réponse 1</li>
            <li><input type='radio' name='radiobutton1' value='$rep3'>Réponse 3</li>
         </ul>
    </form>
</div>

Et ici le css :

div#concours_haut_gauche {
	background-image:url(images/onglets_entiers/concours_haut_gauche.gif);
	background-repeat:no-repeat;
	height:130px;
	width:296px;
	position:absolute;
	top:168px;
	left:25px;
}

div#concours_haut_droite {
	background-image:url(images/onglets_entiers/concours_haut_droite.gif);
	background-repeat:no-repeat;
	height:130px;
	width:335px;
	position:absolute;
	top:168px;
	right:25px;
	}
	
div#concours_bas {
	background-image:url(images/onglets_entiers/concours_bas.gif);
	background-repeat:no-repeat;
	width:650px;
	height:35px;
	position:absolute;
	top:750px;
	right:10px;
	left: 25px;
	}
	
div#concours_bloc1 {
	background-image:url(images/onglets_entiers/cadre_concours.gif);
	background-repeat:no-repeat;
	height:170px;
	width:649px;
	position:absolute;
	top:313px;
	left:25px;
}

div#concours_bloc1 ul {
	list-style-type:none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

div#concours_bloc1 ul li {
	color:#FFFFFF;
	margin: 0 0 0 0;
	padding:0px 0 0 0;
	height:18px;
	width:650px;
	float:right;
}

Merci d'avance et bonne soirée!!

Aurélie
Modifié par lilie507 (11 Feb 2006 - 22:46)

Idem, le texte s'affiche bien à côté, et non en dessous.. J'ai essayé ce code avec Firefox et Internet Explorer.

Alan a écrit :
Idem, le texte s'affiche bien à côté, et non en dessous.. J'ai essayé ce code avec Firefox et Internet Explorer.

alors d'où peut prevenir le problème ? comment puis-je faire pour voir d'où il vient ?

Merci et bon dimanche !
Modifié par lilie507 (12 Feb 2006 - 13:37)