Version complète: sur le forum Webmaster Hub : Intègration d'un design avec CSS
Webmaster Hub > Création et exploitation de Sites Internet > Les fondations d'un site > Le Webdesign
Developer
Salut à tous smile.gif

Je cherche comment intégré mon design après l'avoir découpé à l'aide de FireWorks en utilisant CSS et éviter au maximum les tableaux ?

Des tuto ?
conseils ?
Astuces ?

Merci pour tous vos remarques et réponses smile.gif

Je vous souhaite une agréable fin de soirée.

Amicalement.
Anonymus
Tu trouveras ton bonheur dans l'annuaire du Hub :
http://www.webmaster-hub.com/topsites/inde...tory&category=7
Tutos, conseils et astuces.

Sinon, parcours le site dans la section html/css, et tu trouveras quantité de conseils et astuces te permettant de progresser wink.gif

Et n'hésites pas à y poser une question, nulle doute que des experts viendront y répondre smile.gif
Developer
Merci beaucoup Anonymus smile.gif

Je jetterai un coup d'oeil et je reviendrai wink.gif
Developer
Très interessant !!
Je passerai la journée à lire les articles wink.gif
Developer
Salut à tous smile.gif

J'ai passé 2 jours à lire les articles et je me suis décidé à entammer l'étape du pratique wink.gif
Cependant, et tout au long de cette étape, j'ai rencontré plusieurs problèmes:

j'ai découpé mon design et j'ai commencé la mise en page mais

1/ j'ai pas su quand est ce que je devrais utiliser : div#option et quand est-ce que .option

2/ Qu'elle est la différence ? (pourquoi je met parfois dans la page HTML: id et class) ?

3/ J'ai 2 images en mode "background" que je veux les mettre l'une au dessous de l'autre, j'ai essayé tout (#, .class, div, p..) mais j'ai pas pu puisque j'ai déja un background qui représente le contenu de mon site.

4/ Je pense que ce n'est pas assez clair mes questions sad.gif mais bon j'essaye toujours.

Si quelqu'un pourrai m'assister à la mise en page de mon site directement par MSN ou autre, ça sera géniale et super gentil
smile.gif

Je vous souhaite une agréable fin de soirée smile.gif
Loupilo
Pas de messenger sur le Hub : il est plus constructif et plus utile que les discussions soient publiques wink.gif

Pour répondre à tes questions, un #div (id) est unique, tu ne peux en mettre qu'un dans ta page. À l'inverse, un .date (class) peut être réutilisé autant de fois que tu le désires dans ta page.
Exemple : si tu as un <div> qui contient le haut de ta page, il sera unique, et tu peux lui donner un id #haut. Dans ta feuille de style, tu pourras modifier son apparence grace à #haut { ... }.
Par contre si tu désires mettre en gras des éléments divers (<span>, <p>, ...), tu peux leur attribuer à tous une classe .gras et dans ta feuille de style ajouter .gras { font-weight:bold; }. Ils seront donc tous épaissis, sans distinction.

Pour ton histoire d'arrière plan, je n'ai pas bien compris... Quelle image souhaites-tu mettre en fond de quoi ?
Developer
CITATION(Loupilo @ samedi 19 novembre 2005, 23h42)
Pas de messenger sur le Hub : il est plus constructif et plus utile que les discussions soient publiques wink.gif

Ok, c'est noté wink.gif

CITATION(Loupilo @ samedi 19 novembre 2005, 23h42)
Pour répondre à tes questions, un #div (id) est unique, tu ne peux en mettre qu'un dans ta page. À l'inverse, un .date (class) peut être réutilisé autant de fois que tu le désires dans ta page.
Exemple : si tu as un <div> qui contient le haut de ta page, il sera unique, et tu peux lui donner un id #haut. Dans ta feuille de style, tu pourras modifier son apparence grace à #haut { ... }.
Par contre si tu désires mettre en gras des éléments divers (<span>, <p>, ...), tu peux leur attribuer à tous une classe .gras et dans ta feuille de style ajouter .gras { font-weight:bold; }. Ils seront donc tous épaissis, sans distinction.


Merci smile.gif

CITATION(Loupilo @ samedi 19 novembre 2005, 23h42)
Pour ton histoire d'arrière plan, je n'ai pas bien compris... Quelle image souhaites-tu mettre en fond de quoi ?
*


Au fait, mon design se compose de 3 parties: Bannière en haut (toute la largeur du page) / Contenu juste en bas (80% de la largeur) / Menu (Juste à droite du contenu et en dessous de la bannière).

J'ai pas pu mettre le Menu (qui se compose de plusieurs élement (images, texte et background parfois) à côté de contenu.. a chaque fois je trouve un résultat mais jamais celui souhaité.

J'espère que j'ai bien expliqué, dans le cas contraire, si ça peut avancer je ferai une petite image représentative.

Encore merci pour tes réponses smile.gif
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.