28172 sujets

CSS et mise en forme, CSS3

Aide mise en page css

Bonjour, je suis nouveau sur ce forum et j'aimerais avoir de l'aide sur un projet de site web pour une association.
Le problème est que le menu ne s'affiche pas dans la barre prévu a cette effet mais légèrement plus bas.

upload/42273-screen.jpg

Voici mon html:
<html>
<head>
<title>Appel à benevole</title>
<LINK rel="stylesheet" type="text/css" href="../css/css.css">
</head>
<body>
<div id="conteneur">
<div id="header">
</div>
<div id="menu">
<ul>
<li><a href="../onglets-menu-h/accueil.html">Accueil</a></li>
<li><a href="">Equipes</a>
<ul><li><a href="">Equipes</a></li>
<li><a href="">Equipes</a></li></ul>
</li>
<li><a href="">News</a></li>
<li><a href="">Sites</a></li>
<li><a href="">Divers</a></li>
</ul>
</div>
<div id="corps">
<span class=titrebleu>Appel à benevole</span>
<hr>
06/09/2011 - Lu 72 fois
</br><div class=centre>
Bonjour à tous,
</br></br>
Le club est toujours a la recherche de benevole pour encadrer nos jeunes, parents, grand-parent, freres et soeurs sont les bien venu.
</br></br>
Petit Rappel, Le club de foot n'est en aucun cas une garderie. Nous souhaitons une participation ponctuel ou regulière de tous les parents.
</br></br>
Le Président et le Comité.
</div>
</div>
<div id="footer">
<img src="../images/logo petit.bmp"></br>
Infos Légales
</br>
AS Dommartin - Stade Robert Barbat - Rue de la Prairie - 54200 Dommartin-lès-Toul
</br>
Siège du Club : Hotel de Ville de Dommartin-lès-Toul - Président : M. Eric LOMBARD - Tél. Mairie (Siège) : 03.83.43.04.48
</div>
</div>
</body>
<html>


Et voici mon css:
body
{
background-image:url("../images/bande1.jpg");
}

#header
{
background-image: url("../images/header.jpg");
width: 1050px;
height: 526px;
background-repeat: no-repeat;
}

#menu
{
z-index:20;
background-image: url("../images/menu.jpg");
width: 1050px;
height: 120px;
background-repeat: no-repeat;
text-align: center;
font-size: 150%;
padding-left:60px;
padding-top:1px;
}

#menu ul
{
position:absolute;
}

#menu a
{
text-decoration:underline;
}

#corps
{
background-image: url("../images/corps.jpg");
background-repeat: repeat-y;
width: 800px;
padding-left: 105px;
padding-right:250px;
font-size: 130%;
}

#footer
{
background-image: url("../images/pied-de-page.jpg");
width: 1050px;
height: 107px;
background-repeat: no-repeat;
text-align: center;
padding-top: 65px;
}

#conteneur
{
margin: auto;
width: 1050px;
}

a
{
color:yellow;
}

a:hover
{
color:red;
}

.img img {
width:250x;
height:150px;
}
.img img:hover {
width:850px;
height:592px;
}

.img1 img {
width:250x;
height:150px;
}

.img1 img:hover {
width:640;
height:427;
}

.centre
{
text-align:center;
}

.rouge
{
color:red
}

.souligne
{
text-decoration:underline;
}

.titrebleu
{
color:blue;
font-size:130%;
}

.titre
{
font-size:130%;
}

.indentation
{
margin-left:60px;
}

.soulignegras
{
text-decoration:underline;
font-weight:bold;
font-size:120%;
}

.gras
{
font-weight: bold;
font-size:115%;
}

#menu li
{
margin:10px;
float:left;
display:block;
width:150px;
line-height:50px;
background:url(../images/bouton-noir.png) no-repeat;
}

#menu li:hover
{
background:url(../images/bouton-noir-2.png) no-repeat;
}

#menu ul li ul {
display:none;
}

#menu ul li:hover ul {
display:block;
}

#menu li:hover ul li {
float:none;
}

Merci de bien vouloir m'aider dans ma tâche
Bonjour,

tu pourrais mettre un doc type par exemple.

là, c'est pas bon : </br>....

pour une toute petite page, 14 erreurs au validator w3c.
Sujet clos
Aller à