Bon, déjà il manque pas mal de choses comme les balises <html>, <head>, les déclarations etc... mais j’espère que c'est juste parce que tu ne les a pas copiées... sinon tu ferais mieux de commencer a zero par un bon tutoriel sur comment créer un page html histoire de commencer sur de bonnes bases solides
Passons.
Idem que pour la précédente remarque, le logo c'est juste une image, donc pas besoin de div autour. Tu peux placer l'image en lui attribuant directement un id. Et toute les propriété comme "width" "height" etc -> hop dans le css c'est de la mise en forme. Il faut cependant aussi mettre une lien sur ton logo.
Dans ton code il n'y a que le header. il faut que tu définisses une architecture de ton site. Il faut définir une page (qui pourra etre ton Global du css que tu n'as attribué a rien) et qui va contenir ton header mais aussi le menu, la page, le footer, etc.... de cette facon tu n'au plus a te soucier de la largeur des blocs ni de l'alignement.
<div id="global">
<div id="header">
<a href="#"><img id="logo" src="_img/logo.jpg"/></a>
<div id="drapeaux">
<a href="#"><img src="_img/francais.jpeg"/></a>
<a href="#"><img src="_img/espagnol.jpeg"/></a>
<a href="#"><img src="_img/anglais.jpeg"/></a>
</div>
</div>
<div id="menu"></div>
<div id="corps"></div>
<div id="footer"></div>
</div>
Passons au css.
Le "margin: 0 auto;" est utilisé pour centrer la page et est a mettre sur la page que tu veux centrer.
Largeur fixe max d'une page = 950px après tu peux y mettre un design fluide mais ce sera pour plus tard je pense....
Il y a beaucoup de chose a revoir.... voici une petite base pas très optimisée.
body {
background-color: #000000;
}
#global {
width: 950px;
height: auto;
background-color: #333333;
margin: 0 auto;
color:#FFFFFF;
}
#header {
width: 100%;
height: 200px;
background-color: #555555;
}
#logo {
float: left;
width:500px;
height:20px;
background-color: #777777;
}
#drapeaux{
float: right;
background-color: #777777;
width:auto;
height:100px;
}
#menu{
border:solid 1px #FFFFFF;
width:100%;
height:100px;
}
#corps{
border:solid 1px #FFFFFF;
width:100%;
height:300px;
}
#footer{
border:solid 1px #FFFFFF;
width:100%;
height:50px;
}
Si tu as des questions, poses les. Mais je te conseille
vraiment de suivre une tutoriels pour apprendre les bases plutôt que de foncer tête baissée avec un forum sous le coude.... car tu n'apprendras rien si on te fait le travail (surtout qu'on ne te le fera pas) et il y a beaucoup trop de choses basique que tu devrais maitriser avant de te lancer dans la création d'un site web.
Modifié par _laurent (09 Mar 2012 - 18:54)
