Positionnement div
Résolu
Brandon1993
Messages postés
17
Statut
Membre
-
Kopros Messages postés 631 Statut Membre -
Kopros Messages postés 631 Statut Membre -
Bonjour,
je viens vers vous au niveau du positionnement.
J'ai su le régler en parti.
Mes div viennent se coller à gauche pour se placer sur ma nav.
J'ai essayé d'appliquer un margin-right à ma nav mais sans succès.
J'aimerai un décalage de 300px vers la droite.
Merci d'avance =)
je viens vers vous au niveau du positionnement.
J'ai su le régler en parti.
Mes div viennent se coller à gauche pour se placer sur ma nav.
J'ai essayé d'appliquer un margin-right à ma nav mais sans succès.
J'aimerai un décalage de 300px vers la droite.
<?php $products = $DB->query('SELECT * FROM products'); ?>
<?php foreach ($products as $product): ?>
<div class="produit">
<strong><center>Article 01</strong><br/><br/>
<img src="image/connexion.png" alt="cadenas"><br/><br/><br/></center>
<p><img src="image/rond.gif" alt="rond" height="8px"> <font color="#95A734">En stock</font>
<font size="5px" color="#D94335">99,00 €</font></p>
<a href=""><div class="ajout">
<p>
<img src="image/panier.gif" alt="panier">
AJOUTER AU PANIER
</p>
</div>
</a>
</div>
<?php endforeach ?>
<div class="clear"></div>
.clear
{
clear:both;
}
.produit
{
width: 200px;
height: 270px;
margin: 0 20px 0 0;
border: 1px solid #C2C5A1;
padding: 10px;
float: left;
}
Merci d'avance =)
A voir également:
- Positionnement div
- Logiciel positionnement gratuit - Guide
- Div c++ - Télécharger - Langages
- Exemple test de positionnement greta - Forum Études / Formation High-Tech
- Remplacer #div/0 par vide - Forum Excel
- Enlever les #DIV/0! dans une colonne calcul d'un tableau croisé ✓ - Forum Excel
2 réponses
Il faut mettre tout ça dans une balise qui va encadrer (wrapper) pour lui mettre du css spécifique.
ajoute à ton CSS :
Si ton site est responsive, n'oublie pas de modifier ce css ;)
<?php $products = $DB->query('SELECT * FROM products'); ?>
<div id="produit_wrapper">
<?php foreach ($products as $product): ?>
// Ta boucle
<?php endforeach ?>
<div class="clear"></div>
</div>
ajoute à ton CSS :
#produit_wrapper{
margin-left: 300px;
}
Si ton site est responsive, n'oublie pas de modifier ce css ;)
