Créer un site qui déborde en largeur

Résolu/Fermé

maka54 Messages postés 698 Date d'inscription mercredi 8 avril 2009 Statut Membre Dernière intervention 4 décembre 2016 - 5 janv. 2012 à 19:12
prosthetiks Messages postés 1189 Date d'inscription dimanche 7 octobre 2007 Statut Membre Dernière intervention 12 juin 2020 - 5 janv. 2012 à 19:30

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

A voir également:

Créer un site qui déborde en largeur
Site de telechargement - Accueil - Outils
Créer un compte google - Guide
Site qui remplace coco - Accueil - Réseaux sociaux
Comment créer un groupe whatsapp - Guide
Créer un compte instagram sur google - Guide

4 réponses

Réponse 1 / 4

TheBleedz
5 janv. 2012 à 19:16

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

Réponse 2 / 4

maka54 Messages postés 698 Date d'inscription mercredi 8 avril 2009 Statut Membre Dernière intervention 4 décembre 2016 80
5 janv. 2012 à 19:22

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)

Réponse 3 / 4

maka54 Messages postés 698 Date d'inscription mercredi 8 avril 2009 Statut Membre Dernière intervention 4 décembre 2016 80
5 janv. 2012 à 19:30

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

Réponse 4 / 4

prosthetiks Messages postés 1189 Date d'inscription dimanche 7 octobre 2007 Statut Membre Dernière intervention 12 juin 2020 431
5 janv. 2012 à 19:30

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>

Discussions similaires

créer une adresse gmail pour une autre personne