Créer un div avec une taille definie

**sorceleur** · 22/08/2009, 01h31

Bonjour,

Je suis en train de modifier des templates de news lorsque mes news s'affiche ça donne ça : http://www.francetotalwar.fr/cute/sh...ive=&template=

Et je voudrais que ça donne cela :http://www.habbonet.fr/habbonet_news...ate=NEWSFRANCE
ici tout le texte est dans un espace définit et je ne c'est pas comment faire la même chose

mon code :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<body style="background-image:url(http://www.francetotalwar.fr/cute/data/upimages/fond2.jpg);
<P align=center>
<div style="width:960px; margin-bottom:15px;">
<div>
	<center>
		<strong>{title}</strong>
	</center>
</div>
 
<div style="text-align:; padding:5px; margin-top:5px; margin-bottom:1px; border-top:px solid #D3D3D3;"><!-- startprint -->
	<div align="left">{full-story}
		<!-- stopprint -->
	</div>
</div>
 
<div style="float: right;">{comments-num} Commentaire(s)</div>
 
<div><em>Posté le {date} par {author}</em></div>
<a href="{cute-http-path}/printphp.php" target="_blank">Imprimer cet article</a>
</div>
<hr>
<hr>

je sais que je vous demande de faire tout le travaille à ma place mais je suis désespérer, je vous serais très reconnaissant si vous m'aider

Merci

**tibotibo69** · 22/08/2009, 11h41

Salut,

il faut créer une div qui englobera tout ton code :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<body>
    <div style="width:70%">
        Ici tout ton code
    </div>
</body>

**sorceleur** · 22/08/2009, 13h55

Non ça ne marche pas le code donne cela :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

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
<body style="background-image:url(http://www.francetotalwar.fr/cute/data/upimages/fond2.jpg)>;
<div style="width:70%">
<P align=center>
<div style="width:960px; margin-bottom:15px;">
<div>
	<center>
		<strong>{title}</strong>
	</center>
</div>
 
<div style="text-align:; padding:5px; margin-top:5px; margin-bottom:1px; border-top:px solid #D3D3D3;"><!-- startprint -->
	<div align="left">{full-story}
		<!-- stopprint -->
	</div>
</div>
 
<div style="float: right;">{comments-num} Commentaire(s)</div>
 
<div><em>Posté le {date} par {author}</em></div>
<a href="{cute-http-path}/printphp.php" target="_blank">Imprimer cet article</a>
</div>
<hr>
<hr>
</div>
</body>

quelqu'un aurais une autre solution ?

**tibotibo69** · 22/08/2009, 14h35

Tu as un soucis au niveau de ta balise body :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<body style="background-image:url('http://www.francetotalwar.fr/cute/data/upimages/fond2.jpg')">

Il y avait aussi une balise <p> qui n'était pas fermée et il fallait enlever cette div :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<div style="width:960px; margin-bottom:15px;">

Essaye comme ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
<body style="background-image:url('http://www.francetotalwar.fr/cute/data/upimages/fond2.jpg')">
<div style="width:70%; margin:auto;">
 
 
		<div>
			<center>
				<strong>{title}</strong>
			</center>
		</div>
 
		<div style="text-align:; padding:5px; margin-top:5px; margin-bottom:1px; border-top:px solid #D3D3D3;"><!-- startprint -->
			<div align="left">{full-story}
				<!-- stopprint -->
			</div>
		</div>
 
		<div style="text-align:right;">{comments-num} Commentaire(s)</div>
 
		<div>
			<em>Posté le {date} par {author}</em>
		</div>
 
		<a href="{cute-http-path}/printphp.php" target="_blank">Imprimer cet article</a>
 
	<hr>
	<hr>
</div>
</body>

**HiRoN** · 24/08/2009, 10h59

Bonjour,

Spécifies-tu bien un DocType ?
Attention aux balises dépréciées (align / center) et aux styles en ligne (à externaliser)...

Créer un div avec une taille definie

CSS

Discussions similaires

Partager

Partager