Besoin d'aide pour mon découpage [Terminée sur SD]

Voilà j'essaie de découpé mon design mais j'ai beaucoup de problème, si quelqu'un d'expérience pouvait me le faire ( découpé = découpé image + codé ). Il faudrait que tous ce qui à un rapport avec la mise en page ( image, police, marge etc ) soit dans un fichier CSS relier au html.

Voici le html :

[code]

la tu nous aide pas du tout en nous copiant le code classique du site du zéro. Ce qu'il faut c'est nous montrer le design pour voir comment le coder. C'est impossible de coder ce que l'on ne voit pas. Ensuite est ce que tu as deja essayé d'apprendre a coder ? parce que ca risque de t'etre utile des que tu voudras changer quelques bricoles.

Ouais je sais coder mais franchement la découpe c'est pas mon fort, j'ai tout le temps des problèmes... j'ai essayé de coder le design et j'ai beaucoup de problèmes, genre espace entre la bannière et le menu non voulu... Ouais tu as raison c'est bien le code du site du zéro mais c'est par ce que j'ai la flemme de tout recopié Wink

. Voici le design en question, et comme je l'ai dit, je passe le psd par mp.

Besoin d'aide pour mon découpage [Terminée sur SD] Designbakujn8

Besoin d'aide pour mon découpage [Terminée sur SD] Designbakujn8copiegp5

si je me trompe pour le float corrigez moi ^^

Euh ouais c'est a peu près ça, si quelqu'un pouvait me le faire car moi j'essaie depuis hier et je vois pas de solution... Pour le menu c'est 185px je crois...

franchement tu peux le faire seul je vois pas pourquoi tu demandes de l'aide si tu as appris a coder. c'est quoi que tu arrives pas a faire ?

l'entete tu colles ton header
le menu tu mets des images avant chaque sous menu et tu laisses comme c'est ds le code du zero en changeant les noms des menus. et tu repetes l'operation.
le corps tu le decales avec un float dans le css. le tour est joué.

Euh ouais mais moi le gros problème c'est pour que le menu aille jusqu'au footer sans mettre de hauteur précise. Pareil pour le corps.

Voilà un aperçut de ma découpe. http://narutoillusion.free.fr/new%202.html

ah oui j'oubliais ce detail ^^ hum faudrait peut etre plus voir avec kailla ou J3rry qui s'y connaissent mieux. Sinon si une bonne ame s'y connait en codage je veux bien en profiter pour savoir comment on fait.

(ca doit avoir un rapport avec un background)

Oui je peux t'aider un peu.
Ce que tu as codé est déjà pas mal du tout.

Je peux te conseiller 2 trucs :
- pour le corps je vois que la petite barre sur la droite a disparu, tu pourrais faire une découpe de 5px par exemple qui comprend la largeur de ton corps blancs et la petite barre et tu le mets en repeat-y.

- pour le footer essaye ça

Code:: #footer
{
clear: both;
background: url(images/footer.jpg) no-repeat;
height: 180px;/*hauteur du footer*/
}

En gros c'est comme ça mais bon faudrait que je teste en réel, il doit bien y avoir une prise de tete quelque part Very Happy

Voilà j'en suis arrivé à ce résultat, le problème c'est que je ne vois pas comment je pourrais mettre la barre noir à droite, et comment je pourrais mettre mon footer.

Voici mes codes :

Code:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>Largeur fixe 750, header/menu gauche/contenu/footer.</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="test.css"/>
</head>

<body>

<div id="conteneur">

<div id="header">

</div>
<div id="contenu">
<div id="gauche">
<img src="mainmenu.jpg">
<ul class="menugauche">
<li><a href="">Menu 1</a></li>
<li><a href="">Menu 2</a></li>

<li><a href="">Menu 3</a></li>

<li><a href="">Menu 4</a></li>
</div>

</ul>

<div id="centre">
partie centrale qui "pousse" les colonnes vers le bas.<br />

partie avec du contenu occupant le reste de la largeur<br />

partie avec du contenu occupant le reste de la largeur<br />
partie avec du contenu occupant le reste de la largeur<br />
partie avec du contenu occupant le reste de la largeur<br />
partie avec du contenu occupant le reste de la largeur<br />
partie avec du contenu occupant le reste de la largeur<br />

partie avec du contenu occupant le reste de la largeur<br />

partie avec du contenu occupant le reste de la largeur<br />
partie avec du contenu occupant le reste de la largeur<br />
partie avec du contenu occupant le reste de la largeur<br />
partie avec du contenu occupant le reste de la largeur<br />
partie avec du contenu occupant le reste de la largeur<br />

</div>

<div id="pied">pied de page de largeur fixe : 750px </div>
</div>
</div>

</body>
</html>

Code:: body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
background-color:#CCCCCC;
}
#header {
height: 341px;
background-image: url("bann.jpg");
margin-top:50px;
}
#conteneur {
position: relative;
width: 874px;
margin: 0 auto;
background-color:#FFFFFF;
}
#contenu {
position: relative;
width: 874px;
background-repeat :repeat-y;
margin: 0 auto;
left:70px;
background-image: url("menu.jpg");
}
#centre {
background-color:#9999CC;
margin-left: 185px;
width: 619px;
}
#gauche {
position: absolute;
width: 185px;
margin: 0;
}
#pied {
height: 66px;
padding-left: 260px;
width: 732px;
}
.menugauche {
list-style-type: none;
margin: 0;
padding:0;
}
.menugauche li {
margin-bottom: 5px;
}
.menugauche a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
.menugauche a:hover {
text-decoration: none;
}
p {margin: 0 0 10px 0;}

Si quelqu'un pouvait m'aider ce serait gentil car moi je butte sur ce problème depuis plusieurs jours.

Salut remi. Pour résoudre ce genre de problème, Serious-Art à créer un aprtenariat avec le site Sources-Down qui a pour but d'aider les débutants et les webmasters à s'en sortir dans le codage. Ceux-ci seront ravis d'aider un membre de SA puisque nous aidons leurs membres dans le graphisme.

Je te conseille donc de t'inscrire sur Sources-Down.com en n'oubliant pas de préciser dans ton pseudo que tu viens de SA.

R3mi [SA]

voila bonne chance Smile

» besoin d'aide pour une banniere
» [Demande] Header pour Forum [Terminée]
» Demande pour le design de world of Deus [Terminée]
» Besoin de conseil
» Kit Muse ! [Commande Terminée]