Positionner la balise <table>
mugiwara437
Messages postés
85
Date d'inscription
Statut
Membre
Dernière intervention
-
Pierrecastor Messages postés 41491 Date d'inscription Statut Modérateur Dernière intervention -
Pierrecastor Messages postés 41491 Date d'inscription Statut Modérateur Dernière intervention -
Bonjour à tous! ^^
Alors voila mon problème :
J'utilise le code suivant
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!
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!
A voir également:
- Positionner la balise <table>
- Table ascii - Guide
- Table des matières word - Guide
- Balise br - Forum HTML
- Balise <br> avec l'attribut class ✓ - Forum CSS
- Table des caractères - Guide
3 réponses
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. ;-)
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. ;-)
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é ^^"
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é ^^"
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
;-)
<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
;-)
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!
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!
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
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. :-)
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. :-)
