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

A voir également:

Positionnement div
Div c++ - Télécharger - Langages
Logiciel positionnement gratuit - Guide
Exemple test de positionnement greta ✓ - Forum Études / Formation High-Tech
Enlever #div/0 dans tableau croisé dynamique ✓ - Forum Excel
Test de positionnement greta niveau 5 ✓ - Forum Études / Formation High-Tech

2 réponses

Réponse 1 / 2

Kopros Messages postés 595 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 ;)

Réponse 2 / 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)

Kopros Messages postés 595 Date d'inscription mardi 25 septembre 2007 Statut Membre Dernière intervention 3 février 2020 89
15 janv. 2015 à 15:28

De rien :)

Discussions similaires

tests du greta

comment remplacer un #div/0! par une cellule vide

le test d'entrée pour le cesi en alternance

erreur (#DIV/0) formule MOYENNE.SI.ENS

test greta