28172 sujets

CSS et mise en forme, CSS3

Bonjour, voilà j'ai un soucis, je veux obtenir :
un span --> un checkbox --> une image

Le tout sur la même ligne, sachant que mon span est sur deux lignes, (et si je mets un p c'est la même)

En fait le soucis c'est que mon checkbox se décale sur la ligne du bas et ça se répercute même sur les autres lignes qui suivent.

Je vous mets l'image upload/17989-Sanstitre.jpg

Et le code :

HTML

<div class="element">
<p> Motive et soutien la performance : </p> <div class="checkbox flottante"><input type="checkbox" name="motiv" value=1 /></div> <img src="image/slider.jpg" />
</div>
<div class="element">
<p> Développe ses équipes : </p> <div class="checkbox flottante"><input type="checkbox" name="developpe" value=1 /></div> <img src="image/slider.jpg" />
</div>
<div class="element">
<p> Promeut le dialogue et la coopération : </p> <div class="checkbox flottante"><input type="checkbox" name="promeut" value=1 /></div> <img src="image/slider.jpg" />
</div>
<div class="element">
<p> Ethique et valeurs</p> <div class="checkbox flottante"><input type="checkbox" name="ethique" value=1 /> </div> <img src="image/slider.jpg" />
</div>

CSS

.item#comp_manag p{
float:left;
width:150px;
}


S'il vous plait aidez moi, ça fait deux jours que je cherche ! je débute en css, et là j'y arrive pas !!! Smiley bawling Smiley bawling Smiley bawling Smiley bawling
Bonjour,

Il ne faut ni utiliser un <span> ni un <p> mais des <label> que tu dois rattacher à tes éléments de formulaire correspondants.
Par exemple :
<label for="motiv">Motive et soutien la performance :</label> <input type="checkbox" name="motiv" id="motiv" />
Voir ce point de la faq.
Ne peux-tu pas mettre la zone de texte dédiée aux commentaires en dessous, ainsi, tes labels ne passeraient plus sur deux lignes et par la même occasion, l'"ergonomie" de ton formulaire serait améliorée.
merci, je garde ça dans un coin de ma tête, mais là un collègue à modifier mon fichier, du coup j'ai pu de problème....

Mais je suis sur que ça me resservira, je me pencherais là dessus dès que j'aurais un peu de temps ^^