A voir également:
- Tableau sur toute la largeur d'écran
- Tableau croisé dynamique - Guide
- Double ecran - Guide
- Capture d'écran samsung - Guide
- Ecran noir pc - Guide
- Tableau ascii - Guide
4 réponses
dugenou
Messages postés
6087
Date d'inscription
mercredi 19 janvier 2005
Statut
Contributeur
Dernière intervention
30 juillet 2021
1 449
24 nov. 2018 à 15:30
24 nov. 2018 à 15:30
Bonjour,
Il faut utiliser une class.
Le CSS :
Le HTML :
Il faut utiliser une class.
Le CSS :
.table { margin-left:auto; margin-right:auto; width:100%; }
Le HTML :
<table class="table" border="1" cellpadding="1" cellspacing="1">
Bonjour,
Merci pour votre réponse.
J'ai fait un test afin de voir si cela fonctionne. Et mon tableau ne s'affiche pas à 100% sur la largeur de l'écran.
Voilà mes codes:
et bien sur j'ai mis ce qui fait le lien entre le html et le css.
Je ne comprends pas...
Merci de votre aide
novis
Merci pour votre réponse.
J'ai fait un test afin de voir si cela fonctionne. Et mon tableau ne s'affiche pas à 100% sur la largeur de l'écran.
Voilà mes codes:
<table border="1" cellpadding="1" cellspacing="1" class="table"> <tbody> <tr> <td>TABLEAU TEST 1</td> <td>TABLEAU TEST 2</td> <td>TABLEAU TEST 3</td> </tr> </tbody> </table>
.table { margin-left:auto; margin-right:auto; width:100%; }
et bien sur j'ai mis ce qui fait le lien entre le html et le css.
Je ne comprends pas...
Merci de votre aide
novis
dugenou
Messages postés
6087
Date d'inscription
mercredi 19 janvier 2005
Statut
Contributeur
Dernière intervention
30 juillet 2021
1 449
24 nov. 2018 à 16:20
24 nov. 2018 à 16:20
Il faut recharger la page, voire vider le cache, pour que la nouvelle configuration CSS s'applique.
J'ai vidé le cache mais cela ne s'applique pas.
Je passe par un hébergeur (wifeo), est ce que le problème peut venir de là?
Pourtant pour les autres codes css ou js je n'ai pas eu de problèmes...
novis
Je passe par un hébergeur (wifeo), est ce que le problème peut venir de là?
Pourtant pour les autres codes css ou js je n'ai pas eu de problèmes...
novis
dugenou
Messages postés
6087
Date d'inscription
mercredi 19 janvier 2005
Statut
Contributeur
Dernière intervention
30 juillet 2021
1 449
24 nov. 2018 à 16:53
24 nov. 2018 à 16:53
Teste en local le code HTML et le CSS. Chez moi, le tableau s'affiche en pleine page.
Je ne vois pas pourquoi ça ne fonctionnerait pas chez Wifeo.
Je ne vois pas pourquoi ça ne fonctionnerait pas chez Wifeo.
dugenou
Messages postés
6087
Date d'inscription
mercredi 19 janvier 2005
Statut
Contributeur
Dernière intervention
30 juillet 2021
1 449
24 nov. 2018 à 17:07
24 nov. 2018 à 17:07
Avec un éditeur de texte comme le bloc note, crée un fichier nommé test.html, par exemple.
Dans ce fichier test.html, place ce code :
Enregistre, puis fais un clic droit dessus et choisis ouvrir avec ton navigateur.
Dans ce fichier test.html, place ce code :
<!DOCTYPE html> <html lang="fr"> <head> <meta charset="utf-8"> <style> .table { margin-left:auto; margin-right:auto; width:100%; } </style> </head> <body> <table border="1" cellpadding="1" cellspacing="1" class="table"> <tbody> <tr> <td>TABLEAU TEST 1</td> <td>TABLEAU TEST 2</td> <td>TABLEAU TEST 3</td> </tr> </tbody> </table> </body> </html>
Enregistre, puis fais un clic droit dessus et choisis ouvrir avec ton navigateur.