mise en page difficile à cause d'un tableau html [Résolu]

[laurentSc]

Bonjour,

j'ai un souci de mise en page (c'est pourquoi je publie ici) en présence d'un tableau html.
Ce tableau est sur la droite de la page, et les objets qui se trouvent dessous sont calés avec le tableau : ils commencent au même niveau que le tableau alors que je voudrais qu'ils commencent tout à gauche : comment puis-je faire ?

[thelvin]

Pas d'URL, pas de code, rien ? On doit tout construire dans nos têtes ?

[laurentSc]

Je croyais que mon problème était évident ; je vais répondre, en donnant le principe du code (je vais simplifier volontairement tout en laissant toutes les infos utiles), mais je mets du temps, car en voulant récupérer le code, j'ai découvert un problème à corriger prioritairement.

[laurentSc]

Ca y est ; le problème est résolu. Le principe de mon code est le suivant :

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
 
<div id="logo_decal"></div><div id="logo"><img src="---.jpg"></div>
<br> 
 
<div><img src="---.JPG" style="border: 0pt none ; float: left; margin-left: 80px;"><img src="---.jpeg" style="border: 0pt none ; margin-left: 20px;"></div>
<br> <div style="float: left;">
<div>  <p style="float: left; width: 150px; height: 200px;">Nos coordonn&eacute;es :</p>
</div><div style="margin-left: 20px;">
<p style="font-family: Helvetica,Arial,sans-serif; width: 350px;">---</p>
</div>
</div>
<div>
<table style="margin-left: 95px;">
 <tbody>
 <tr>
 <td style="font-family: Helvetica,Arial,sans-serif;">Contactez nous : ---<td>
 </tr>
</tbody>
</table>
</div>
<br> <div><b><font style="background-color: rgb(204, 255,255);">&nbsp;Bonne visite !&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font></b>
<br>
<?php 
---
echo "<table bordercolor=red border=1><tr><td><b>visiteurs=".$compteur."</b></td></tr>";
 
---
 echo  '<tr><td>Il y a actuellement ' . $donnees['nbre_entrees'] . ' visiteur'.$pluriel." connecté".$pluriel.' sur mon site !</td></tr>';
 
---
echo "<tr><td>Nombre de connect&eacute;s aujourd'hui : ". $donnees['nb_connectes_jour']."</td></tr></table>";
---
?>

avec ce petit css :

Code :

1
2
3
4
5
6
7
8
9
div#logo_decal {
             width:330px;
	height:200px;
	float:left;
	}
 
div#logo {
 
}

donc la mise en page est faite avec des div et du css, mais je pense ne pouvoir éviter les 2 tables html.

[Bisûnûrs]

Hop :
Important : Les règles incontournables d'utilisation de ce forum

Envoyé par Important : Les règles incontournables d'utilisation de ce forum

Suite à ce rappel, je voudrais porter à votre attention que ces forums ne doivent contenir que le code affiché par le navigateur. En effet, les codes PHP ou tout autre langage dynamique ne servent qu'à générer le corps de votre page et donc votre problème ne pourra être résolu qu'en étudiant le code interprété par le navigateur. De ce fait, avant de poser votre question merci d'épurer votre code de tout langage (serveur ou client).

C'est pas comme si tu avais 1800 messages à ton actif et que les règles t'étaient inconnues.

[laurentSc]

Désolé, en fait, je ne savais pas...(et dans le forum PHP, c'est un peu gênant...). En tout cas, voilà le code à interpréter par le navigateur :

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
 
<div id="logo_decal"></div><div id="logo"><img src="---.jpg"></div>
<br> 
 
<div><img src="---.JPG" style="border: 0pt none ; float: left; margin-left: 80px;"><img src="---.jpeg" style="border: 0pt none ; margin-left: 20px;"></div>
<br> <div style="float: left;">
<div>  <p style="float: left; width: 150px; height: 200px;">Nos coordonn&eacute;es :</p>
</div><div style="margin-left: 20px;">
<p style="font-family: Helvetica,Arial,sans-serif; width: 350px;">---</p>
</div>
</div>
<div>
<table style="margin-left: 95px;">
 <tbody>
 <tr>
 <td style="font-family: Helvetica,Arial,sans-serif;">Contactez nous : ---<td>
 </tr>
</tbody>
</table>
</div>
<br> <div><b><font style="background-color: rgb(204, 255,255);">&nbsp;Bonne visite !&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font></b>
<br>
 
 <table border="1" bordercolor="red">
 <tbody>
     <tr>
     <td><b>visiteurs=2202</b></td>
     </tr>
     <tr><td>Il y a actuellement 1 visiteur connect&eacute; sur mon site !       </td></tr>
     <tr><td>Nombre de connect&eacute;s aujourd'hui : 1</td></tr>
 </tbody>
 </table>

et pour rapel, le CSS qui va avec :

Code :

1
2
3
4
5
6
7
8
9
10
 
div#logo_decal {
	width:330px;
	height:200px;
	float:left;
	}
 
div#logo {
 
}

[Bisûnûrs]

Envoyé par laurentSc

Désolé, en fait, je ne savais pas...

Il y a des discussions "post-it" en haut de chaque forum, il faut les lire. C'est pas comme si elles n'étaient pas visibles.

Envoyé par laurentSc

(et dans le forum PHP, c'est un peu gênant...)

Il ne s'agit des règles que des forums HTML et CSS. Cf les discussions importantes en haut de chacun de ces forums.


Concernant ton problème, avec le code que tu nous donnes, on ne sait même pas quoi va où, donc il serait intéressant que tu nous montres ce que tu veux exactement faire (avec des jolis petits dessins par exemple).

[laurentSc]

Est-ce que ce dessin te va ?
En gros, il s'agirait de déplacer la table html entourée de rouge. Et le bloc "Vercors Handisport Les Chaberts..." est un div.

[Bisûnûrs]

C'est le height de ton p du texte coordonnées qui engendre ton problème. Supprime-le ou réduis la taille.

[laurentSc]

Nickel, merci bcp