Position de div

Résolu/Fermé
tiphon - 25 août 2010 à 14:23
vincent170186 Messages postés 316 Date d'inscription mardi 17 mars 2009 Statut Membre Dernière intervention 28 septembre 2012 - 25 août 2010 à 15:20
Bonjour,

Voila mon problème,
Je voudrais savoir si il est possible d'aligner horizontalement deux balises Div qui sont identique dans leurs propriétés.
Elles possèdent toute les deux un contenu qui est aléatoire au chargement de la page, c'est en réalité une même balise div qui se répètent avec un contenu différent.
J'espère avoir bien expliqué mon problème

Une aide serai la bienvenue.

Merci



A voir également:

5 réponses

vincent170186 Messages postés 316 Date d'inscription mardi 17 mars 2009 Statut Membre Dernière intervention 28 septembre 2012 52
25 août 2010 à 14:27
salut

float:left;

ça marche pas mal pour aligner , aprés verifie que le conteneur de tes 2 div a bien une taille superieur a la taille de tes 2 div (margin compris !)
0
pour la taille du div conteneur c bon , il n' y a pas de souci par contre avec float left, j'ai un décalage qui se crée et la couleur d'arrière plan de ma div ne s'affiche plus.
0
vincent170186 Messages postés 316 Date d'inscription mardi 17 mars 2009 Statut Membre Dernière intervention 28 septembre 2012 52
Modifié par vincent170186 le 25/08/2010 à 14:34
tu pourrais montrer le css qui ce rapporte a tes div et a ton conteneur (le pb de bkg et surement causé a cause d'un ";" oublier un un truc du genre !)
0
#exceptionnelaccueil {
width:425px;
height:auto;
background-color:#FFFFFF;
padding-bottom: 10px;
margin-top: 15px;}

#exceptionnel1 {
width: 190px;
height:auto;
margin-left: 5px;
text-align:center;
padding-top:0px;}

#exceptionnel1 a img {border:none;}

#exceptionnel1 a h4 {
font-family:Candara, Arial, Helvetica, sans-serif;
font-size: 16px;
text-align:center;
font-weight:bold;
color:#000000;}

#exceptionnel1 a h4:hover {
font-family:Candara, Arial, Helvetica, sans-serif;
font-size: 16px;
text-align:center;
font-weight:bold;
color:#cc0000;}

#exceptionnel1 a h4:active {
font-family:Candara, Arial, Helvetica, sans-serif;
font-size: 16px;
text-align:center;
font-weight:bold;
color:#cc0000;
text-decoration:underline;}

p.exceptionnel {
font-family: Candara, Arial, Helvetica, sans-serif;
font-size: 16px;
color:#000000;
text-align:center;}

span.prixexceptionnel {
font-family: "Copperplate Gothic Bold", Candara, Arial, helvetica, sans-serif;
font-size:20px;
color:#FF6600;
font-weight:bold;}


Donc voila pour le Css et si tu as besoin du code Html dis moi
0
vincent170186 Messages postés 316 Date d'inscription mardi 17 mars 2009 Statut Membre Dernière intervention 28 septembre 2012 52
25 août 2010 à 14:44
alors c'est surement la couleur de fond de "#exceptionnelaccueil " qui disparait ? si oui , c'est parce qu'il faut lui donner une height (en mettant tes div en float il ne s'ajuste plus a la hauteur de tes div donc mets lui une valeur numeric genre:400px )

un autre truc qu ime parait bizarre ! tu dis qu'il y a 2 div ! pourant les selecteur sont tous "#" ce qui correspond a une id (id qui normalemnet doit etre unique !) n'aurait tu pas 2 div avec le méme id ?
0
Donc oui pour la couleur de fond c bien celle la. Et oui aussi pour les deux div elles ont le même id. A la base c'était pas comme ca mais avec le php ca a changé la donne. je te montre le code html tu vas comprendre.


<div id="exceptionnelaccueil">
<h1>Les exceptionnels</h1>

<?php
require_once("include/function.inc.php");
require_once("include/connexion.inc.php");
$connex = new db(true);
$connex->connect();

$requete = "SELECT MILLESIME, LIBELLE_MODELE, ID_VEHICULE, KILOMETRAGE, PRIX, LIBELLE_MARQUE, PROMO, CHEMIN_PHOTO
FROM vehicule, marque, modele, motorisation
WHERE ACTIF <> 0
AND PROMO = 1
AND vehicule.MARQUE = marque.ID_MARQUE
AND vehicule.MODELE = modele.ID_MODELE
AND vehicule.MOTORISATION = motorisation.ID_MOTORISATION
ORDER BY RAND()
LIMIT 0, 3 ";

$connex->query($requete);
$connex->next_record();

while ($connex->next_record()){
?>

<div id="exceptionnel1">
<a href="#"><h4><?php echo $connex->f('LIBELLE_MARQUE')." ".$connex->f('LIBELLE_MODELE'); ?></h4></a>
<a href="#"><img src="<?php echo $connex->f('CHEMIN_PHOTO');?>" alt="mercedes classe B 180" width="150" height="87" /></a>
<p class="exceptionnel"><span class="prixexceptionnel"><?php echo number_format($connex->f("PRIX"), 0, ',', ' ');?> €</span> <br /><?php echo $connex->f('KILOMETRAGE');?> km</p>
</div>
<?php } ?>

</div>
0
vincent170186 Messages postés 316 Date d'inscription mardi 17 mars 2009 Statut Membre Dernière intervention 28 septembre 2012 52
Modifié par vincent170186 le 25/08/2010 à 15:01
remplace <div id="exceptionnel1">
par <div class="exceptionnel1">

dans le css remplace tous les #exceptionnel1 par .exceptionnel1

dis moi ce que ça donne !
0
C la hauteur qui est le problème, je n'ai plus le décalage et en remplaçant le Id par classe ca ne change rien.
0
vincent170186 Messages postés 316 Date d'inscription mardi 17 mars 2009 Statut Membre Dernière intervention 28 septembre 2012 52
25 août 2010 à 15:20
ok !
mais si ça change rien je te conseille de laisser la classe... bon aprés je sais pas trop les consequences , je ne fais que repeter ce qu'ont m'a apprit "l'id est unique si un style doit se repandre a plusieur balise c'est la class" mais bon fais comme bon te semble !
bon courage pour la suite !
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Effectivement c'était juste la hauteur, un truc tout bete auquel je n'ai pas pensé car a la base la hauteur ne devait pas être fixe.

Merci pour le coup de main.
0