Titre: Question en 800*600
Posté par: VeX0^ le le 13-05-2005 a 17:48:27
Salut a tous !
Je voulais savoir comment faire pour que mon design aparaisent corectement en 800*600.
je m'explique aller sur www.kit-graphique.net remarquer que le design a une hombre de chaque coté ! Quand on passe sa resolution en 800*600 l'hombre disparait et le design est correctement intergrer dans la page !
Comment reproduire le meme effet ?
Merci de votre aide ! |
Titre: Re:Question en 800*600
Posté par: jb_gfx le le 14-05-2005 a 22:39:01
Pour ce genre de mise en page c'est trés (extremement) simple, tu fais ton design en 800 pixels de large maximum. Normallement on prevoi une taille legerement inférieur à 800, histoire que les barres de défillement rentre dans la page. Moi je prend 740 pixels, voir 760.
Ensuite tu centre ton design horizontalement dans la page (dans ton code HTML / CSS).
Imaginons que ton design soit conçu en 740 pixels de large et que tu veuille le centrer dans la page.
Tu englobe l'intégralité de ta page dans un bloc, je l'appelle ici "global", cela donne :
Code:
<body>
<div id="global">
ton code html ici
</div>
</body>
|
|
Puis le code CSS correspondant qui donne la largeur le centrage au bloc :
Code:
body {
margin: 0; /* mise à zéro des marges par défaut */
padding: 0; /* mise à zéro des marges par défaut */
text-align: center; /* centrage pour IE 5 */
}
div#global {
width: 740px;
margin: auto; /* centrage pour les navigateurs supportant correctement CSS2 */
text-align: left; /* rétabli l'alignement du texte*/
}
|
|
C'est tout, aprés à toi de prevoir ton graphisme et ta mise en page pour qu'elle fasse bien 740 pixels de large... |
Titre: Re:Question en 800*600
Posté par: VeX0^ le le 16-05-2005 a 18:04:13
| Merci super sympa je vais tester ;) |
Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.
|