Problème avec bloc et balise <h2>

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Problème avec bloc et balise <h2>

hppp

Serveur@home

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

Publicité

gatsu35

Blablaté par Harko

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

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

hppp

Serveur@home

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

gatsu35

Blablaté par Harko

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

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

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

FORUM HardWare.fr

Programmation

HTML/CSS

Problème avec bloc et balise <h2>

Sujets relatifs
problème de requête SQL simple	Probleme lors de l installation de MySQL Server 4.1
Problème PyQt avec un QVariant - Python 2.5, Qt 4.4.1, PyQt 4.4.3	Problème site internet basique
Probleme de connect	Problème Javascript/Ajax/PHP
Probleme en php et snmp	Problème avec un tableau
Lire un bloc de texte, le modifier, et le sauvegarder !	Problème Fonctionnement fichier Excel
Plus de sujets relatifs à : Problème avec bloc et balise <h2>

Page générée en 0.044 secondes