Positionnement div

Résolu
Brandon1993 Messages postés 17 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.

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

  1. Kopros Messages postés 631 Statut Membre 89
     
    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
  2. Brandon1993 Messages postés 17 Statut Membre
     
    Génial !! Je n'y avais pas pensé. Grand merci x)
    0
    1. Kopros Messages postés 631 Statut Membre 89
       
      De rien :)
      0