[Résolu] Problème avec un float pour remonter en haut de page

Bonjour

dans mon carnet de voyage, mes pages récit sont assez longues. Une page est composée d'un titre et de plusieurs paragraphes, puis un autre titre et ses paragraphes... Je voudrais mettre deux images en flottant à droite en dessous du dernier paragraphe (avant de passer au titre suivant) avec une image pour aller vers une carte, l'autre pour remonter en haut de page.

J'ai essayé plusieurs moyens mais j'ai le problème suivant : les images flottent à droite mais s'alignent presque en dessous du titre suivant.

<h1 class="titrepage">3 juillet 2004 : le volcan Poas</h1>
<p>R&eacute;veil 6....cute;e est payante.</p>
<p>Finalement....stale.</p>
<p>Rema....ffe...</p>
<p>Notred....rd.</p>
<p>Remala d... tr&egrave;s longs !</p>
<p>De Se.... </p>
<p>Remle...</p>
<p class="remonter"><a href="#haut"><img src="remonter.gif" /></a><a><img src="remonter.gif"  title="carte" /></a></p>


<h1 class="titrepage"><a id="arenal"></a>4 juillet 2004 : la Fortuna </h1>
<p>Nous d....n prime.</p>

pour le code css, j'ai affecté à body <id="haut">
et :

.remonter {
  float : right;
    }

.remonter img{
  padding : 7px;
    }

je comprend pas pourquoi. J'ai essayé en tableau et ca fonctionne mieux mais je crois que ce n'est pas trop conseillé. Qui pourrait m'aider ?

Merci
H2lly
Modifié par helly (21 Jul 2007 - 22:30)

Salut

Au lieu de faire flotter des images (ce qui les sort du flux et fait que le titre suivant s'affiche à côté et pas en dessous), tu peux simplement les aligner à droite avec

p.remonter {
   text-align: right;
}

ça me semble plus simple
Modifié par Thomas D. (21 Jul 2007 - 20:49)

Merci !!

Hélly