Mode d'emploi

Vous avez dans le dossier zip ci-joint tout ce qui se trouve sur cette page, y compris cette page elle-même.

Vous trouvez également deux boutons de format différent au format BMP.

Vous devez impérativement utiliser les boutons au format BMP pour fabriquer vos propres boutons que vous enregistrerez au format JPG. de cette façon, vous aurrez un bon résultat. Vous pouvez utiliser Paint shop Pro, ou tout autre programme image à votre convenance.

Ensuite, vous choisirez entre un fond de page avec bordure comme c'est le cas ici ou alors un fond de page uni. La texture unie sans bordure se trouve également dans le dossier zip au format BMP et JPG.

Si vous utilisez ce kit graphique, n'oubliez pas d'apposer au bas de votre page le logo KissDesign avec un lien pointant vers http://www.kissdesign.net

Mise en page avec bordure à gauche

Ici je vais tenter vous expliquer comment on fait pour utiliser une page avec bordure à gauche de façon à ce que le contenu de la page soit bien centré dans la partie vide.

Dans cette page j'ai commencé par faire un grand tableau de 100% de large.

Ensuite, j'ai pris un fond avec bordure à gauche de 1024 pixels de large.

Pourquoi 1024? Parce que certains internautes naviguent en 800x600 et d'autres en 1024x768... Si ton fond ne fait que 800 pixels de large, ceux qui naviguent en 1024 verront une deuxième fois la bordure sur la droite de leur écran et ce ne sera pas beau du tout...

Ensuite, ce tableau principal a une bordure de zéro pixel, donc invisible et on ne se rend pas compte qu'il y a un tableau.

Il est partagé en deux colonnes.

La colonne de gauche va couvrir la bordure et la colonne de droite, ce sera le contenu de la page.

Pour être certaine que rien ne peut modifier la colonne de gauche, je ne la laisse pas vide. J'y mets une image invisible. Elle s'appelle spacer.gif et elle est redimensionnable à volonté puisque transparente, elle ne risque pas de se déformer.

Dans mon programme HTML, je sélectionne cette image invisible en essayant de la repérer puisque je ne la vois pas et ensuite je tire dessus et je lui donne la même largeur que la largeur de ma bordure et même un peu plus pour ménager une petite marge dans la colonne de droite ...

De ce fait, la deuxième colonne à droite va couvrir toute la partie vide et c'est dedans que je vais construire ma page.

Voilà, C'est là tout le secret d'une page avec bordure à gauche bien centrée quand même ;-)

Quand vous enverrez votre page sur le net, n'oubliez pas aussi d'envoyer votre  image spacer.gif ;-)