Positionnement div

Résolu/Fermé
Brandon1993 Messages postés 15 Date d'inscription samedi 16 juin 2012 Statut Membre Dernière intervention 8 juillet 2015 - 10 janv. 2015 à 17:17
Kopros Messages postés 597 Date d'inscription mardi 25 septembre 2007 Statut Membre Dernière intervention 3 février 2020 - 15 janv. 2015 à 15:28
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.


 <?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 =)


2 réponses

Kopros Messages postés 597 Date d'inscription mardi 25 septembre 2007 Statut Membre Dernière intervention 3 février 2020 89
Modifié par Kopros le 12/01/2015 à 17:24
Il faut mettre tout ça dans une balise qui va encadrer (wrapper) pour lui mettre du css spécifique.

<?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 ;)
2
Brandon1993 Messages postés 15 Date d'inscription samedi 16 juin 2012 Statut Membre Dernière intervention 8 juillet 2015
13 janv. 2015 à 21:19
Génial !! Je n'y avais pas pensé. Grand merci x)
0
Kopros Messages postés 597 Date d'inscription mardi 25 septembre 2007 Statut Membre Dernière intervention 3 février 2020 89
15 janv. 2015 à 15:28
De rien :)
0