Discussion :

[elraton]

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 :

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

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 :

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

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

[elraton]

Pas de reponse ......
UP UP UP UP

[AlphaYoDa]

essaie de placer ton image en float, plus haut dans le code html.

[dasdeb]

Ton problème semble provenir du fichier ben.css mais je n'ai pas encore trouvé pourquoi
Essaye en le désactivant pour voir si ça résoud ce problème.
Si c'est le bien cas, il faudra trouver quelle ligne en est la cause.

[Edit]J'ai pu restreindre la zone à ces lignes qui se trouvent dans
/**** NEWS ****/ :

Code :

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

1
2
3
4
5
6
.main .middle .screen .news p { 
text-indent:20px;
width:90%;
margin:auto;
margin-top:20px;
}

[Edit2]C'est la ligne

Code :

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

text-indent:20px;

qui est la cause de ton problème. Supprime la et ça devrit marcher

[elraton]

Désolez de ne pas avoir repondu avant mais j'etais en vacances ...
Merci bcp, c'est bien ca le probleme !!!!