nowherz's Profil
Bonjour,
voilà , en deux mots, je m'intéresse au webmastering depuis peut. je possèdes quelques notions tout à fait basiques en html et css mais je reste persuadé que ces notions de sont pas celles en vigueur sur la plupart des sites et ou dans le domaine professionnel.
Bref, je me suis procurer afin de m'exercer un kit graphique gratuit afin de reproduire le site au mieux (chose que je n'ai pas terminé).
Ce post s'adresse donc aux personnes qui auraient le temps et les compétences de me conseiller afin d'optimiser mon code si dessous. Je penses par exemple que mon utilisation des "div" n'est pas correcte, de plus je n'ai pas trouvé le moyen de centrer mon contenu quoi qu'il arrives (redimensionnement de fenêtres, etc).
Html:
- Code: Tout sélectionner
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" type="text/css" href="main.css">
<title>
Repro 1
</title>
</head>
<body>
<div id="divbanner"></div>
<div id="divtop"></div>
<a href="index.html"><div id="divr1"></div></a>
<a href="http://www.google.com"><div id="divr2"></div></a>
<div id="divr3"></div>
<div id="divbanner2">
<img width=320 src="images/h1.gif">
<img width=132 height=100 src="images/img1.jpg"></div>
<div id="divmenu1"></div>
<div id="divmenu2"></div>
<div id="divmenu3"></div>
<div id="divmenu4"></div>
<div id="divmenu5"></div>
<div id="divmenu5"></div>
<div id="divmenu6"></div>
<div id="divmenu0"></div>
<div id="divimg1"></div>
</body>
</html>
Css:
- Code: Tout sélectionner
body
{
background-color:black;
}
#divbanner
{
background-image:url("images/bgitop.jpg");
background-repeat:no-repeat;
position:absolute;
height:145px;
width:563px;
top:0px;
left:0px;
}
#divtop
{
position:absolute;
background-image:url("images/t1.gif");
left:563px;
height:28px;
top:0px;
width:200px;
}
#divr1
{
background-image:url("images/r1.gif");
position:absolute;
left:763px;
height:28px;
top:0px;
width:40px;
}
#divr2
{
background-image:url("images/r2.gif");
position:absolute;
left:803px;
height:28px;
top:0px;
width:40px;
}
#divr3
{
background-image:url("images/r3.gif");
position:absolute;
left:843px;
height:28px;
top:0px;
width:40px;
}
#divbanner2
{
position:absolute;
left:563px;
height:42px;
top:28px;
width:253px;
}
#divmenu1
{
background-image:url("images/m1.gif");
position:absolute;
top:145px;
height:38px;
width:62px;
left:0px;
}
#divmenu2
{
background-image:url("images/m2.gif");
position:absolute;
top:145px;
height:38px;
width:81px;
left:62px;
}
#divmenu3
{
background-image:url("images/m3.gif");
position:absolute;
top:145px;
height:38px;
width:79px;
left:143px;
}
#divmenu4
{
background-image:url("images/m4.gif");
position:absolute;
top:145px;
height:38px;
width:84px;
left:222px;
}
#divmenu5
{
background-image:url("images/m5.gif");
position:absolute;
top:145px;
height:38px;
width:90px;
left:306px;
}
#divmenu6
{
background-image:url("images/m6.gif");
position:absolute;
top:145px;
height:38px;
width:91px;
left:396px;
}
#divmenu0
{
background-image:url("images/m00.gif");
position:absolute;
top:145px;
height:38px;
width:76px;
left:487px;
}
#divimg1
{
background-image:url("images/img2.jpg");
position:absolute;
top:183px;
height:126px;
width:153px;
left:0px;
}
Je sais qu'il n'est pas très bien rangé mais je ne pensais pas le poster en le tapant.
D'avance merci beaucoup.
