Discussion :

[aztec]

bonjour,

j'ai un premier bloc que j'affiche à gauche en float sans pb

j'ai un second bloc en float right auquel j'affecte la propriété css :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<div id="author_of_day" align="center">
<span class="violet12px">Un &eacute;crivain au hasard ...</span><br /><br />
<img ....><br /><a href="<mx:text id="url_complete" />" class="lien12px"><mx:text id="author_name" /></a>
</div>

la plupart du temps, le titre sous l'image s'affiche bien en-dessous ; mais le pb survient qd l'image est plus grande, le titre se met alors carrément sur la gauche, j'ai même l'impression qu'il est centré entre les 2 blocs ce qui n'est pas logique puisqu'il fait partie du bloc de droite !

donc, comment faire pour que l'image et le titre restent bien ensembles, quelle que soit la taille de l'image ?

ci-dessous mon CSS (le fichier complet est dispo a : http://www.multimedia-net.com/styles_xhtml.css

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
div#bloc_gauche{width:312px;float:left;}
div#author_of_day{width:313px:float:right;}

merci de votre aide

[onirisme]

Je n'ai pas remarqué de problèmes... même avec de grandes images

Quel navigateur?

J'ai testé sous ie7 et ff

[Candygirl]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
div#author_of_day{width:313px:float:right;}

Tu as mis : au lieu de ;