Problème de cadrage

**Plom** · 28/02/2007, 10h22

Bonjour, je souhaite faire un cadre autour d'un texte.

Voici mon code (images en pièces jointes) :

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
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
<style type="text/css">
 
.div_content
{
	//background-image: url(./imgs/div_background.png);
	//width: 657px;
	//height: 600px;
	//margin: 10px 3px 10px 3px;
}
 
.div_content_top_left
{
	background: transparent url(./imgs/div_background_top_left.png) no-repeat scroll top left;
	width: 19px;
	height: 27px;
	float: left;
	//margin: 0px 0px 0px 0px;
}
 
.div_content_top
{
	background: transparent url(./imgs/div_background_top.png) repeat-x scroll top left;
	width: 200px;
	height: 27px;
	float: left;
	//margin: 0px 10px 0px 10px;
}
 
.div_content_top_right
{
	background: transparent url(./imgs/div_background_top_right.png) no-repeat scroll top right;
	width: 24px;
	height: 27px;
	float: left;
}
 
.div_content_bottom_left
{
	background: transparent url(./imgs/div_background_bottom_left.png) no-repeat scroll bottom left;
	width: 19px;
	height: 27px;
	float: right;
}
 
.div_content_bottom
{
	background: transparent url(./imgs/div_background_bottom.png) repeat-x scroll bottom left;
	width: 200px;
	height: 27px;
	float: left;
	//margin: 0px 10px 0px 10px;
}
 
.div_content_bottom_right
{
	background: transparent url(./imgs/div_background_bottom_right.png) no-repeat scroll bottom right;
	width: 24px;
	height: 27px;
	float: left;
}
 
.div_content_left
{
	background: transparent url(./imgs/div_background_left.png) repeat-y scroll top left;
	//width: 19px;
	//height: 28px;
	//margin: 10px 0px 10px 0px;
}
 
.div_content_right
{
	background: transparent url(./imgs/div_background_right.png) repeat-y scroll top right;
	//width: 24px;
	//height: 28px;
	//margin: 10px 0px 10px 0px;
}
 
</style>
 
<body>
 
<div align="center">
	<div id="div_content_top_left" class="div_content_top_left"></div>
	<div id="div_content_top" class="div_content_top"></div>
	<div id="div_content_top_right" class="div_content_top_right"></div>
	<div id="div_content_left" class="div_content_left"></div>
	<div id="div_content_right" class="div_content_right"></div>
	<div id="div_content_bottom_left" class="div_content_bottom_left"></div>
	<div id="div_content_bottom" class="div_content_bottom"></div>
	<div id="div_content_bottom_right" class="div_content_bottom_right"></div>
 
 
	<div id="div_content" class="div_content" align="center">
		<p>texte 1</p>
		<p>texte 2</p>
		<p>texte 3</p>
		<p>texte 4</p>
	</div>
 
</div>
 
</body>

Ca ne fonctionne pas, je pète les plombs, j'ai pris exemple sur plusieurs sites, j'ai essayer de différente façon en vain... (en peux voir les commentaires)
Le tout pour ressembler à ceci (avec le texte dedans et la case s'agrandi suivant la taille du texte :

Si qqun peu m'aider, merci !

Problème de cadrage

CSS

Mode arborescent

Discussions similaires

Partager

Partager