Bonjour,
Je maîtrise très bien l'HTML/CSS mais quelque chose me pose problème : le positionnement en CSS !
Pour ma formation de WebDesigner, je dois être capable de faire/découper/intégrer un WebDesign. Seul l'intégration me pose problème.
Je suis en train d'intégrer ce Design : http://evolutiongraph.fr/chevereto/iD
J'ai commencer, et voici mon résultat : http://evolutiongraph.fr/chevereto/image/oK
Or, j'ai quelques petits problèmes : Vous vous en apercevrez, en comparant mon essais au Design, on voit que le grand texte (qui est une image) est trop bas. Il faut le remonter un peu plus haut. Il faut remonter le bouton.
Je dois aussi placer le logo au milieu du menu, et je n'y arrive pas.
Voici mes codes :
HTML
<?xml version="1.0" encoding="UTF-8"?>
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Intégration</title>
<link href="style_css.css" rel="stylesheet" type="text/css" media="screen"
</head>
<body>
<div id="global">
<div id="header-bg">
<div id="header">
<nav>
<ul>
<li>
<a href="#">HOME</a>
</li>
<li>
<a href="#">ABOUT</a>
</li>
<li>
<a href="#">PORTFOLIO</a>
</li>
<li>
<a href="#">SERVICES</a>
</li>
<li>
<a href="#">BLOG</a>
</li>
<li>
<a href="#">CONTACT</a>
</li>
</ul>
</nav>
</div>
</div>
<header>
</header>
<div id="boutton"><a href="#"></a>
</div>
</div>
</body>
</html>
et CSS :
body{
background:url(Images/fond.png) repeat-x;
margin:0;
padding:0;
font-family:Verdana,Geneva, sans-serif;
font-size:9px;
}
#global {
margin: 0 auto; width: 100%;
}
#header-bg{
height:60px;
background:url(Images/bg_menu.jpg) no-repeat top;
font-family:Arial, Verdana,Geneva, sans-serif;
font-size:15px;
line-height: 60px;
}
#header {margin: 0 auto; width: 1000px;}
nav ul {text-align: center; margin: 0; padding: 0;list-style:none;}
nav ul li {
padding: 0 30px;
display: inline;
}
nav ul li a {
text-decoration:none;
color: #646464;
}
nav ul li a:hover {color: #fff;}
header {
background:url(Images/typo_header.png) no-repeat top;
height:332px;
}
#boutton {
background:url(Images/bouton_header.png) no-repeat top;
height:51px;
}
Décidément, même après de nombreuses heures de lecture de Tuto (Site du Zéro, Alsacréation...), le positionnement en CSS me pose problème : je n'arrive pas à mettre ce que je veux, où je veux.
Je m'en remet alors à l'aide du forum : j'espère que quelqu'un pourra m'aider assez rapidement, c'est très urgent ^_^'