Bonjour, désolé de crée un topic comme ça, mais, cela fait maintenant prés de 2 mois que j'essaie de faire le design de mon site html et je patauge !

J'ai appris le html sur : http://www.siteduzero.com/

et je voudrai faire sa : http://www.hiboox.fr/go/images/informatique/5x,7b47253326c4ceaa8a06c03d58d61076.png.html

bien sur les menu sont des images ...

Donc pitié aider moi, donnez-moi s'il vous plaît le code html/CSS qui pourrait m'aider à faire ça.

Merci à vous d'avance, je bénie celui qui m'aide

c'est avec un logiciel de dessin qu'il faut le faire...

Ben si tu veux faire un design, tu dois utiliser le CSS (Cascading Style Sheets).

Je crois que c'est la 2° partie sur le SdZ.

Sur quoi tu bloques ?
Qu'est ce qui te pose réellement problème ?

Pas tout quand même, je veux dire.. t'as au moins commencer, sinon t'as rien fait pendant deux mois

Il reste plutôt simple à coder. Il faudra juste un peu fainter pour avoir les colonnes de la même hauteur (en tout cas visuellement).

bah j'ai pas bien compris,mais si tu veux separer ta page ,utilise les CSS si ta des bases,sinon si tu ne connais que le html utilise les frames !

http://bordel.deblan.fr/MonDidou/
http://bordel.deblan.fr/MonDidou/images

Ça évitera de répondre à une personne qui n'aura pas avec un minimum d'expérience.

Désoler de répondre tard (la rentrée)...

Oui je mis connais en html (un minimum) et j'ai bien entamer mon site !

Là ou je bloque c'est pour centrer le menu du milieu,
dans le css il faut marqué soit :

- float : right ou
- float: left

moi j'ai mis center et par défaut le menu et a droite et non au milieu, impossible de le centrer et il "passe à travers" mon menu de droite, enfaite moi il me faudrait un truc de ce style :

http://gokulegend.free.fr/menu/menu.htm

et voilà mon site : http://imagik.fr/view-rl/104800
et mon deuxième : http://imagik.fr/view-rl/104803

oui j'ai deux css et html différent, je sais pas lequel choisir, pour mettre le menu au milieu

Si vous voulez mon css demandez le moi je collerai

Merci pour votre aide

Ce sont les sidebars qui volent, pas le block "central" !

Euuu ouii désolé

Voici mon code CSS :

p
{
color: black;
font-size: 18px;
font-style: bold;
}
.combo
{
color: white;
font-size: 18px;
font-style: bold;
}

1. corps

{
margin-left: 140px;
margin-bottom: 20px;
padding: 5px;
color: black ;
border: 8px ridge white;
background-image: url(images/interface/.jpg);

}
h1
{
text-align: center;
font-family: Arial;
font-size: 22px;
color: gold;
}
h2
{
color: red
}
body
{
width: 834px;
margin: auto;
background: url(images/interface/wallgoku031bh5.jpg) repeat;
font-family: Arial, Verdana, Helvetica, sans-serif;
background-color:#000;
font-size: 9pt;
background-attachment: fixed;
}

img {
border: none;
}

/* CSS de la partie extensible en hauteur

--------------------------------------------------
---*/

1. global {

background: url(images/interface/.png) repeat-y;
margin-top: -1px;
}

/* CSS du header
-----------------------*/

1. header {

height: 211px;
background: url(images/interface/dbzbannerfinal.png) no-repeat;
}

1. header h1{

display: none;
}

1. header h2 {

font-size: 0.9em;
color: #fff; /* les couleurs peuvent être modifiées au choix */
}

.premier_titre_menu {
float: left;
width: 204px;
display: inline;
margin: 195px 5px 0 80px;
}

.titre_contenu {
float: right;
display: inline;
width: 630px;
margin: -14px -18px 0 0;

}

/* CSS du menu
---------------------*/

1. menu {

float: left;
width: 180px;
background: url(images/interface/tx2.png) top center no-repeat;
}

1. menu2

{
float: right;
width: 180px;
background: url(images/interface/tx.png) top center no-repeat;
position: right;
margin-right: auto;
}

1. menu2 h2 {

font-size: 1.0em;
color: blue; /* les couleurs peuvent être modifiées au choix */
padding: 2px 0 0 10px;
}

1. menu2 ul {

margin: 0 ;
padding: 0 0 0 20px;
background: url(images/interface/.jpg) no-repeat;
}

1. menu2 li {

list-style: none; /* vous pouvez si vous le souhaitez installer une puce : list-style: url(images/...); */
color: black;
}

1. menu2 li a {

text-decoration: none;
color: black; /* les couleurs peuvent être modifiées au choix */
margin: 0 0 0 20px;
font-size: 11px;
}

1. menu2 a

{
color: black;
}

1. menu2 a:hover {

border-bottom: 1px dotted #fff; /* pas nécessaire à la navigation */
color: green;
font-style: italic;
text-decoration: blink;
}

1. menu2 li:first-letter

{
color: red;
font-size: 14px;
font-family: Impact, Arial, Verdana, Helvetica, sans-serif;
}
.fond_titre_menu2 {
height: 18px;
background: url(images/interface/.png) no-repeat;
margin: 10px 0 10px 30px;
}
.fond_titre_menu {
height: 18px;
background: url(images/interface/.png) no-repeat;
margin: 10px 0 10px 30px;
}

1. menu h2 {

font-size: 1.0em;
color: red; /* les couleurs peuvent être modifiées au choix */
padding: 2px 0 0 10px;
}

1. menu ul {

margin: 0 ;
padding: 0 0 0 20px;
background: url(images/interface/.jpg) no-repeat;
}

1. menu li {

list-style: none; /* vous pouvez si vous le souhaitez installer une puce : list-style: url(images/...); */
color: black;
}

1. menu li a {

text-decoration: none;
color: black; /* les couleurs peuvent être modifiées au choix */
margin: 0 0 0 20px;
font-size: 11px;
}

1. menu a

{
color: black;
}

1. menu a:hover {

border-bottom: 1px dotted #fff; /* pas nécessaire à la navigation */
color: green;
font-style: italic;
text-decoration: blink;
}

1. menu li:first-letter

{
color: blue;
font-size: 14px;
font-family: Impact, Arial, Verdana, Helvetica, sans-serif;
}

/* CSS du contenu
------------------------ */

1. contenu{

margin: 150px;
width: 600px;
background: url(images/interface/menucentral1.png) center no-repeat;
background-position: center;
clear: both;
height: 28px;
position: center;
float: center;
text-align: center;
}

1. contenu p {

margin: 5px 100px 5px 40px;
color: silver;
font-weight: bold;
font-size: 13px;
}

1. flash {

float: right;
text-align: right;
margin-right: 150px;
}

/* CSS du footer
------------------------*/

1. footer {

clear: both;
height: 28px;
background: url(images/interface/.png) no-repeat;
}

1. footer p {

font-size: 8pt;
text-align: right;
padding: 8px 90px 0 0;
}

1. footer a {

text-decoration: none;
color: #fff; /* les couleurs peuvent être modifiées au choix */
}

1. footer a:hover {

border-bottom: 1px dotted #fff; /* pas nécessaire à la navigation */
}

1. fin

{
color: yellow
}

1. flash

{
position: right;
}

Et mon HTML :

<!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" >
<head>
<title>Dragon Ball Z: Legends Of Combos</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="shortcut icon" href="favicon.gif" type="image/ico" />
<link rel="stylesheet" type="text/css" href="style.css" title="+ de 500 Combos et vidéos !" media="screen" />
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<script type="text/javascript">
</script>
</head>
<body>

<div id="global">

<!-- Début du header, ici sera affiché le header et les différents liens qu'il contient -->

<div id="header">
<h1>Dragon Ball Z: Legends Of Combos</h1> <!-- Modifier le titre, même s'il n'apparaît pas sur le webdesign -->
<h2 class="premier_titre_menu"></h2>
<h2 class="titre_contenu"></h2>
</div>

<!-- Début du menu, ici seront affichés les liens de votre page web -->

<div id="menu">

<h2 class="fond_titre_menu">Les Combos</h2>

<ul>

<li><a href="ccombos.html">Cancel Style</a></li>
<li><a href="UltimateCombos.html">Ultimate Combos</a></li>
<li><a href="#">Another Combos Style</a></li>
<li><a href="#">Divers</a></li>

</ul>

<h2 class="fond_titre_menu">Les Techniques</h2>

<ul>

<li><a href="site/.html">Burst limit !</a></li>

<li><a href="site/.html">Tenkaichi 3</a></li>

<li><a href="site/.html">Tenkaichi 2</a></li>

<li><a href="site/.html">Tenkaichi</a></li>

<li><a href="site/.html">Shin Budokai 2</a></li>

<li><a href="site/.html">Shin Budokai</a></li>

<li><a href="site/.html">Sagas</a></li>

<li><a href="site/.html">Supersonic Warriors 2</a></li>

<li><a href="site/.html">Supersonic Warriors</a></li>

<li><a href="site/.html">Super Dragon Ball Z</a></li>

<li><a href="Techniques_Budokai3.html">Budokai 3</a></li>

<li><a href="site/.html">Budokai 2</a></li>

<li><a href="site/.html">Budokai</a></li>

<li><a href="site/.html">Final Bout/GT</a></li>

<li><a href="site/.html">Ultimate Battle 22</a></li>

<li><a href="site/.html">DBZ Legends</a></li>

<li><a href="site/.html">Shin Boutouden</a></li>

<li><a href="site/.html">Butouden 3</a></li>

<li><a href="site/.html">Butouden 2</a></li>

<li><a href="site/.html">Butouden</a></li>

<li><a href="site/.html">Hyper Dimension</a></li>

<li><a href="site/.html">L'appel du destin</a></li>

</ul>

<h2 class="fond_titre_menu">Bonus</h2>

<ul>

<li><a href="site/.html">Les Topics</a></li>

<li><a href="site/.html">La fameuse "equipe"</a></li>

<li><a href="site/.html">AMVS</a></li>

</ul>

<h2 class="fond_titre_menu">Divers, Autres ...</h2>

<ul>

<li><a href="site/.html">Screamy et Screamou</a></li>

<li><a href="site/.html">Ultimate Clash</a></li>

<li><a href="site/.html">Astuces DBZ</a></li>

<li><a href="site/.html">Sondage</a></li>

<li><a href="site/.html">Liens Externe</a></li>

<li>.</li>

<li>.</li>

</ul>
</div>

<div id="menu2">

<h2 align="center" class="fond_titre_menu2"> Les vidéos ...</h2>
<ul>

<li><a href="site/.html">Burst limit !</a></li>

<li><a href="site/.html">Tenkaichi 3</a></li>

<li><a href="site/.html">Tenkaichi 2</a></li>

<li><a href="site/.html">Tenkaichi</a></li>

<li><a href="site/.html">Shin Budokai 2</a></li>

<li><a href="site/.html">Shin Budokai</a></li>

<li><a href="site/.html">Supersonic Warriors</a></li>

<li><a href="site/.html">Super Dragon Ball Z</a></li>

<li><a href="site/.html">Sagas</a></li>

<li><a href="site/.html">Super Dragon Ball Z</a></li>

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

<li><a href="site/.html">Budokai 2</a></li>

<li><a href="site/.html">Budokai</a></li>

<li><a href="site/.html">Final Bout/GT</a></li>

<li><a href="site/.html">Ultimate Battle 22</a></li>

<li><a href="site/.html">DBZ Legends</a></li>

<li><a href="site/.html">Shin Boutouden</a></li>

<li><a href="site/.html">Butouden 3</a></li>

<li><a href="site/.html">Butouden 2</a></li>

<li><a href="site/.html">Butouden</a></li>

<li><a href="site/.html">Hyper Dimension</a></li>

<li><a href="site/.html">L'appel du destin</a></li>

<li><a href="site/.html">AMVS</a></li>

<li><a href="site/.html">Techniques Blocage Compteur</a></li>

<li><a href="site/.html">Les Vrai techniques</a></li>

</ul>

</div>

<!-- Début du contenu, c'est ici que le contenu de votre site est affiché -->

<div id="contenu" align="center">

<h1>La Team Des Combos DBZ</h1>

<p>
Bonjour & bienvenue à vous si c'est la premiére fois que vous passez sur ce site !</p>

<p>Moi (T-X_MonDidou) et mes amis (DrafSystem et Tynkie_13) avons pour but de vous faire découvrir l'univers des combos, l'héritage des saiyans c'est à dire leur savoir<br/> l'art des <strong>Ultimate Combos</strong>, sur les différents jeux <em>Dbz Tenkaichi</em> !</p>

<p>Mais nous ne sommes pas seul ! Saiyanjin2,Zormix et adlane-du-69150 et plein d'autres encore ...<br/>
vont vous faire adorer le <strong>Cancel Style</strong>. Et bien d'autres personnages encore, s'ajouterons à cette longue liste !!!<br/>
Sur ceux toute la "Team" vous souhaite un agréable apprentissage sur ce site.</p>

<p>De la simple recherche de vidéos d'apprentissage, à la technique la plus inconnu de ultimate battle 22,
en passant par les cancel des budokais; voici le paradis des techniques dbz !!</p>

<h1>Les Differents Style De Combos</h1>

<p>Cliquez-sur chaque lien si vous voulez une explication un historique ou un apprentissage du combo !</p>
<p>Vu avez pu voir ci-dessus les differents style de combos, franchement essaiyer les ou apprenez quelques techniques, vous allez voir votre plaisir de jeu va quadruplé !!!<br/>
si vous chercher ne serai-ce que quelque techniques sur dbz pas la peine de chercher ailleurs vous etes sur le bon site ! je vais maintenant vous laisser voguer sur le site, avec juste quelque précision :</p>

<p>- Vous avez sur chaques pages, des lecteurs de musiques mp3 c'est un petit bonus du site pour étudier les combos et en même temps ecouter de la ziks !<br/>
- Si vous voulez laissez votre marque sachez qu'il existe un livre d'or !<br/>
- Le copyright en bas de la page est "faux" juste pour faire classe, alors faite vous plaisir copier/coller à volonté et mettai en plein la vue a vos potes</p>

<p>J'aimerai faire des remerciments tous particuliers a :<br/>
-Draf System, pour tous mes montages<br/>
-Saiyanjin2 & son frére Zormix, les fondateurs du cancel dans nos coeurs, qui donne de leur temps libre pour nous !<br/>
-Tynkie_13, pour m'avoir accompagné dans cette longue quête de L'ultimate combo<br/>
-Apali et la NNA & cie, pour leur ENORME boulot, les techniques de budokai 3<br/>
-
<p>

</div>

<!-- Début du footer -->

<div id="footer">
<p>Interface par <a href="#">Exta<a href="http://kits-gratuits.net/"></a>, <a href="http://www.dailymotion.com/drafagon">Draf System</a> et <a
href="http://www.dailymotion.com/T-X_MonDidou">T-X
_MonDidou</a> pour - Dragon Ball Z: La légende des combos </p>
</div>

</div>

</body>
</html>

Pitiié aider moi à comprendre, pourquoi j'ai pas le block central et l'ecriture, centrée au millieu des sidebars !!!!!!!!!!!

Merci pour ceux qui m'aide (je précise, ce n'est pas du flood, c'est sérieux !)

Yop,

dans ton :

1. contenu{

margin: 150px;
width: 600px;
background: url(images/interface/menucentral1.png) center no-repeat;
background-position: center;
clear: both;
height: 28px;
position: center;
float: center;
text-align: center;
}

enleve le clear: both;

Merci pour cette précieuse aide !!!!
Le texte c'est centré !!!!!

Mais il doit rester encore deux, trois erreur avant d'arriver à ca :

http://gokulegend.free.fr/menu/menu.htm

Du style que le texte reste dans le "block central" (l'image menucentral1.png) et il défile a l'intérieur ...

En tout cas merci vous êtes vraiment des pro, pour dire à vue d'œil ce qui ne vas pas

Reprend l'idée de mon code....
Tu as la même architecture visuelle que dans mon exemple et il fonctionne sur tous les navigateurs que j'ai sous la main...

je te suis plus là
Quel code

http://bordel.deblan.fr/html/MonDidou/
http://bordel.deblan.fr/html/MonDidou/images