28220 sujets

CSS et mise en forme, CSS3

bonjour,
j'arrive a aligner 3 div (les uns a coté des autres) mais quand je reduit la taille de fenetre tout se decale , que faut-il modifier pour faire apparaitre un ascenseur ???
CSS :

.bloc_txt {
	/*background-color: blue;*/
	width: 400px;
	float: left;
}

.bloc_oui_non {
	background-color: green;
	width: 150px;
	float: left;
	margin-left: 20px;
}
.bloc_input {
	background-color: red;
	width: 400px;
	float: left;
	margin-left: 10px;
}

.bloc_oui_non input
{
	margin-left: 20px; 
}

code :

<fieldset>
    <div>
    <div class="bloc_txt">- BLABLA</div>
    <div class="bloc_oui_non">
      <label for="R_1"><input id="R_1" name="R_1" type="radio" value="0" />NON</label>
      <label for="R_2"><input id="R_2" name="R_2" type="radio" value="1" />OUI</label>
    </div>
    <div class="bloc_input"></div>
    </div>
</fieldset>

merci


Au fait : il s'agit d'un formulaire (gros formulaire) sous la forme :
question / oui-non / reponse
les question s'enchainent ... et j'utilise 4 div pour chaque "ligne (question)"
j'ai l'impression que je fais parti des gens qui abuse des div ??? qu'en pensez vous => je repasse en tableau ?
Modifié par folyonais (22 Feb 2006 - 21:10)
Bonjour folyonais Smiley smile

Est-ce que tu pourrais conformément aux règles de ce forum, baliser ton code avec le BBCode [ code][/code ] (sans les espaces) ?

Merci Smiley cligne
j'utilise desormais la propriété inline (merci Artusamak Smiley lol ) mais il me reste un probleme de taille pour moi :
Comme expliqué precedement j'utilise 3 div que je met dans un conteneur.
Les 2 premiers sont de largeur fixe 350 et 150 px et j'aimerais que mon 3 eme prenne tout l'espace restant ! (dans ce trosieme div, il y a un input texte) Si je met width=100% le div passe a la ligne suivante et occuppe toute la largeur de l'ecran c'est pas ce que je veux Smiley decu
Quelqu'un connait la solution ?
PS : le conteneur a une largeur de 100%