Précédent   Forum des professionnels en informatique > PHP > Langage > Débuter
Débuter Forum d'entraide pour débuter en PHP. Avant de poster -> Cours PHP, FAQ PHP, Outils PHP, etc.
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Proposer ce sujet en actualité
 
Outils de la discussion
Publicité
'
Vieux 15/03/2011, 09h26   #1
Nouveau Membre du Club
 
Inscription : septembre 2006
Messages : 548
Détails du profil
Informations forums :
Inscription : septembre 2006
Messages : 548
Points : 29
Points : 29
Par défaut Problème de débordement d'un texte hors d'un conteneur

Bonjour,

J'ai un petit souci. Le texte dans mon conteneur du milieu déborde de celui-ci, il n'y a pas de scrollbar pourtant j'ai bien bien mis overflow:auto;


voici mon code:


Code :
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
 
<html>
	<head>
		<meta keywords="mapage, mon autre page">
 
		<title> ma page </title>
 
 
 
 
 
		<style type="text/css">
		body
		{
		font-family:arial;
		font-size:14px;
 
		}
		#conteneur
		{
		width:804px;
 
		margin:auto;
		}
 
		#haut{
		height:100px;
		font-size:18px;
		padding:10px;
		}
		#liens{
		height:24px;
		padding-top:6px,
 
 
		}
		#milieu{
		height:400px;
		background:#ddc;
		padding-top:30px;
		}
		#bas
		{height:20px;
		background:#999;
		}
 
		#liens a 
		{
			display: block;
			background:#ddd;
			margin-right: 1px;
			padding: 5px;
			float: left;
			width: 190px;
			text-align:center;
			color: #333;
		}
 
		#liens a:hover 
		{
 
			border-top:  3px solid #999;
			background: #ddc;
		}
 
		.liens-actif
		{
			display: block;
			background:#ddd;
			margin-right: 1px;
			padding: 5px;
			float: left;
			width: 190px;
			text-align:center;
			color: #333;
			border-top:  3px solid #999;
			background:grey;
		}
 
			.liens-noactif
		{
			display: block;
			background:#ddd;
			margin-right: 1px;
			padding: 5px;
			float: left;
			width: 190px;
			text-align:center;
			color: #333;
 
		}
 
		#apropos,
		#inscription,
		#liens-utiles,
		#contact{
		display:none;
		height:400px;
		overflow:auto; 
		text-align:justify;
		}
 
 
		</style>
	</head>
 
	<body>
		<div id="conteneur">
			<div id="haut">
			<img src="img/logo.jpg" width="128" height="96" alt="logo"/>
					NUMERIC CONCEPT
			</div>
 
			<div id="liens">
			<a id="1" href="?contenu=apropos" class="actif">A propos de Numeric Concept</a>
			<a id="2"href="?contenu=s_inscrire" class="actif">S'inscrire</a>
			<a id="3" href="?contenu=liens" class="actif">Liens-utiles</a>
			<a id="4" href="?contenu=contact" class="actif">Contact</a>
			</div>
			<div id="milieu">
				<?php
 
 
				if(isset($_GET['contenu']) )
				{
 
					$contenu=$_GET['contenu'];	//déclaration de la variable contenu et affectation
					if ($contenu=='apropos')
					{
						echo 
						"				
							<h3>A propos</h3>
							Bonjour
							<br/>
							Site d'étude des systèmes industrielles
							<br/><br/>
							Lorem ipsum dolor sit amet, consectetur adipiscing elit. In cursus, tellus non posuere ultricies, dui ligula interdum orci, in cursus orci orci non massa. Praesent mi risus, varius non porttitor quis, laoreet ut sapien. Morbi sit amet erat vel elit pretium vehicula in ut nunc. Quisque molestie vulputate sagittis. Nullam sed euismod leo. Nam mollis rutrum lectus et ornare. Aenean eget tellus elit, quis scelerisque diam. Aenean quis orci odio. Maecenas sed lacus ipsum, ac egestas diam. Donec bibendum, justo a commodo sollicitudin, ante augue elementum libero, vel mollis magna ligula sit amet orci. In hac habitasse platea dictumst.
 
							Nam vel enim ac tortor malesuada suscipit. Pellentesque in velit orci, sit amet elementum sem. Nulla ac quam eget nulla tincidunt viverra ut in purus. In mauris nunc, semper id sodales vel, fringilla eu massa. Proin tincidunt metus pretium augue mattis non feugiat tellus ornare. Ut et diam orci. Cras bibendum tincidunt condimentum. Cras sed mauris a nibh hendrerit elementum eget eu massa. Nullam sed nisi et lorem tempus scelerisque a quis urna. Duis tempor malesuada consectetur. Maecenas consectetur augue id augue pretium sed laoreet lectus accumsan.
 
							Donec orci mi, rhoncus condimentum ullamcorper vel, condimentum vel elit. Donec sollicitudin rhoncus lectus, nec pretium est semper ut. Pellentesque mollis dui vel ligula tristique eu dapibus neque tincidunt. Aliquam quis quam eu nisl dignissim lacinia vitae ac dui. Cras tincidunt justo varius purus ultrices sit amet tempor nisl fermentum. Nullam sodales nibh a felis consequat cursus. Pellentesque hendrerit mauris at nisl viverra mollis. Mauris cursus tellus non lorem scelerisque rutrum. Phasellus in libero magna. Proin sed scelerisque augue. Suspendisse potenti. Pellentesque lacinia, nisi sed blandit pulvinar, elit mauris suscipit nisi, eu lobortis odio massa a turpis.
 
							Nullam tellus erat, fermentum laoreet tincidunt molestie, hendrerit quis massa. Ut euismod nunc et metus iaculis eget fermentum nibh tincidunt. Etiam ac congue massa. In commodo congue interdum. In consectetur lectus ac nisl malesuada eu sagittis metus scelerisque. Morbi fermentum enim eu justo eleifend pellentesque. Sed commodo auctor nisl ac semper. In ullamcorper varius libero a interdum. Sed ac turpis sapien. Vestibulum iaculis egestas orci, sit amet pulvinar dolor ullamcorper quis. Aliquam id massa augue. Morbi vitae eros sed dolor porta ultrices at sed odio. Phasellus tristique pulvinar mi, ac vulputate magna luctus a. Vivamus ac magna varius augue rhoncus ullamcorper. Integer sollicitudin elit sed leo viverra eget bibendum purus sodales. Cras sapien urna, malesuada ac mattis a, adipiscing id quam. Praesent volutpat est eu nibh ultricies id feugiat mauris dapibus.
 
							Proin ultricies mi pharetra sapien auctor vehicula nec eget velit. Donec nibh turpis, tempus non convallis non, dapibus molestie mi. Nunc feugiat mauris at est porta ac aliquet arcu sodales. Suspendisse sollicitudin eleifend dapibus. Fusce mollis mauris non massa ullamcorper feugiat. Quisque in purus nunc, a auctor justo. Mauris tempor, est in dapibus tristique, lectus ante rutrum urna, tempor adipiscing tortor nisi eu ante. Nunc vulputate, velit at gravida accumsan, turpis ipsum aliquet mauris, at tempor justo ligula vel eros. Fusce quis mauris elit. Ut imperdiet tempus est viverra consectetur. Integer et blandit ante. Mauris vel metus ut leo mollis tempor. Nunc eget eros et dolor malesuada aliquam. Aenean nec justo erat. Fusce eget mi eu odio vulputate tristique in vitae mi. Donec volutpat tincidunt vehicula. Nullam est leo, facilisis quis rhoncus mattis, elementum in felis. Nulla mauris nisl, pellentesque vel hendrerit nec, tempor vitae est.
						";
 
					}
					elseif	($contenu=='s_inscrire')
					{
					echo "
 
					<form>
							Pseudo: <br/>
							<input type=\"text\" name=\"pseudo\"/>
							<br/><br/>
							Pass:<br/>
							<input type=\"password\" name=\"pass\"/>
							<br/><br/>
							E-Mail:<br/>
							<input type=\"text\" name=\"email\"/>
							<br/><br/>
							<input type=\"submit\" value=\"S'inscrire\" />
						</form>
						";				
					}
 
					elseif	($contenu=='liens')
					{
						echo "liens utiles";
					}
 
					elseif	($contenu=='contact')
					{
						echo "Jean Pierre Bayard";
 
					}
 
					else
					{
 
					echo "erreur";
 
					}
				} //premier if
				else
				{
					echo "BIENVENU";
				}
 
			?>
		</div>
		<div id="bas">
		le bas de page
 
		</div>
	</body>
</html>
toutounesan est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 16/03/2011, 07h07   #2
Membre Expert
 
Inscription : septembre 2010
Messages : 1 240
Détails du profil
Informations forums :
Inscription : septembre 2010
Messages : 1 240
Points : 1 562
Points : 1 562
Isole le bloc concerné dans une nouvelle page avec simplement le bloc conteneur et son formatage css. C'est une bonne façon de voir l'origine du problème.

Avant ça tu peux regarder le code source HTML généré par ton code pour voir s'il n'y a pas des erreurs grossières .

Sinon pour avoir plus de réponses, poste ton message (le code source généré) dans le forum HTML, ce sera plus approprié
__________________
- Réalisations
- Interface graphique : génération en javascript d'objets défilants, texte et/ou images, mode horizontal ou vertical.
ABCIWEB est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 16/03/2011, 12h37   #3
Modérateur
 
Avatar de Benjamin Delespierre
 
Benjamin Delespierre
Développeur Web
Inscription : février 2010
Messages : 2 984
Détails du profil
Informations personnelles :
Nom : Benjamin Delespierre
Âge : 24
Localisation : France

Informations professionnelles :
Activité : Développeur Web
Secteur : High Tech - Opérateur de télécommunications

Informations forums :
Inscription : février 2010
Messages : 2 984
Points : 5 014
Points : 5 014
Hello

Ta clause overflow ne porte sur aucun élément, il faut mettre:
Code :
1
2
3
4
5
6
7
8
 
#milieu{
  height:400px;
  width: XXXpx;
  overflow: auto;
  background:#ddc;
  padding-top:30px;
}
Ce que je te déconseille très fortement pour l'afifchage: c'est laid.
Regarde par ici, il y a beaucoup d'exemples de layout: http://blog.html.it/layoutgala/

Quelques remarques annexes:
1 - utilise un switch au lieu des elseif de partout
2 - découpe tes pages: tout mettre dans un seul fichier rends le script impossible à maintenir (j'ai vu des scripts de 2500 lignes découpés a grands coups de elseif mal indentés, c'est un véritable cauchemars)
3 - la feuille de style doit être un document .css à part
__________________
A la recherche d'un framework MVC facile a prendre en main ? Essayez Axiom
Nouveau: la référence d'Axiom est disponible sur GitHub (je la peaufine en ce moment même).

Un problème correctement identifié est à moitié résolu, évitez de poster l'intégralité de votre code avec pour seule explication "ça ne marche pas...".
Pour identifier correctement vos problèmes PHP, utilisez la gestion des erreurs et xdebug.

Les boutons et existent, servez-vous en
Benjamin Delespierre est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 16/03/2011, 19h49   #4
Nouveau Membre du Club
 
Inscription : septembre 2006
Messages : 548
Détails du profil
Informations forums :
Inscription : septembre 2006
Messages : 548
Points : 29
Points : 29
Merci pour tes conseils. Toutefois je viens d'essayer ta solution et plus aucun liens ne marchent.
toutounesan est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 17/03/2011, 09h55   #5
Membre chevronné
 
Homme
Développeur Web
Inscription : mars 2011
Messages : 399
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : France, Paris (Île de France)

Informations professionnelles :
Activité : Développeur Web
Secteur : Finance

Informations forums :
Inscription : mars 2011
Messages : 399
Points : 662
Points : 662
C'est quoi le rapport entre un changement de style CSS et les liens qui "ne marche pas" ? ("ne marche pas" étant LE retour de bug le plus contre-productif)
Shikiryu est déconnecté   Envoyer un message privé Réponse avec citation 10
Vieux 17/03/2011, 11h27   #6
Nouveau Membre du Club
 
Inscription : septembre 2006
Messages : 548
Détails du profil
Informations forums :
Inscription : septembre 2006
Messages : 548
Points : 29
Points : 29
plus rien ne s'affiche quand je clique sur l'un des 4 liens
toutounesan est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 17/03/2011, 18h24   #7
Nouveau Membre du Club
 
Inscription : septembre 2006
Messages : 548
Détails du profil
Informations forums :
Inscription : septembre 2006
Messages : 548
Points : 29
Points : 29
j'ai fait une version identique en contenu mais en html et javascript et ça marche bien:

Code :
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
 
<html>
	<head>
		<meta keywords="mapage, mon autre page">
 
		<title> ma page </title>
 
		<script type="text/javascript">
			function montrer(element,lien)
			{
				var les_elements=new Array("apropos","inscription","liens-utiles","contact");
 
				for (var i=0; i<les_elements.length;i++)
				{	
					document.getElementById(les_elements[i]).style.display='none';
				document.getElementById(i+1).className='liens-noactif';
 
				}
				document.getElementById(element).style.display='block';
				document.getElementById(lien).className='liens-actif';
			}
		</script>
 
 
 
		<style type="text/css">
		body
		{
		font-family:arial;
		font-size:14px;
 
		}
		#conteneur
		{
		width:804px;
 
		margin:auto;
		}
 
		#haut{
		height:100px;
		font-size:18px;
		padding:10px;
		}
		#liens{
		height:24px;
		padding-top:6px,
 
 
		}
		#milieu{
		height:400px;
		background:#ddc;
		padding-top:30px;
		}
		#bas
		{height:20px;
		background:#999;
		}
 
		#liens a 
		{
			display: block;
			background:#ddd;
			margin-right: 1px;
			padding: 5px;
			float: left;
			width: 190px;
			text-align:center;
			color: #333;
		}
 
		#liens a:hover 
		{
 
 
		}
 
		.liens-actif
		{
			display: block;
			background:#ddd;
			margin-right: 1px;
			padding: 5px;
			float: left;
			width: 190px;
			text-align:center;
			color: #333;
			border-top:  3px solid #999;
			background:grey;
		}
 
			.liens-noactif
		{
			display: block;
			background:#ddd;
			margin-right: 1px;
			padding: 5px;
			float: left;
			width: 190px;
			text-align:center;
			color: #333;
 
		}
 
		#apropos,
		#inscription,
		#liens-utiles,
		#contact{
		display:none;
		height:400px;
		overflow:auto; 
		text-align:justify;
		}
 
 
		</style>
	</head>
 
	<body>
		<div id="conteneur">
			<div id="haut">
			<img src="img/logo.jpg" width="128" height="96" alt="logo"/>
					NUMERIC CONCEPT
			</div>
 
			<div id="liens">
			<a id="1" href="javascript:montrer('apropos',1)">A propos de Numeric Concept</a>
			<a id="2"href="javascript:montrer('inscription',2)">S'inscrire</a>
			<a id="3" href="javascript:montrer('liens-utiles',3)">Liens-utiles</a>
			<a id="4" href="javascript:montrer('contact',4)">Contact</a>
			</div>
			<div id="milieu">
				<div id="apropos">
				<h3>A propos</h3>
				Bonjour
				<br/>
				Site d'étude des systèmes industrielles
				<br/><br/>
				Lorem ipsum dolor sit amet, consectetur adipiscing elit. In cursus, tellus non posuere ultricies, dui ligula interdum orci, in cursus orci orci non massa. Praesent mi risus, varius non porttitor quis, laoreet ut sapien. Morbi sit amet erat vel elit pretium vehicula in ut nunc. Quisque molestie vulputate sagittis. Nullam sed euismod leo. Nam mollis rutrum lectus et ornare. Aenean eget tellus elit, quis scelerisque diam. Aenean quis orci odio. Maecenas sed lacus ipsum, ac egestas diam. Donec bibendum, justo a commodo sollicitudin, ante augue elementum libero, vel mollis magna ligula sit amet orci. In hac habitasse platea dictumst.
 
Nam vel enim ac tortor malesuada suscipit. Pellentesque in velit orci, sit amet elementum sem. Nulla ac quam eget nulla tincidunt viverra ut in purus. In mauris nunc, semper id sodales vel, fringilla eu massa. Proin tincidunt metus pretium augue mattis non feugiat tellus ornare. Ut et diam orci. Cras bibendum tincidunt condimentum. Cras sed mauris a nibh hendrerit elementum eget eu massa. Nullam sed nisi et lorem tempus scelerisque a quis urna. Duis tempor malesuada consectetur. Maecenas consectetur augue id augue pretium sed laoreet lectus accumsan.
 
Donec orci mi, rhoncus condimentum ullamcorper vel, condimentum vel elit. Donec sollicitudin rhoncus lectus, nec pretium est semper ut. Pellentesque mollis dui vel ligula tristique eu dapibus neque tincidunt. Aliquam quis quam eu nisl dignissim lacinia vitae ac dui. Cras tincidunt justo varius purus ultrices sit amet tempor nisl fermentum. Nullam sodales nibh a felis consequat cursus. Pellentesque hendrerit mauris at nisl viverra mollis. Mauris cursus tellus non lorem scelerisque rutrum. Phasellus in libero magna. Proin sed scelerisque augue. Suspendisse potenti. Pellentesque lacinia, nisi sed blandit pulvinar, elit mauris suscipit nisi, eu lobortis odio massa a turpis.
 
Nullam tellus erat, fermentum laoreet tincidunt molestie, hendrerit quis massa. Ut euismod nunc et metus iaculis eget fermentum nibh tincidunt. Etiam ac congue massa. In commodo congue interdum. In consectetur lectus ac nisl malesuada eu sagittis metus scelerisque. Morbi fermentum enim eu justo eleifend pellentesque. Sed commodo auctor nisl ac semper. In ullamcorper varius libero a interdum. Sed ac turpis sapien. Vestibulum iaculis egestas orci, sit amet pulvinar dolor ullamcorper quis. Aliquam id massa augue. Morbi vitae eros sed dolor porta ultrices at sed odio. Phasellus tristique pulvinar mi, ac vulputate magna luctus a. Vivamus ac magna varius augue rhoncus ullamcorper. Integer sollicitudin elit sed leo viverra eget bibendum purus sodales. Cras sapien urna, malesuada ac mattis a, adipiscing id quam. Praesent volutpat est eu nibh ultricies id feugiat mauris dapibus.
 
Proin ultricies mi pharetra sapien auctor vehicula nec eget velit. Donec nibh turpis, tempus non convallis non, dapibus molestie mi. Nunc feugiat mauris at est porta ac aliquet arcu sodales. Suspendisse sollicitudin eleifend dapibus. Fusce mollis mauris non massa ullamcorper feugiat. Quisque in purus nunc, a auctor justo. Mauris tempor, est in dapibus tristique, lectus ante rutrum urna, tempor adipiscing tortor nisi eu ante. Nunc vulputate, velit at gravida accumsan, turpis ipsum aliquet mauris, at tempor justo ligula vel eros. Fusce quis mauris elit. Ut imperdiet tempus est viverra consectetur. Integer et blandit ante. Mauris vel metus ut leo mollis tempor. Nunc eget eros et dolor malesuada aliquam. Aenean nec justo erat. Fusce eget mi eu odio vulputate tristique in vitae mi. Donec volutpat tincidunt vehicula. Nullam est leo, facilisis quis rhoncus mattis, elementum in felis. Nulla mauris nisl, pellentesque vel hendrerit nec, tempor vitae est. 
				</div>
				<div id="inscription">
					<form>
						Pseudo: <br/>
						<input type="text" name="pseudo"/>
						<br/><br/>
						Pass:<br/>
						<input type="password" name="pass"/>
						<br/><br/>
						E-Mail:<br/>
						<input type="text" name="email"/>
						<br/><br/>
						<input type="submit" value="S'inscrire" />
					</form>
				</div>
 
				<div id="liens-utiles">
				</div>
 
				<div id="contact">
				Jean Pierre Bayard
				</div>
 
			</div>
			<div id="bas">
			le bas de page
			</div>
		</div>
	</body>
</html>

Je ne vois pas d'où vient le problème en php, pourtant j'ai rajouté
toutounesan est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 18/03/2011, 10h09   #8
Nouveau Membre du Club
 
Inscription : septembre 2006
Messages : 548
Détails du profil
Informations forums :
Inscription : septembre 2006
Messages : 548
Points : 29
Points : 29
j'ai essayé de mettre ce code:
Code :
1
2
3
4
5
6
7
8
9
#milieu{
		overflow: auto;
		autoScroll: true;
		height:400px;
		background:#ddc;
		padding-top:30px;
 
 
		}
mais ça n'affiche rien dans le conteneur du milieu
toutounesan est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 21/03/2011, 08h53   #9
Nouveau Membre du Club
 
Inscription : septembre 2006
Messages : 548
Détails du profil
Informations forums :
Inscription : septembre 2006
Messages : 548
Points : 29
Points : 29
Bonjour,

Proposez moi une solution adaptée pour afficher le texte contenu dans le conteneur du milieu avec un ascenseur vertical
toutounesan est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 21/03/2011, 10h55   #10
Membre chevronné
 
Homme
Développeur Web
Inscription : mars 2011
Messages : 399
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : France, Paris (Île de France)

Informations professionnelles :
Activité : Développeur Web
Secteur : Finance

Informations forums :
Inscription : mars 2011
Messages : 399
Points : 662
Points : 662
Citation:
Envoyé par toutounesan Voir le message
j'ai essayé de mettre ce code:
Code :
1
2
3
4
5
6
7
8
9
#milieu{
		overflow: auto;
		autoScroll: true;
		height:400px;
		background:#ddc;
		padding-top:30px;
 
 
		}
mais ça n'affiche rien dans le conteneur du milieu
As-tu essayé de débuggué ceci par toi-même ? Par exemple en essayant de connaître la valeur de "$contenu" ?
__________________
Membre de StackOverflow, je suis un fervant utilisateur de PHP et de jQuery.
Après des études de graphisme, j'ai décidé de mélanger développement web et web design. J'ai ainsi donc créé mon site web mais aussi plusieurs projets personnels.
Dans les plus aboutis, vous pourrez trouver dans mon labo et dans mon devblog, un raccourcisseur d'url, un bookmarklet pour envoyer l'url de la page actuelle vers votre email pour lire plus tard ou sauvegarder, mon générateur de template HTML5, etc...
Shikiryu est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 21/03/2011, 11h41   #11
Modérateur
 
Avatar de Benjamin Delespierre
 
Benjamin Delespierre
Développeur Web
Inscription : février 2010
Messages : 2 984
Détails du profil
Informations personnelles :
Nom : Benjamin Delespierre
Âge : 24
Localisation : France

Informations professionnelles :
Activité : Développeur Web
Secteur : High Tech - Opérateur de télécommunications

Informations forums :
Inscription : février 2010
Messages : 2 984
Points : 5 014
Points : 5 014
Citation:
Proposez moi une solution adaptée pour afficher le texte contenu dans le conteneur du milieu avec un ascenseur vertical
Code :
1
2
3
4
5
 
#milieu {
  height: 800px;
  overflow: auto;
}
Et c'est beurk.
Va par ici pour trouver un squelette de layout qui te va: http://blog.html.it/layoutgala/
__________________
A la recherche d'un framework MVC facile a prendre en main ? Essayez Axiom
Nouveau: la référence d'Axiom est disponible sur GitHub (je la peaufine en ce moment même).

Un problème correctement identifié est à moitié résolu, évitez de poster l'intégralité de votre code avec pour seule explication "ça ne marche pas...".
Pour identifier correctement vos problèmes PHP, utilisez la gestion des erreurs et xdebug.

Les boutons et existent, servez-vous en
Benjamin Delespierre est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 21/03/2011, 17h00   #12
Nouveau Membre du Club
 
Inscription : septembre 2006
Messages : 548
Détails du profil
Informations forums :
Inscription : septembre 2006
Messages : 548
Points : 29
Points : 29
c'est pas bien de mélanger du code php et du css
toutounesan est déconnecté   Envoyer un message privé Réponse avec citation 10
Vieux 21/03/2011, 17h51   #13
Membre Expert
 
Inscription : septembre 2010
Messages : 1 240
Détails du profil
Informations forums :
Inscription : septembre 2010
Messages : 1 240
Points : 1 562
Points : 1 562
Citation:
Envoyé par toutounesan Voir le message
c'est pas bien de mélanger du code php et du css
ça dépend de pourquoi tu le fais, et de comment tu le fais.
__________________
- Réalisations
- Interface graphique : génération en javascript d'objets défilants, texte et/ou images, mode horizontal ou vertical.
ABCIWEB est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 21/03/2011, 19h09   #14
Modérateur
 
Avatar de Benjamin Delespierre
 
Benjamin Delespierre
Développeur Web
Inscription : février 2010
Messages : 2 984
Détails du profil
Informations personnelles :
Nom : Benjamin Delespierre
Âge : 24
Localisation : France

Informations professionnelles :
Activité : Développeur Web
Secteur : High Tech - Opérateur de télécommunications

Informations forums :
Inscription : février 2010
Messages : 2 984
Points : 5 014
Points : 5 014
Citation:
ça dépend de pourquoi tu le fais, et de comment tu le fais.
Non c'est pas bien. Dans aucun cas c'est bien, ça signifie que tu t'es merdé dans ta conception. La raison principale qui pousse les programmeurs à ne pas le faire: car les scripts CSS seraient rechargés à chaque page. La raison principale qui pousse les programmeurs à le faire: la paresse et la méconnaissance générale de CSS (et du CSS Orienté Objet).

J'ajouterai peut être une exception: la génération d'un fichier .css une et une seule fois à l'installation d'un composant. Mais je ne vois vraiment aucun autre cas ou ce soit utile.
__________________
A la recherche d'un framework MVC facile a prendre en main ? Essayez Axiom
Nouveau: la référence d'Axiom est disponible sur GitHub (je la peaufine en ce moment même).

Un problème correctement identifié est à moitié résolu, évitez de poster l'intégralité de votre code avec pour seule explication "ça ne marche pas...".
Pour identifier correctement vos problèmes PHP, utilisez la gestion des erreurs et xdebug.

Les boutons et existent, servez-vous en
Benjamin Delespierre est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 21/03/2011, 21h02   #15
Membre Expert
 
Inscription : septembre 2010
Messages : 1 240
Détails du profil
Informations forums :
Inscription : septembre 2010
Messages : 1 240
Points : 1 562
Points : 1 562
Citation:
Envoyé par Benjamin Delespierre Voir le message
Non c'est pas bien. Dans aucun cas c'est bien, ça signifie que tu t'es merdé dans ta conception. La raison principale qui pousse les programmeurs à ne pas le faire: car les scripts CSS seraient rechargés à chaque page. La raison principale qui pousse les programmeurs à le faire: la paresse et la méconnaissance générale de CSS (et du CSS Orienté Objet).

J'ajouterai peut être une exception: la génération d'un fichier .css une et une seule fois à l'installation d'un composant. Mais je ne vois vraiment aucun autre cas ou ce soit utile.
En admettant que tu enregistre des préférences utilisateur (couleur du backgound d'un div par exemple) dans une bdd. Tu fais comment pour que le css soit indépendant de php et reprenne à la fois les variables php ?

Ou alors quand tu lis le terme CSS tu pense uniquement à feuilles de styles externes ?
__________________
- Réalisations
- Interface graphique : génération en javascript d'objets défilants, texte et/ou images, mode horizontal ou vertical.
ABCIWEB est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 21/03/2011, 22h41   #16
Nouveau Membre du Club
 
Inscription : septembre 2006
Messages : 548
Détails du profil
Informations forums :
Inscription : septembre 2006
Messages : 548
Points : 29
Points : 29
De shikiryo :
As-tu essayé de débuggué ceci par toi-même ? Par exemple en essayant de connaître la valeur de "$contenu" ?

Comment peut-on débuggué? Comment peut on voir la valeur de $contenu?
toutounesan est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 22/03/2011, 11h51   #17
Modérateur
 
Avatar de Benjamin Delespierre
 
Benjamin Delespierre
Développeur Web
Inscription : février 2010
Messages : 2 984
Détails du profil
Informations personnelles :
Nom : Benjamin Delespierre
Âge : 24
Localisation : France

Informations professionnelles :
Activité : Développeur Web
Secteur : High Tech - Opérateur de télécommunications

Informations forums :
Inscription : février 2010
Messages : 2 984
Points : 5 014
Points : 5 014
Citation:
En admettant que tu enregistre des préférences utilisateur (couleur du backgound d'un div par exemple) dans une bdd. Tu fais comment pour que le css soit indépendant de php et reprenne à la fois les variables php ?
Il y a deux solutions pour moi: soit l'utilisateur à fourni sa propre feuille de style, soit j'utilise des règles existantes de cette façon:
Code :
1
2
 
<div class="c1 c2 c3" />
où c1 c2 et c3 sont déterminées selons les préférences utilisateur.
__________________
A la recherche d'un framework MVC facile a prendre en main ? Essayez Axiom
Nouveau: la référence d'Axiom est disponible sur GitHub (je la peaufine en ce moment même).

Un problème correctement identifié est à moitié résolu, évitez de poster l'intégralité de votre code avec pour seule explication "ça ne marche pas...".
Pour identifier correctement vos problèmes PHP, utilisez la gestion des erreurs et xdebug.

Les boutons et existent, servez-vous en
Benjamin Delespierre est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 22/03/2011, 12h20   #18
Membre chevronné
 
Homme
Développeur Web
Inscription : mars 2011
Messages : 399
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : France, Paris (Île de France)

Informations professionnelles :
Activité : Développeur Web
Secteur : Finance

Informations forums :
Inscription : mars 2011
Messages : 399
Points : 662
Points : 662
Citation:
Envoyé par toutounesan Voir le message
Comment peut-on débuggué? Comment peut on voir la valeur de $contenu?
Débugage de base.
__________________
Membre de StackOverflow, je suis un fervant utilisateur de PHP et de jQuery.
Après des études de graphisme, j'ai décidé de mélanger développement web et web design. J'ai ainsi donc créé mon site web mais aussi plusieurs projets personnels.
Dans les plus aboutis, vous pourrez trouver dans mon labo et dans mon devblog, un raccourcisseur d'url, un bookmarklet pour envoyer l'url de la page actuelle vers votre email pour lire plus tard ou sauvegarder, mon générateur de template HTML5, etc...
Shikiryu est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 22/03/2011, 12h39   #19
Modérateur
 
Avatar de Benjamin Delespierre
 
Benjamin Delespierre
Développeur Web
Inscription : février 2010
Messages : 2 984
Détails du profil
Informations personnelles :
Nom : Benjamin Delespierre
Âge : 24
Localisation : France

Informations professionnelles :
Activité : Développeur Web
Secteur : High Tech - Opérateur de télécommunications

Informations forums :
Inscription : février 2010
Messages : 2 984
Points : 5 014
Points : 5 014
Une solution plus propre pour débugger est d'utiliser un débugger

http://xdebug.org/
__________________
A la recherche d'un framework MVC facile a prendre en main ? Essayez Axiom
Nouveau: la référence d'Axiom est disponible sur GitHub (je la peaufine en ce moment même).

Un problème correctement identifié est à moitié résolu, évitez de poster l'intégralité de votre code avec pour seule explication "ça ne marche pas...".
Pour identifier correctement vos problèmes PHP, utilisez la gestion des erreurs et xdebug.

Les boutons et existent, servez-vous en
Benjamin Delespierre est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 22/03/2011, 14h41   #20
Membre chevronné
 
Homme
Développeur Web
Inscription : mars 2011
Messages : 399
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : France, Paris (Île de France)

Informations professionnelles :
Activité : Développeur Web
Secteur : Finance

Informations forums :
Inscription : mars 2011
Messages : 399
Points : 662
Points : 662
Encore faut-il en avoir les moyens (ma boite ne veut pas l'installer sur le serveur de... dév...)...

Parfois, en vitesse, rien ne vaut un fichier log ou un var_dump
__________________
Membre de StackOverflow, je suis un fervant utilisateur de PHP et de jQuery.
Après des études de graphisme, j'ai décidé de mélanger développement web et web design. J'ai ainsi donc créé mon site web mais aussi plusieurs projets personnels.
Dans les plus aboutis, vous pourrez trouver dans mon labo et dans mon devblog, un raccourcisseur d'url, un bookmarklet pour envoyer l'url de la page actuelle vers votre email pour lire plus tard ou sauvegarder, mon générateur de template HTML5, etc...
Shikiryu est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 21h14.


 
 
 
 
Partenaires

Hébergement Web