Voilà, j'ai un problème (comme plusieur), à moi de vous le présenter:
Voilà une petite (:lol:) image du probleme, c'est l'en-tête, plus précisement la bannière. Je veux qu'il cache le fond jaune, juste en bas, proche de la bordure, en haut du menu. Tout semble facile, mais c'est tout autre. Du moin, pour moi.
Voilà mes fichiers HTML/CSS:
- Code: Tout sélectionner
Code:HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Donjon et Dragon Narsis Grandeur Nature</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="style_ff.css" />
</head>
<body>
<div id="en_tete">
</div>
<div id="menuCentral">
<a class="lienCentral" id="accueil" href="index.html"></a>
<a class="lienCentral" href="lienCentral2.html"></a>
<a class="lienCentral" href="lienCentral3.html"></a>
<a class="lienCentral" id="forum" href="http://www.dngn.forumactif.com"></a>
<a class="lienCentral" id="contact" href="lienCentral5.html"></a>
<a class="lienCentral" id="lien" href="lien.html"></a>
</div>
<div id="corps">
<h3>Donjon et Dragon Narsis, Grandeur Nature</h3>
<p> Je n'avais premièrement, rien à faire. Je contrôle asser bien le language et HTML et quelques fonctions
de bases du PHP. C'est un bon début, mais qu'elle sujet? Le voilà!</p>
<p>Ici seront affiché les nouveautées ou les informations précieuses du monde entourant le projet "Narsis"
Tout celà, si bien entendu, le projet d'un simple site est accepté.</p>
<p> Il est encore à son tout début, je n'ai guère fini de coder le site. Ils manquent aussi plusieurs éléments dans
le menu, je compte bien l'avancer si c'est OK.</p>
<p> Le projet d'un site internet pourrait aider Narsis, pour un accès rapide et détaillé de ce qui s'y passe.
Si le visiteur a envie de participer à la communautée, en donnant son opignion ou quoi que ce soit: Le forum est là.</p>
<p> Sachant aussi que la majeur partie des informations se trouvent et se trouveront sur le forum, si le visiteur
est réellement motivé, il ira s'inscrire.</p>
</div>
<div id="pied_de_page">
<p>Copyright "Narsis" 2007, tous droits réservés. Site créé par Mortifère.</p>
</div>
</body>
</html>
- Code: Tout sélectionner
Code:CSS
html
{
margin-left:125px;
margin-top: 20px;
background-color: #363636;
}
body
{
width: 800px;
margin:auto;
background-image: url("image/fond-final.jpg");
background-repeat: no-repeat;
}
#en_tete
{
width: 702px;
height: 244px;
background-image: url("image/banniere.jpg");
background-repeat: no-repeat;
margin-bottom: 40px;
margin-left: 21px;
}
#accueil a:hover
{
background-image: url("image/accueil-hover.jpg");
}
#accueil
{
background-image: url("image/accueil.jpg");
background-repeat: no-repeat;
}
#corps
{
margin-left: 20px;
padding: 5px;
color: black;
width: 700px;
height: 750px;
}
#corps h1
{
color: black;
text-align: center;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}
#corps h2
{
height: 30px;
background-image: url("images/titre.png");
background-repeat: no-repeat;
padding-left: 30px;
color: black;
text-align: left;
}
#pied_de_page
{
padding: 5px;
text-align: center;
color: black;
}
a img
{
border: none;
}
#menuCentral
{
width: 703px;
height: 26px;
margin-left: 20px;
background-color: #342B24;
}
.lienCentral
{
display: block;
height: 30px;
width: 117px;
border: none;
text-align: center;
float: left;
background-image: url("image/accuei.jpg");
background-repeat: no-repeat;
}
.lienCentral:hover
{
background-image: url("image/accueil-hove.jpg");
}
#accueuil
{
background-image: url("image/accueil.jpg");
}
#accueil:hover
{
background-image: url("image/accueil-hover.jpg");
}
#lien
{
background-image: url("image/lien.jpg");
}
#lien:hover
{
background-image: url("image/lien-hover.jpg");
}
#contact
{
background-image: url("image/contact.jpg");
}
#contact:hover
{
background-image: url("image/contact-hover.jpg");
}
#forum
{
background-image: url("image/forum.jpg");
}
#forum:hover
{
background-image: url("image/forum-hover.jpg");
}
J'en profite aussi pour vous dire, si vous appercevez des lignes qui peuvent être auter/remplacer pour une meilleure compatibilité des navigateurs, merci d'en faire part!
Cordialement,
Belial
)
