Créer un site qui déborde en largeur
Résolu
maka54
Messages postés
721
Statut
Membre
-
prosthetiks Messages postés 1309 Statut Membre -
prosthetiks Messages postés 1309 Statut Membre -
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
- Comment créer un groupe whatsapp - Guide
- Créer un compte google - Guide
- Site qui remplace coco - Accueil - Réseaux sociaux
- Site de telechargement - Accueil - Outils
- Créer un lien pour partager des photos - Guide
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>