Postitionner une image,un paragraphe, et une liste dans un div ;o(

bonsoir,

J'essaye mais je commence à fatiguer! comment faire descendre le h2 sous l'image?
(la page du site en cours de refonte).

http://barreau-ajaccio.fr/new-barreau/nous_trouver.php

<div id="palais">
         <img src="images/palais.png" alt="" width="350" height="233" />
         <p>Le Barreau d'Ajaccio se ........</p>

<ul>
<li class="bordeaux">Adresse:</li>
<li>4, Bd Masseria</li>
<li>20181 Ajaccio cedex 1</li>
<li>04 95 00 00 00</li>
<li>04 95 xx xx xx</li>
</ul>
</div>

#palais{ width:620px;  }
#palais img{ float:left  }
#palais p{ height:auto; width:250px ; float:right; text-align:left}
#palais ul{ float:left; width:250px}
#palais h4{ margin-top:20px; margin-bottom:10px;}
#palais h2{ clear:both}

Modifié par 6l20 (08 Apr 2014 - 08:28)

#fond_de_page h3
{
position: relative;
margin-top: 20px;
margin-right: 100px;
font-size: 16px;
}

Si vous remarquez que la position ne convient pas trop essayez de modifier la dimension de margin-top et de margin-right que j'ai donné.

Je vous conseille d'appeler "Localisez le Palais de Justice d'Ajaccio" h3 puis modifier la taille après avec font-size. Je fais ca car j'ai un peu du mal à me retrouver dans le code tout simplement car quand je vais sur le site et j'inspecte l'element (clique droit et inspecter l'element). h2(nous situer) du fond de la page regroupe l'image du palais et les contacts. j

*Merci de ne pas remettre votre lien Facebook
Modifié par 6l20 (08 Apr 2014 - 17:36)

Tu peux utiliser un clear:left sur ton h2 par exemple !

SuperMerguez a écrit :
Tu peux utiliser un clear:left sur ton h2 par exemple !

non, finalement, après avoir donné une hauteur à #palais, le h3 a compris qui était le maître et s'est positionné là où je le voulais.

merci à vous.

Pour répondre à princelionel quelqu'un avait dû oublier de se déconnecter de chrome...