Aller au contenu

La div ne reste pas en dessous


Nenex

Sujets conseillés

Slt

J'ai fait 2 block en DIV avec dedans, pour les 2, des balises <img> et <p> :

Code html :


<div id="pizza">

<div id="accueil-01">

<img id="image-accueil-01" src="images/image-accueil-01.png" alt="" />

<p class="autres-titre">Pizzas</p>

<p>Pizzas à la sauce tomate ou à la crème fraiche. Vous avez la possibilité de composer vous même votre pizza.</p>

<img id="image-accueil-02" src="images/image-accueil-02.png" alt="" />

<p class="autres-titre">Pâtes fraiches</p>

<p>Bolognaise, carbonara, etc. <em>Uniquement le midi</em>.</p>

</div>

<div id="accueil-02">

<img id="image-accueil-03" src="images/image-accueil-03.png" alt="" />

<p class="autres-titre">Salade</p>

<p>Sur une base de salade, tomates, oignons, olives noires.</p>

<p class="autres-titre">Snack</p>

<p>Sandwichs, tex-mex, frites maison. <em>Uniquement le midi</em>.</p>

<p class="autres-titre">Pour vos apéritifs</p>

<ul>
<li>Plaque à pizzas composée de 90 morceaux, environs, de 3 variétés de pizzas : Campagnarde, 4 fromages et Royale.</li>
<li>Omellette à l'espagnole (Tortilla).</li>
<li>Assortiment de tapas composé de plusieurs variétés (40 piéces).</li>
</ul>

</div>

</div><!-- Fin DIV Generale -->

Code CSS :

#accueil-01, #accueil-02 {
position:relative;
}

#image-accueil-01 {
float:left;
margin-right:10px;
}

#image-accueil-02 {
float:left;
margin: 0 10px 0 0 ;
}

Pour le block accueil-01 la mise en page est impec. Mais pour le block accueil-02 je voudrais qu'il soit en dessous du 02 mais il se met a la suite. Comme si le 01 avait un float:left.

Pourtant les div ne sont pas en ligne et le accueil-02 devraiot se mettre automatiquement en dessous.

Merci d'avance pour vos lumiere.

Je bosse sous joomla en local et je fait mon code avec NotePad++

Lien vers le commentaire
Partager sur d’autres sites

Bonjour,

Il n'y a aucun problème avec ce code, les deux divs doivent se positionner l'une au-dessous de l'autre. Si ce n'est pas le cas, c'est forcément qu'il y a d'autres styles qui interfèrent.

Il faudrait que tu nous donnes l'url pour constater.

Lien vers le commentaire
Partager sur d’autres sites

Merci pour ta reponse. Mais je suis en local, donc je peux pas donner d'URL. Je peux mettre, eventuellement, le code complet de la page. Car se que j'ai donne c'est le code que de l'article.

Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...