Créer un site qui déborde en largeur
Résolu
maka54
Messages postés
698
Date d'inscription
Statut
Membre
Dernière intervention
-
prosthetiks Messages postés 1189 Date d'inscription Statut Membre Dernière intervention -
prosthetiks Messages postés 1189 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Je voudrais créer un site qui puisse déborder en largeur avec une scrollbar horizontale,
et je n'y arrive pas,
mon tableau se redimentionne à la largeur de la page
est-ce que vous avez une idée de comment faire ?
Cordialement
Je voudrais créer un site qui puisse déborder en largeur avec une scrollbar horizontale,
et je n'y arrive pas,
mon tableau se redimentionne à la largeur de la page
est-ce que vous avez une idée de comment faire ?
Cordialement
A voir également:
- Créer un site qui déborde en largeur
- Créer un compte google - Guide
- Comment créer un groupe whatsapp - Guide
- Site qui remplace coco - Accueil - Réseaux sociaux
- Remplaçant de Coco : quelles solutions pour tchater gratuitement en ligne ? - Accueil - Réseaux sociaux
- Site de telechargement - Accueil - Outils
4 réponses
Salut,
Essaye dans le css :
min-width:5000px;
5000px => A toi de changer a ta manière =)
P.S. : Je sais pas du tout si ça fonctionne xD
Essaye dans le css :
min-width:5000px;
5000px => A toi de changer a ta manière =)
P.S. : Je sais pas du tout si ça fonctionne xD
si çà fonctionnera mais ce n'est pas dynamique, je ne connais pas la taille, tout dépendra de mon contenu
en fait c'est pour faire un planning, qui pourra s'étendre de un jour, une semaine, un mois, un trimestre
donc çà pourrait aller d'une case à 90 cases (mais toutes de meme taille)
en fait c'est pour faire un planning, qui pourra s'étendre de un jour, une semaine, un mois, un trimestre
donc çà pourrait aller d'une case à 90 cases (mais toutes de meme taille)
bon j'ai trouvé une solution, dégueulasse mais çà fera l'affaire, je ferais le calcul de la largeur du tableau en fonction des cases
Par défaut, ca dépasse en largeur...:
<html> <head> <title></title> </head> <body> <table> <tr> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <tr> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> </tr> <tr> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> </tr> <tr> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> </tr> <tr> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> </tr> </table> </body> </html>