Problème Kit graphique

Requiem32 · 30/07/2006, 19h40

Bonjour à tous,

je me suis lancé récemment dans la création de kit graphique et je rencontre mes premiers problèmes graphiques.

J'ai réalisé le kit sous photoshop et je l'ai découpé sous fireworks, afin de tout organiser j'utilise dreamweaver (version Cool.

Screen

Voila un screen de ce que ça donne.

Comme vous pouvez le voir il y a pas mal de zones où ça "bug".

Je ne vois pas du tout comment arranger ça. Auriez vous une idée de la manière dont je dois procéder pour arranger ça ?

Merci d'avance pour vos réponses

Maxoo · 31/07/2006, 11h13

allez de mémoire tu dois avoir fait un tableau et tu as mis toutes tes images dedans :
déja vire tout les   que tu vois !!
apres tu rajoutes

Code :

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

cellpadding="0" cellspacing="0" border="0"

dans ton tableau.

Requiem32 · 31/07/2006, 12h15

Et bien, je n'avais déjà aucun   et le code que tu m'as donné était déjà présent.

Je pense que le mieux est encore que je vous fournisse mon code source

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
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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0014)about:internet -->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>index.jpg</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
td img {display: block;}body {
	background-image: url(images/fond.png);
}
#Layer1 {
	position:absolute;
	width:220px;
	height:17px;
	z-index:1;
	left: 754px;
	top: 45px;
}
.Style2 {
	font-size: 11px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
a:link {
	color: #FFFFFF;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
a:active {
	text-decoration: none;
	color: #FFFFFF;
}
</style>
<!--Fireworks 8 Dreamweaver 8 target.  Created Sun Jul 30 00:18:50 GMT+0200 2006-->
</head>
<body bgcolor="#ffffff">

<table border="0" cellpadding="0" cellspacing="0" width="1024">
  <!-- fwtable fwsrc="Sans titre" fwbase="index.jpg" fwstyle="Dreamweaver" fwdocid = "1335746084" fwnested="0" -->
  <tr>
    <td><img src="images/spacer.gif" width="1" height="1" border="0" alt="" /></td>
    <td><img src="images/spacer.gif" width="226" height="1" border="0" alt="" /></td>
    <td><img src="images/spacer.gif" width="49" height="1" border="0" alt="" /></td>
    <td><img src="images/spacer.gif" width="39" height="1" border="0" alt="" /></td>
    <td><img src="images/spacer.gif" width="49" height="1" border="0" alt="" /></td>
    <td><img src="images/spacer.gif" width="142" height="1" border="0" alt="" /></td>
    <td><img src="images/spacer.gif" width="108" height="1" border="0" alt="" /></td>
    <td><img src="images/spacer.gif" width="100" height="1" border="0" alt="" /></td>
    <td><img src="images/spacer.gif" width="8" height="1" border="0" alt="" /></td>
    <td><img src="images/spacer.gif" width="88" height="1" border="0" alt="" /></td>
    <td><img src="images/spacer.gif" width="51" height="1" border="0" alt="" /></td>
    <td><img src="images/spacer.gif" width="4" height="1" border="0" alt="" /></td>
    <td><img src="images/spacer.gif" width="39" height="1" border="0" alt="" /></td>
    <td><img src="images/spacer.gif" width="32" height="1" border="0" alt="" /></td>
    <td><img src="images/spacer.gif" width="1" height="1" border="0" alt="" /></td>
  </tr>
    
  <tr>
    <td rowspan="2" colspan="9"><img name="index_r1_c1" src="images/index_r1_c1.jpg" width="810" height="43" border="0" id="index_r1_c1" alt="" /></td>
	
    <td colspan="2"><img name="index_r1_c10" src="images/index_r1_c10.jpg" width="139" height="22" border="0" id="index_r1_c10" alt="" /></td>
    <td rowspan="2" colspan="3"><img name="index_r1_c12" src="images/index_r1_c12.jpg" width="75" height="43" border="0" id="index_r1_c12" alt="" /></td>
    <td><img src="images/spacer.gif" width="1" height="22" border="0" alt="" /></td>
  </tr>
  <tr>
    <td colspan="2"><div><img name="index_r2_c10" src="images/index_r2_c10.jpg" width="139" height="21" border="0" id="index_r2_c10" alt="" />
      <div class="Style2" id="Layer1"><a href="#">Accueil</a> - <a href="#">Plan du Site</a> - <a href="#">Contact </a></div>
    </div></td>
    <td><img src="images/spacer.gif" width="1" height="21" border="0" alt="" /></td>
  </tr>
  <tr>
    <td colspan="14"><img name="index_r3_c1" src="images/index_r3_c1.jpg" width="1024" height="253" border="0" id="index_r3_c1" alt="" /></td>
    <td><img src="images/spacer.gif" width="1" height="253" border="0" alt="" /></td>
  </tr>
  <tr>
    <td rowspan="3"><img name="index_r4_c1" src="images/index_r4_c1.jpg" width="89" height="24" border="0" id="index_r4_c1" alt="" /></td>
    <td rowspan="2"><img name="index_r4_c2" src="images/index_r4_c2.jpg" width="226" height="23" border="0" id="index_r4_c2" alt="" /></td>
    <td rowspan="2"><img name="index_r4_c3" src="images/index_r4_c3.jpg" width="49" height="23" border="0" id="index_r4_c3" alt="" /></td>
    <td rowspan="2" colspan="2"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="88" height="23" title="Accueil">
      <param name="movie" value="images/accueil.swf" />
      <param name="quality" value="high" />
      <embed src="images/accueil.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="88" height="23"></embed>
    </object></td>
    <td rowspan="2"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="142" height="23" title="Présentation">
      <param name="movie" value="images/présentation.swf" />
      <param name="quality" value="high" />
      <embed src="images/présentation.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="142" height="23"></embed>
    </object></td>
    <td rowspan="2"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="108" height="23" title="Systèmes">
      <param name="movie" value="images/systèmes.swf" />
      <param name="quality" value="high" />
      <embed src="images/systèmes.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="108" height="23"></embed>
    </object></td>
    <td rowspan="2"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="100" height="23" title="Musiques">
      <param name="movie" value="images/musique.swf" />
      <param name="quality" value="high" />
      <embed src="images/musique.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="100" height="23"></embed>
    </object></td>
    <td colspan="2"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="96" height="22" title="Screens">
      <param name="movie" value="images/screens.swf" />
      <param name="quality" value="high" />
      <embed src="images/screens.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="96" height="22"></embed>
    </object></td>
    <td rowspan="2" colspan="3"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="94" height="23" title="Contacts">
      <param name="movie" value="images/contacts.swf" />
      <param name="quality" value="high" />
      <embed src="images/contacts.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="94" height="23"></embed>
    </object></td>
    <td rowspan="2"><img name="index_r4_c14" src="images/index_r4_c14.jpg" width="32" height="23" border="0" id="index_r4_c14" alt="" /></td>
    <td><img src="images/spacer.gif" width="1" height="22" border="0" alt="" /></td>
  </tr>
  <tr>
    <td colspan="2"><img name="index_r5_c9" src="images/index_r5_c9.jpg" width="96" height="1" border="0" id="index_r5_c9" alt="" /></td>
    <td><img src="images/spacer.gif" width="1" height="1" border="0" alt="" /></td>
  </tr>
  <tr>
    <td rowspan="3" colspan="3"><img name="index_r6_c2" src="images/index_r6_c2.jpg" width="314" height="59" border="0" id="index_r6_c2" alt="" /></td>
    <td rowspan="2"><img name="index_r6_c5" src="images/index_r6_c5.jpg" width="49" height="47" border="0" id="index_r6_c5" alt="" /></td>
    <td rowspan="2" colspan="7"><img name="index_r6_c6" src="images/index_r6_c6.jpg" width="501" height="47" border="0" id="index_r6_c6" alt="" /></td>
    <td rowspan="7" colspan="2"><img name="index_r6_c13" src="images/index_r6_c13.jpg" width="71" height="361" border="0" id="index_r6_c13" alt="" /></td>
    <td><img src="images/spacer.gif" width="1" height="1" border="0" alt="" /></td>
  </tr>
  <tr>
    <td><img name="index_r7_c1" src="images/index_r7_c1.jpg" width="89" height="46" border="0" id="index_r7_c1" alt="" /></td>
    <td><img src="images/spacer.gif" width="1" height="46" border="0" alt="" /></td>
  </tr>
  <tr>
    <td rowspan="4"><img name="index_r8_c1" src="images/index_r8_c1.jpg" width="89" height="301" border="0" id="index_r8_c1" alt="" /></td>
    <td><img name="index_r8_c5" src="images/index_r8_c5.jpg" width="49" height="12" border="0" id="index_r8_c5" alt="" /></td>
    <td rowspan="2" colspan="7"><IFRAME 
             name=edito 
             align=center 
             marginWidth=0
             marginHeight=0 
             src="iframe2.html" 
             frameBorder=no 
             noResize 
             width=502
             height=134> </IFRAME></td>
    <td><img src="images/spacer.gif" width="1" height="12" border="0" alt="" /></td>
  </tr>
  <tr>
    <td rowspan="3" colspan="3"><IFRAME 
             name=edito 
             align=center 
             marginWidth=0
             marginHeight=0 
             src="iframe1.html" 
             frameBorder=no 
             noResize 
             width=316
             height=288> </IFRAME></td>
    <td rowspan="3"><img name="index_r9_c5" src="images/index_r9_c5.jpg" width="49" height="289" border="0" id="index_r9_c5" alt="" /></td>
    <td><img src="images/spacer.gif" width="1" height="123" border="0" alt="" /></td>
  </tr>
  <tr>
    <td colspan="7"><img name="index_r10_c6" src="images/index_r10_c6.jpg" width="501" height="71" border="0" id="index_r10_c6" alt="" /></td>
    <td><img src="images/spacer.gif" width="1" height="71" border="0" alt="" /></td>
  </tr>
  <tr>
    <td rowspan="2" colspan="7"><IFRAME 
             name=edito 
             align=center 
             marginWidth=0
             marginHeight=0 
             src="iframe3.html" 
             frameBorder=no 
             noResize 
             width=502
             height=108> </IFRAME></td>
    <td><img src="images/spacer.gif" width="1" height="95" border="0" alt="" /></td>
  </tr>
  <tr>
    <td rowspan="2"><img name="index_r12_c1" src="images/index_r12_c1.jpg" width="89" height="101" border="0" id="index_r12_c1" alt="" /></td>
    <td rowspan="2" colspan="3"><img name="index_r12_c2" src="images/index_r12_c2.jpg" width="314" height="101" border="0" id="index_r12_c2" alt="" /></td>
    <td><img name="index_r12_c5" src="images/index_r12_c5.jpg" width="49" height="13" border="0" id="index_r12_c5" alt="" /></td>
    <td><img src="images/spacer.gif" width="1" height="13" border="0" alt="" /></td>
  </tr>
  <tr>
    <td><img name="index_r13_c5" src="images/index_r13_c5.jpg" width="49" height="88" border="0" id="index_r13_c5" alt="" /></td>
    <td colspan="7"><img name="index_r13_c6" src="images/index_r13_c6.jpg" width="501" height="88" border="0" id="index_r13_c6" alt="" /></td>
    <td colspan="2"><img name="index_r13_c13" src="images/index_r13_c13.jpg" width="71" height="88" border="0" id="index_r13_c13" alt="" /></td>
    <td><img src="images/spacer.gif" width="1" height="88" border="0" alt="" /></td>
  </tr>
</table>
</body>
</html>

30/07/2006, 19h40	#1
Requiem32 Invité de passage Inscription : juillet 2006 Messages : 4 Détails du profil Informations forums : Inscription : juillet 2006 Messages : 4 Points : 0 Points : 0	Problème Kit graphique Bonjour à tous, je me suis lancé récemment dans la création de kit graphique et je rencontre mes premiers problèmes graphiques. J'ai réalisé le kit sous photoshop et je l'ai découpé sous fireworks, afin de tout organiser j'utilise dreamweaver (version Cool. Screen Voila un screen de ce que ça donne. Comme vous pouvez le voir il y a pas mal de zones où ça "bug". Je ne vois pas du tout comment arranger ça. Auriez vous une idée de la manière dont je dois procéder pour arranger ça ? Merci d'avance pour vos réponses
	00

31/07/2006, 11h13	#2
Maxoo Expert Confirmé Maxime Pasquier Expert PHP Inscription : novembre 2004 Messages : 2 126 Détails du profil Informations personnelles : Nom : Maxime Pasquier Âge : 28 Localisation : France, Loire Atlantique (Pays de la Loire) Informations professionnelles : Activité : Expert PHP Secteur : High Tech - Multimédia et Internet Informations forums : Inscription : novembre 2004 Messages : 2 126 Points : 2 602 Points : 2 602	allez de mémoire tu dois avoir fait un tableau et tu as mis toutes tes images dedans : déja vire tout les   que tu vois !! apres tu rajoutes Code : Sélectionner tout - Visualiser dans une fenêtre à part cellpadding="0" cellspacing="0" border="0" dans ton tableau. __________________ Pour une bien meilleur lisibilité, utilisez la balise [code], c'est le [#] dans votre éditeur. Mon espace Développez : mes Créations. Rencontre & Carte des Membres de Developpez.com, version 3.0
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email