Comment découperiez-vous ce design « complexe » en 2 colonnes ?

Bonjour à tous,

Je me suis récemment fait faire mon design par une équipe de graphisme renommée, Kloobik.org. C'est même le grand patron en personne qui m'a fait l'honneur de le concevoir. Cependant, j'aurais besoin de mon design assez vite et l'intégrateur HTML de l'équipe Kloobik est un peu lent !

J'ai de bonnes connaissances en CSS, mais j'ai des difficultés à savoir comment découper ce design en utilisant autre chose que des tableaux, tout en le laissant léger. C'est pourquoi je m'en vais demander votre avis, qui me permettra de coder efficacement.

Voici le design :
http://img377.imageshack.us/img377/2361/index001db0.th.jpg

Mes interrogations sont les suivantes :
1. Il y a une zone de séparation exotique entre le contenu (à gauche) et le menu (à droite). Comment coder cela « proprement » ?
2. Il semblerait qu'il y ait un dégradé de haut en bas. Comment faire pour appliquer ce dégradé en fond et mettre une couleur uniforme après ?
3. Comment pourraient se coder les éléments de menu en haut (je possède une version où le header est nu) ?


En espérant que vos conseils me permettront de finir ce projet personnel,
Diti.
Modifié par Felipe (20 Mar 2008 - 19:48)

Bonjour,

où se place le texte et le contenu en général dans cette page? Pour le menu et le footer j'ai bien compris, mais pour le reste?
C'est au moins aussi important dans le découpage que les images de fond

Pour le 2, tu peux regarder ce tuto: http://www.alsacreations.com/articles/cadre/ (2 divs imbriqués et une image bien plus longue que prévu) ou bien

background: #couleur_qui_se_répètera_en_dehors_de_l_image url(image_de_fond.png) left bottom_ou_top no-repeat;

Felipe a écrit :
où se place le texte et le contenu en général dans cette page? Pour le menu et le footer j'ai bien compris, mais pour le reste?
C'est au moins aussi important dans le découpage que les images de fond

Bah... j'avais prévu de faire cette étape tout en découpant .
Eh bien, en haut à gauche il y a le titre et la description du site. Dans les rectangles arrondis du header (le orange est la couleur de :hover), des liens vers des pages diverses. Dans la grande partie gauche, le contenu, et il reste le footer, en noir.

Felipe a écrit :
Pour le 2, tu peux regarder ce tuto: http://www.alsacreations.com/articles/cadre/ (2 divs imbriqués et une image bien plus longue que prévu) ou bien

background: #couleur_qui_se_répètera_en_dehors_de_l_image url(image_de_fond.png) left bottom_ou_top no-repeat;

Je pense que je vais prendre ta seconde proposition, une couleur de fond que je vais appliquer à toute ma zone de contenu .

Mais ce qui me bloque le plus, c'est l'espèce de soleil dans le header, et l'ombre qui sépare le menu et le contenu.
Merci.