pb de positionnement image/texte avec FF, Safari et Chrome

<span style="left: 400px; top: 0px; position: absolute;"><img
src="images/press_julie.png" alt="press_julie.png, 33kB" title="Press
julie" border="0" width="100" style="float: left; margin-right:5px;">
<span class="txtrougebold">Julie</span> <br>
<span class="txtblancbold">Milan Presse</span><br>
<span class="txtblancbold">Lire... </span>
</span>

Spot<spop@free.fr> wrote:

<span style="left: 400px; top: 0px; position: absolute;"><img
src="images/press_julie.png" alt="press_julie.png, 33kB" title="Press
julie" border="0" width="100" style="float: left; margin-right:5px;">
<span class="txtrougebold">Julie</span> <br>
<span class="txtblancbold">Milan Presse</span><br>
<span class="txtblancbold">Lire...</span>
</span>

Dans l'image 3, la height="126" n'est pas mentionnée contrairement aux 3
autres images. Peut-être est-ce la raison ?

Bonjour,
Je place des images et des textes les unes à cotés des autres. Le texte
est à droite de l'image. Pour les images 1, 2,4 c'est nickel mais pour
la 3 le texte se place dessous. je sèche... Si quelqu'un peut me dire ce
qui cloche. Merci d'avance.
Olivier

Bonjour,
Je place des images et des textes les unes à cotés des autres. Le texte
est à droite de l'image. Pour les images 1, 2,4 c'est nickel mais pour
la 3 le texte se place dessous. je sèche... Si quelqu'un peut me dire ce
qui cloche. Merci d'avance.

Olivier

Le code :

<span style="left: 0px; top: 0px; position: absolute;"><img
src="images/press_cle_actua.png" alt="press_cle_actua.png, 28kB"
title="Press cle actua" border="0" height="126" width="100"
style="float:left; margin-right:5px;">
<span class="txtrougebold">Les Clés de <br>
l’Actualité </span> <br>
<span class="txtblancbold">Milan Presse </span> <br>
<span class="txtblancbold">Lire... </span> <br>
</span>

<span style="left: 400px; top: 0px; position: absolute;"><img
src="images/press_julie.png" alt="press_julie.png, 33kB" title="Press
julie" border="0" width="100" style="float: left; margin-right:5px;">
<span class="txtrougebold">Julie</span> <br>

<span class="txtblancbold">Milan Presse</span><br>
<span class="txtblancbold">Lire... </span>
</span>

Le 1/24/10 11:23 AM, Spot a écrit :

Bonjour,
Je place des images et des textes les unes à cotés des autres. Le
texte est à droite de l'image. Pour les images 1, 2,4 c'est nickel
mais pour la 3 le texte se place dessous. je sèche... Si quelqu'un
peut me dire ce qui cloche. Merci d'avance.

avec une url on aurait pu voir ce phénomène curieux

Olivier

Le code :

<span style="left: 0px; top: 0px; position: absolute;"><img
src="images/press_cle_actua.png" alt="press_cle_actua.png, 28kB"
title="Press cle actua" border="0" height="126" width="100"
style="float:left; margin-right:5px;">
<span class="txtrougebold">Les Clés de <br>
l’Actualité </span> <br>
<span class="txtblancbold">Milan Presse </span> <br>
<span class="txtblancbold">Lire... </span> <br>
</span>

Le alt des images ne sert pas à y remettre le nom du fichier d'image
mais à proposer un *texte de remplacement*
en adéquation avec ce que *représente l'image*
pour les mal-voyants ou navigateurs sans image.
Et si on ne veut pas de bulle-info sur l'image on rajoute un title vide.

J'ussions utilisé :

<dl class="spot">
<dt><img src="images/press_cle_actua.png" alt="actualité" title="">
<dd>Les clés de<br>Milan Press<br>Lire...
</dl>

Avec :
.spot { float: left; width: 22%; margin: 0 1%; position: relative }
.spot img { border: none; width: 50%}
.spot dd, .spot dt { margin: 0; padding: 0; top: 0;}
.spot dd { position: absolute; right: 0; width: 45%; font-size: 10px}


> <span style="left: 400px; top: 0px; position: absolute;"><img
> src="images/press_julie.png" alt="press_julie.png, 33kB" title="Press
> julie" border="0" width="100" style="float: left; margin-right:5px;">
> <span class="txtrougebold">Julie</span> <br>

Savoir ce que fait 'txtrougebold' ?
et s'il y a assez de place en largeur pour ce 3ième span en question

> <span class="txtblancbold">Milan Presse</span><br>
> <span class="txtblancbold">Lire... </span>
> </span>