Positionner la balise <table>

Fermé
mugiwara437 Messages postés 85 Date d'inscription mardi 29 avril 2014 Statut Membre Dernière intervention 23 juillet 2021 - 10 juin 2014 à 08:15
Pierrecastor Messages postés 41467 Date d'inscription mercredi 5 novembre 2003 Statut Modérateur Dernière intervention 30 mai 2024 - 10 juin 2014 à 09:05
Bonjour à tous! ^^

Alors voila mon problème :

J'utilise le code suivant
<?php
echo "<br><br><br>           <b>TOP 20 des sites visites :</b><br><br><br>";
echo "<TABLE BORDER >";
echo "<tr><td bgcolor=#0898F9 > Nom du site:</td> <td bgcolor=#DB114E>   Nombre de visite:</td> </tr>";

while($row = mysql_fetch_assoc($req)){
	echo"<tr><td>".$row['destip']."</td><td>".$row['count(*)']."<br></td></tr>";
	}
echo "</TABLE>";
echo"<br><br>";
//echo"<img src=nombre.PNG>";
echo "<br><br>";

echo "<TABLE BORDER>";
echo "<b><br><br>TOP 20 des sites bloques:</b><br><br><br>";

echo  "<tr><td bgcolor=#0898F9 > Nom du site:</td> <td bgcolor=#DB114E> Nombre de visite </td></tr>";
while($roww = mysql_fetch_assoc($req2)){
	echo"<tr><td>".$roww['destip']."</td><td>".$roww['count(*)']."<br></td></tr>";
}
echo "</TABLE>";
echo "<br><br>";
//echo "<img src=nombre_block.PNG>";
echo "<br><br>";
?>


Et j'obtient le résultat suivant:


Mais j'aimerais plutot obtenir une page comme celle ci:


Alors voici ma question. Comment positionner ces tableaux de la sorte. j'ai déja essayer avec une balise span et div mais cela affiche les deux tableaux superposé peu importe la valeur :s

Merci d'avance!

3 réponses

Pierrecastor Messages postés 41467 Date d'inscription mercredi 5 novembre 2003 Statut Modérateur Dernière intervention 30 mai 2024 4 141
10 juin 2014 à 08:30
Salut

Pour le positionnement, il faut passer par un fichier CSS à coté, en utilisant la propriété float.

Sinon, les balises, c'est normalement en minuscule. ;-)
0
mugiwara437 Messages postés 85 Date d'inscription mardi 29 avril 2014 Statut Membre Dernière intervention 23 juillet 2021 154
10 juin 2014 à 08:41
Salut,

j'y avait penser mais comme les deux tableau ont la même balise (<TABLE>), si j'utilise un css les deux vont avoir la même position non?

et oui désolé ^^"
0
Pierrecastor Messages postés 41467 Date d'inscription mercredi 5 novembre 2003 Statut Modérateur Dernière intervention 30 mai 2024 4 141
Modifié par Pierrecastor le 10/06/2014 à 08:46
Dans ta balise, tu définie un id ou une class que tu reprendras dans ton CSS.

<table id="table1">
ou
<table id ="table2">

Je t'invites à faire un tutoriel complet sur HTML et CSS, pour avoir les bases nécessaire, comme celui du site du zero :

https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3?status=published

;-)
0
mugiwara437 Messages postés 85 Date d'inscription mardi 29 avril 2014 Statut Membre Dernière intervention 23 juillet 2021 154
10 juin 2014 à 08:59
ah d'accord ^^"

En tout cas merci bien! j'ai le tuto du site du zero donc si j'ai bien compris après sa serait comme sa:

dans mon code:
je rajoute
<link rel="stylesheet" href="style.css" />

et je modifie:
echo "<table BORDER id=table1>";

Et dans le css:
.table1
{
margin-top:60px;
margin-left:10%;
margin-right:10%;
}

Merci de valider ma démarche!
0
Pierrecastor Messages postés 41467 Date d'inscription mercredi 5 novembre 2003 Statut Modérateur Dernière intervention 30 mai 2024 4 141
10 juin 2014 à 09:05
C'est un peu plus comlpexe que ça.

Déjà, le border, il faut le gerer dans le CSS.

De plus, si tu veux que tes deux éléments sois cote à cote, il faut que tu utilise
float:left; 
pour le top 20 des site bloqué.

Mais le CSS, ça ne se maitrise pas en 5 minute (ni même en 5 jours ;-p ) prend le temps de bien faire tout le tutoriel, voir de chercher d'autres cours par la suite. :-)
0