Page html en 1024X768 qui n'est pas en plein écran

**louisdpb** · 10/03/2013, 17h11

Bonjour,

Je viens de travailler sur mon site avec photoshop au format 1024x768 mais lorsque j'exporte le tout en html cela ne s'affiche pas en plein écran. Mes images sont au centre et il y a du vide partout autour.

Je test mon site sur un écran 1024x768 et il y a du blanc partout autour de mon site.

Pourtant sur photoshop tout est en plein écran.

Pouvez vous me dire d'ou cela viens.

Merci

**franck31** · 10/03/2013, 17h18

On ne sait pas comment est faite ta page sans code ou sans la voir difficile à dire. En plus tout dépend de la largeur de l'écran.

**louisdpb** · 10/03/2013, 17h25

voici mon code il s'agit d'un export psd vers html en faisant exporter pour le web cela traduit tout en html après je fait le ménage des images inutiles .

je vous le transmets brut.il n'y a pas de css.

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
<html>
<head>
<title>site - Copie</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (site - Copie.psd) -->
<table id="Table_01" width="1025" height="769" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td colspan="2">
			<img src="images/site---Copie_01.png" width="179" height="73" alt=""></td>
		<td colspan="5">
			<img src="images/site---Copie_02.png" width="695" height="73" alt=""></td>
		<td rowspan="6">
			<img src="images/site---Copie_03.png" width="150" height="657" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="73" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/site---Copie_04.png" width="20" height="37" alt=""></td>
		<td colspan="2" rowspan="4">
			<img src="images/site---Copie_05.gif" width="205" height="582" alt=""></td>
		<td colspan="4" rowspan="2">
			<img src="images/site---Copie_06.png" width="649" height="136" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="37" alt=""></td>
	</tr>
	<tr>
		<td rowspan="2">
			<img src="images/site---Copie_07.gif" width="20" height="450" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="99" alt=""></td>
	</tr>
	<tr>
		<td colspan="3">
			<img src="images/site---Copie_08.gif" width="606" height="351" alt=""></td>
		<td rowspan="3">
			<img src="images/site---Copie_09.png" width="43" height="448" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="351" alt=""></td>
	</tr>
	<tr>
		<td rowspan="3">
			<img src="images/site---Copie_10.gif" width="20" height="208" alt=""></td>
		<td rowspan="3">
			<img src="images/site---Copie_11.gif" width="149" height="208" alt=""></td>
		<td colspan="2" rowspan="2">
			<img src="images/site---Copie_12.png" width="457" height="97" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="95" alt=""></td>
	</tr>
	<tr>
		<td colspan="2" rowspan="2">
			<img src="images/site---Copie_13.gif" width="205" height="113" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="2" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/site---Copie_14.png" width="264" height="111" alt=""></td>
		<td colspan="3">
			<img src="images/site---Copie_15.gif" width="386" height="111" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="111" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/spacer.gif" width="20" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="159" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="46" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="149" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="264" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="193" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="43" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="150" height="1" alt=""></td>
		<td></td>
	</tr>
</table>
<!-- End Save for Web Slices -->
</body>
</html>

**louisdpb** · 10/03/2013, 17h35

mon ecran est super large : je suis en 1920x1080

en 1024x768 le site s'affiche parfaitement.

mais mon site est censé etre fait pour la majoritédes gens : d'apres les statistiques la tail d'ecran moyenne est de 1024x768 les ordis de ma maison sont tous plus de 1024x768

Donc quel résolution prendre pour etre affiché correctement partout aussi bien sur petite résolution que grande sans fond perdu.En plus je connais rien au responsive design donc je peux rien faire et mon site n'est pas fait pour.

**rodolphebrd** · 10/03/2013, 19h27

Bonjour;

exportez votre site de Photoshop vers html: ça veut dire que Ps à générer un code html/css à partir de votre projet? Si oui mauvaise idée!!

Sans votre code css il sera difficile de voir vraiment où est le problème.

**franck31** · 11/03/2013, 09h16

Effectivement le mieux est de faire vos découpe du psd et de faire votre mise en forme car l'export fabrique un html difficilement modulable.

**Torgar** · 11/03/2013, 09h42

Salut,

Le souci d'un export Photoshop, c'est qu'il génère tous sous forme d'image. Et là, tu n'obtiendras jamais un site adaptable aux différentes résolutions.

Il faut penser autrement et donc utiliser Photoshop pour créer tes éléments graphiques (fond, images, puces, etc.) mais tu dois faire ta mise en page toi-même.

Page html en 1024X768 qui n'est pas en plein écran

HTML

Discussions similaires

Partager

Partager