textes les uns en dessous des autres [Résolu]

[Prisss]

Bonjour,

j'aimerai que mes textes se suivent les un en dessous des autres mais j'ai un texte qui est "monter" sur le précédent et je ne vois pas comment le mettre en dessous, les 5 textes suivant sont bien les uns en dessous des autres pourtant. par ailleurs j'aimerai les décalés pour pouvoir mettre des logos.

Pour mieux comprendre mon problème je vous mets un screenshot de ce que j'ai à l'écran.

et voici mon code :

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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
<!--Titre de la page "Nos Réalisations"-->
	<font color="#0061C9"><h1>Nos Réalisations</h1></font>
<font color="#0061C9"><h3>Sites Industriels & Pharmaceutiques</h3></font>
<div id="Contenu" style="width:738px; height:365px; z-index:1; left: 300px; top: 0">
<?php
	include "Connexion.php";
//Création et envoi de la requête
$query="SELECT NomEntreprise, TexteClient FROM client, categorie WHERE client.IdCategorie=categorie.IdCategorie AND LibelleCategorie='Sites Industriels & Pharmaceutiques'";
$result=mysql_query($query);
//Récupération des résultats
while ($row=mysql_fetch_array($result))
{
$NomEntreprise=$row[0];
$TexteClient=$row[1];
echo "<tr>\n
	<td>$NomEntreprise<br />
	<td>$TexteClient</td></tr><br /><p>";
}
// on ferme la connexion à mysql
mysql_close(); 
?>
<!--zodiac-->
<div id="zodiac" style="position:absolute; width:332px; height:99px; z-index:11; left: 190px; top: 300px">
<a href="http://www.zodiac.com/fr/" target="_blank"><img src="logos/referenc/zodiac.gif" width="76" height="79" border="0" title="Vers Zodiac"></a>
<!--sodes-->
<div id="sodes" style="position:absolute; width:332px; height:99px; z-index:11; left: 0px; top: 100px">
<a href="http://www.sodes.fr/" target="_blank"><img src="logos/referenc/sodes.jpg" width="86" height="89" border="0" title="Vers Sodes"></a>
<!--cinram-->
<div id="cinram" style="position:absolute; width:332px; height:99px; z-index:11; left: -5px; top: 270px">
<a href="http://www.cinram.com/" target="_blank"><img src="logos/referenc/cinram.gif" width="120" height="44" border="0" title="Vers Cinram"></a>
 
 
<!--Ministère de la santé-->
<div id="contenu"> 
<font color="#0061C9"><h3>Ministère de la santé</h3></font>
<div id="ministèreSanté" style="width:738px; height:365px; z-index:2; left: 300px; top: 0">
 
<?php
	include "Connexion.php";
//Création et envoi de la requête
$query="SELECT NomEntreprise, TexteClient FROM client, categorie WHERE client.IdCategorie=categorie.IdCategorie AND LibelleCategorie='Ministère de la santé'";
$result=mysql_query($query);
//Récupération des résultats
while ($row=mysql_fetch_array($result))
{
$NomEntreprise=$row[0];
$TexteClient=$row[1];
echo "<tr>\n
	<td>$NomEntreprise<br />
	<td>$TexteClient</td></tr><br /><p>";
}
// on ferme la connexion à mysql
mysql_close(); 
?>
<!--cpam-->
<div id="cpam" style="position:absolute; width:332px; height:110px; z-index:3; left: -5px; top: 200px">
<img src="logos/referenc/cpam.gif" width="120" height="70" border="0">

est-ce en php que cela se règle ??

[Joker-eph]

Ce n'est absolument pas un problème de php mais un problème de HTML/CSS...

Tu utilises des attributs "left" et "top" qui ne sont pas valable avec un positionnement dans le flux mais uniquement avec un positionnement absolu.

Ensuite tu utilises des TR / TD pour chaque ligne alors que tu n'es pas dans une table, tu devrais utiliser des UL / LI pour une liste.

Bref lit un cours pour débutant html/css, ton problème est relativement trivial.


(par contre n'espère pas mettre les logos magiquement en face du nom correspondant à l'entreprise...)

[Prisss]

en fait je viens de me rendre compte que j'ai pas fermé mes </div> et maintenant c'est bon !!

[Joker-eph]

Marque ton sujet comme "Résolu" alors ;-)