28172 sujets

CSS et mise en forme, CSS3

Bonjour,

La page qui pose probleme est la suivante :

http://www.desse.fr/product.php?id_product=137

Je cherche depuis 1 heures comment placer le champ "quantité" en dessous du champ "taille". (et non cote à cote)

Tout en gardant le bouton "ajouter au panier" à droite des champs de saisies.

Auriez vous une idée pour résoudre mon probleme ?

Merci d'avance pour votre aide,

Et bon Week End Smiley cligne
Bonjour,

Tu as trois DIV successifs, les deux premiers flottant à gauche et le troisième à droite. Comme la largeur des deux premiers est inférieure à la largeur du conteneur, ils se placent côte-à-côte, c'est normal.

Si tu veux placer tes champs de formulaire à gauche et le bouton à droite, peut-être utiliser uniquement deux DIV flottants: un avec les deux premiers paragraphes, et un deuxième avec le bouton?

Schématiquement:
<!-- Avant -->
<div style="float:left; width:50%;">
  <p>...</p>
</div>
<div style="float:left; width:50%;">
  <p>...</p>
</div>
<div style="float:right; width:50%;">
  <p>...</p>
</div>

<!-- Après -->
<div style="float:left; width:50%;">
  <p>...</p>
  <p>...</p>
</div>
<div style="float:right; width:50%;">
  <p>...</p>
</div>