[CSS] float un peu bizarre sous FF.
voila, alors la j'ai un truc paranormal pour moi, car je n'arrive pas a savoir ou se cache l'erreur, et en plus c'est FF qui interprete mal!!!!
(pour une fois IE me fait kkc de correcte)
En resumé : J'a mon texte qui glisse le long de mon image (float:left) sauf la premiere ligne ....
En visuel : (C'est beaucoup plus clair, regarder la 1er ligne de chaque news qui est au desssus de l'image, si vous ouvrez avec IE c'est tres joli)
http://www.profildesign-system.com/v2.a/
Au niveau du code ...
HTML:
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35
|
<div class="news">
<h5>14 September 2005 - News about website</h5>
<p>
<a href="" onclick="window.open('./photos/news/News_8-big.jpg','Browse Image','width=192,height=261');">
<img style="position:relative;float:left; margin-right:10px;" src="./photos/news/News_8-thumb.jpg" alt="logo rouge 01.JPG" titre="logo rouge 01.JPG"/>
</a>
<span>voila, alors la j'ai un truc...[....]....
Au niveau du code </span>
<br/><br/>
<span class="writeby">Write by Benoit at 21:30<span>
</p>
<div class="ligne"></div>
<h5>14 September 2005 - News about website</h5>
<p>
<a href="" onclick="window.open('./photos/news/News_7-big.jpg','Browse Image','width=234,height=278');">
<img style="position:relative;margin:auto;_text-align:center;display:block;margin-top:5px;margin-bottom:15px;" src="./photos/news/News_7-thumb.jpg" alt="blabla" titre="blabla"/>
</a>
<span>trop de la balle ce system de news.....</span>
<br/><br/>
<span class="writeby">Write by Nico at 21:27<span>
</p>
<div class="ligne"></div>
<h5>14 September 2005 - New Profil</h5>
<p>
[....]
</p>
<a class="others" href="index.php?mods=home&pages=all" alt="">See the historical of the others news</a>
</div>
<!-- Fin de Newz --> |
Et pour le CSS (Il y a une partie qui est sur le tag <img> et le reste ici)
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27
|
.main .middle .screen .news h5 {
margin-top:15px;
margin-bottom:7px;
font-size:15px;
}
.main .middle .screen .news p {
text-indent:20px;
width:90%;
margin:auto;
margin-top:20px;
}
.main .middle .screen .news p img {
position:relative;
stop-opacity:1;
border:1px solid #000;
margin:5px;
}
.main .middle .screen .news p .writeby {
display:block;
clear:both;
text-align:right;
font-style:italic;
font-size:smaller;
margin-right:30px;
} |
Alors si vous pouviez me dire d'ou viens se comportement ca serait cool, car ca fait 30m que je me galere dessus