Problème avec bloc et balise <h2>

Marsh Posté le 22-02-2010 à 17:37:36

Salut a tous

J'ai un problème d'affiche avec un bloc et une balise <h2> qui me position mal le bloc.

le code du bloc css :

Code :

.bloc
{
width: 450px;
margin-left: 30px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
margin-bottom: 10px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
margin-top: 10px;
margin-right: 10px;
display: inline-block;
}
/* ********** Les 3 images du haut du design ********** */
.haut_g
{
background : url("../images/bloc/bloc_h_g.png" ) bottom left no-repeat;
padding-left : 20px;
}
.haut
{
background : url("../images/bloc/bloc_h.png" ) bottom center repeat-x;
width : 100%;
padding-top : 20px;
}
.haut_d
{
background : url("../images/bloc/bloc_h_d.png" ) bottom right no-repeat;
padding-right : 20px;
}
/* ********** La partie contenant ********** */
.cote_g
{
background : url("../images/bloc/bloc_m_g.png" ) left repeat-y;
padding-left : 20px;
height : auto;
}
.cote_d
{
background : url("../images/bloc/bloc_m_d.png" ) right repeat-y;
padding-right : 20px;
height : auto;
}
.milieu
{
width : 100%;
background : url("../images/bloc/bloc_m.png" );
font-family : Verdana, Arial, Helvetica, sans-serif; /* Nom de la police utilisée */
font-size : 12px; /* Taille de la police */
color : #FFFFFF; /* Couleur de la police */
}
/* ********** les 3 images du bas du design ********** */
.bas_g
{
background : url("../images/bloc/bloc_b_g.png" ) top left no-repeat;
padding-left : 20px;
}
.bas
{
background : url("../images/bloc/bloc_b.png" ) top center repeat-x;
width : 100%;
padding-top : 20px;
}
.bas_d
{
background : url("../images/bloc/bloc_b_d.png" ) top right no-repeat;
padding-right : 20px;
}

et la page html :

Code :

<div class="bloc">
<div class="haut_g">
<div class="haut_d">
<div class="haut">
</div>
</div>
</div>
<div class="cote_g">
<div class="milieu">
<div class="cote_d">
<h2><?php echo $meilleur_vente_donnees['nom']; ?></h2>
<img class="images-gauche" src="<?php echo $meilleur_vente_donnees['photo_0']; ?>" alt="Confiture <?php echo $meilleur_vente_donnees['nom']; ?> La Cuillere Gourmande" width="150" />
<div class="bloc2">
<?php echo $meilleur_vente_donnees['description']; ?>
<form action="index.php?page=panier" method="post">
<p>
<label for="poid">Pot de : </label>
<select name="poid" id="poid">
<option value="70">70g</option>
<option value="130">130g</option>
<option value="230">230g</option>
</select>
</p>
<p><label>Quantité : </label><input type="text" name="quantite" value="1" size="3" /></p>
<input type="submit" value="Ajouter au Panier" />
</div>
</div>
</div>
</div>
<div class="bas_g">
<div class="bas_d">
<div class="bas">
</div>
</div>
</div>
</div>

Auriez vous une idée d'où viendrait le problème? Merci

Message édité par hppp le 22-02-2010 à 17:37:53

Reply

Marsh Posté le 22-02-2010 à 17:37:36

Reply

Marsh Posté le 22-02-2010 à 17:50:59

probleme normal de trapping margin
un padding-top:1px sur .cote_d
et c'est torché

---------------
Blablaté par Harko

Reply

Marsh Posté le 23-02-2010 à 16:12:45

Merci ça marche mais je voulais savoir comment faire pour dire en css à un bloc :

tu fais au moins 144px mais si tu veux faire plus tu peut? Merci

Reply

Marsh Posté le 23-02-2010 à 16:15:52

_height:144px; (pour IE6)`
min-height:144px; (pour les autres)

tip : on évite à tout prix de fixer les hauteurs

---------------
Blablaté par Harko

Reply

Problème avec bloc et balise <h2>

Sujets relatifs:

Leave a Replay