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

Version imprimable

10/03/2013, 17h11
louisdpb

2 pièce(s) jointe(s)

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

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
10/03/2013, 17h18
franck31

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.

code html

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:

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>

10/03/2013, 17h35
louisdpb

question

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.
10/03/2013, 19h27
rodolphebrd

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.
11/03/2013, 09h16
franck31

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.
11/03/2013, 09h42
Torgar

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.