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
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
A voir également:
- Position de div
- Partage de position - Guide
- Div c++ - Télécharger - Langages
- Position gps - Guide
- Partage de position whatsapp - Guide
- Ps5 position verticale - Guide
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
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 !)
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.
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
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 !)
#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
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
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 ?
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>
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
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 !
par <div class="exceptionnel1">
dans le css remplace tous les #exceptionnel1 par .exceptionnel1
dis moi ce que ça donne !
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
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 !
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