Petit problème de mise en forme

**simplyme** · 27/11/2006, 11h45

Bonjour,

Nouveau souci dans la création de mon site.
Lorsque j'essaie d'insérer du texte dans ma "zone de texte" et que j'y ajoute un style de font, j'ai une petite ligne indésirable qui se rajoute au dessus de mon "cadre de zone de texte". Je comprends pas et je remarque que plus j'écris, plus cette ligne s'épaissi...
Qqn a une idée de ce que je dois faire? Pq cette ligne s'inscruste?? Je lui ai rien demandé moi! lol

Merci d'avance...

Voici le code, ce sera plus parlant:

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
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
<html>
<head>
<title>Background Essai 7slide</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
.style1 {font-family: Georgia, "Times New Roman", Times, serif}
-->
</style></head>
<body bgcolor="#ddd69e" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (Background Essai 7slide.psd) -->
<table id="Table_01" width="781" height="601" border="0" cellpadding="0" cellspacing="0" align="center">
	<tr>
		<td colspan="10">
			<img src="images/index_01.jpg" width="341" height="125" alt=""></td>
		<td>
			<img src="images/index_02.jpg" width="439" height="125" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="125" alt=""></td>
	</tr>
	<tr>
		<td colspan="4">
			<img src="images/index_03.jpg" width="153" height="20" alt=""></td>
		<td rowspan="2">
			<img src="images/index_04.jpg" width="1" height="135" alt=""></td>
		<td colspan="3" rowspan="2">
			<img src="images/index_05.jpg" width="95" height="135" alt=""></td>
		<td rowspan="2">
			<img src="images/index_06.jpg" width="1" height="135" alt=""></td>
		<td rowspan="7">
			<img src="images/index_07.jpg" width="91" height="475" alt=""></td>
		<td rowspan="7">
			<div style="background:url(images/index_08.jpg)" "width="439px";height="475px"> 
			  <p>&nbsp;</p>
			  <p align="center"><span class="style1">N'h&eacute;sitez pas &agrave; nous contacter. </span></p>
			  <p align="center"><span class="style1">Merci de votre visite. </span></p>
			  <p align="center" class="style1">A bient&ocirc;t. </p>
			  <p align="center" class="style1">Cliquez sur le lien suivant. </p>
			  <p>&nbsp;</p>
			  <p>&nbsp;</p>
			  <p>&nbsp;</p>
			  <p>&nbsp;</p>
			  <p>&nbsp;</p>
			  <p>&nbsp;</p>
			  <p>&nbsp;</p>
			  <p>&nbsp;</p>
		    </div></td>
		<td>
			<img src="images/spacer.gif" width="1" height="20" alt=""></td>
	</tr>
	<tr>
		<td rowspan="4">
			<img src="images/index_09.jpg" width="34" height="339" alt=""></td>
		<td colspan="2">
			<img src="images/index_10.jpg" width="99" height="115" alt=""></td>
		<td rowspan="4">
			<img src="images/index_11.jpg" width="20" height="339" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="115" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/index_12.jpg" width="2" height="109" alt=""></td>
		<td>
			<img src="images/index_13.jpg" width="97" height="109" alt=""></td>
		<td colspan="5">
			<img src="images/index_14.jpg" width="97" height="109" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="109" alt=""></td>
	</tr>
	<tr>
		<td colspan="2" rowspan="2">
			<img src="images/index_15.jpg" width="99" height="115" alt=""></td>
		<td colspan="5">
			<img src="images/index_16.jpg" width="97" height="98" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="98" alt=""></td>
	</tr>
	<tr>
		<td colspan="2" rowspan="3">
			<img src="images/index_17.jpg" width="2" height="133" alt=""></td>
		<td rowspan="2">
			<a href="contact.html"><img src="images/index_18.jpg" alt="" width="93" height="115" border="0"></a></td>
		<td colspan="2" rowspan="2">
			<img src="images/index_19.jpg" width="2" height="115" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="17" alt=""></td>
	</tr>
	<tr>
		<td colspan="4" rowspan="2">
			<img src="images/index_20.jpg" width="153" height="116" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="98" alt=""></td>
	</tr>
	<tr>
		<td colspan="2">
			<img src="images/index_21.jpg" width="94" height="18" alt=""></td>
		<td>
			<img src="images/index_22.jpg" width="1" height="18" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="18" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/spacer.gif" width="34" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="2" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="97" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="20" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="93" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="91" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="439" height="1" alt=""></td>
		<td></td>
	</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>

**blueice** · 27/11/2006, 11h53

Quelle zone de texte ? Je n'en vois aucune dans ton code
Une capture ne serait pas de trop...

**Bisûnûrs** · 27/11/2006, 12h13

Tu as déjà un soucis de guillemets ...

Heureusement que la coloration syntaxique est là pour nous aider à détecter ce genre d'erreur du premier coup.

**simplyme** · 27/11/2006, 13h01

J'ai du mal m'exprimer...

Je veux écrire sous mon image qui est mis en "Background".

Ensuite, Bisunurs, pas sur d'avoir vu où sont mes problèmes de guillemets... C'est au niveau des width et height du Background c ca?

**blueice** · 27/11/2006, 13h43

Ca commence à cette ligne... :

Code :

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

1
2
 
<div style="background:url(images/index_08.jpg)" "width="439px";height="475px">

Je veux écrire sous mon image qui est mis en "Background".

Pour celà il faut que ton image soit en position absolute.

**simplyme** · 28/11/2006, 09h23

Blueice merci pour ta réponse, mais j'ai omis de présicé que je suis quelque peu novice danns la matière...
Que signifie mettre l'image en position "absolue"?? Et surtout comment faire pour mettre cette image en position absolue?

Merci!!

**simplyme** · 30/11/2006, 19h36

Pour finir, j'ai réussi à mettre mon image en position "absolute" grâce au code suivant:

Code html :

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

1
2
3
<div id="image" style="position:absolute; left: 575px; top:125px; width:439px; height:475px; z-index:1"><img src="images/index_08.jpg" ></div>
 
<div id="texte" style="position:absolute; left:575px; top:125px; width:439px; height:475px; z-index:1">

Par contre, sur Dremweaver il m'est impossible de bien centrer mon image, hors quand je clique sur l'aperçu (F12) j'ai réussi à bien centrer l'image. Et je me demande donc si la fonction "position:absolute" est compatible avec la fonction "center" que j'ai mis plus haut. Avec ce code ci, pour être plus parlant:

Code html :

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

<table id="Table_01" width="781" height="601" border="0" cellpadding="0" cellspacing="0" align="center">

Peut être que ca ne joue en rien, mais j'essaie de comprendre tout de même! ;-)

Petit problème de mise en forme

HTML

Discussions similaires

Partager

Partager