Position de div
Résolu
tiphon
-
vincent170186 Messages postés 316 Date d'inscription Statut Membre Dernière intervention -
vincent170186 Messages postés 316 Date d'inscription Statut Membre Dernière intervention -
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
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:
- Position de div
- Ma position - Guide
- Suivi position google - Guide
- Partage de position whatsapp - Guide
- Position gps - Guide
- Div c++ - Télécharger - Langages
5 réponses
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 !)
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 !)
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.
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 !)
#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
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
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 ?
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 ?
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>
<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>
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 !
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 !
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question