Créer un site qui déborde en largeur

Résolu/Fermé

maka54 Messages postés 699 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
Créer un compte gmail - Guide
Créer un compte google - Guide
Créer un groupe whatsapp - Guide
Créer un compte instagram - Guide
Site de telechargement - 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 699 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 699 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

'Votre colis est dans le site de livraison qui dessert votre adresse' que faire

Colis en cours de transport vers votre site de livraison ?

créer une adresse gmail pour une autre personne

Discussions similaires

Newsletters