Problème affichage bannière avec CSS [Résolu]

Reiji · 08/08/2011, 15h27

Bonjour,
J'ai un soucis d'affichage de banniere pour mon site. J'ai suivi un tuto, ou il m'indique comment afficher cette banniere. Il fallait que je lui indique le lien de mon image "/image/banniere.png" et que je laisse le <div baniere> vide.
J'ai eu beau mettre et enlever les guilemets ou autre manip, rien ne fonctionne (j'ai regarder sur le fofo avant de poster). Pourtant quand je fais un background-color, là sa fonctionne.

voilà ma feuille de style

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
#banniere
{
    background-image:url("image/banniere.png");
}

voilà mon HTML (ou xHTML)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<!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" >
<head>
<title>DSI Sati de tours</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="design.css" />
 
</head>
<body>
 
<div id="banniere">
 
</div>
 
<div id="menu">
<ul id="menu">  
		<li>
		<h3 class="head"><a href="#">Numen</a></h3>
                <ul>
                        <li><a href="http://www.numen.fr">Site Numen</a></li>
                </ul>
        </li>
</div>
</body>
</html>

Si vous pouvez m'aider.

Merci par avance

PS: j'utilise IE8

J'ai modifié mon css en remplaçant

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
#banniere
{
    background-image:url("image/banniere.png");
}

par

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
#banniere
{
background-image:url("image/banniere.png");
position: absolute;
width: 120;
height: 25px;
}

Reiji · 10/08/2011, 09h25

Le probleme est résolue.

Pour la banniere il fallait juste une petite manip voilà le code HTML

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<div id="banniere"></div>

Et le code CSS

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
div#banniere
{
   background-image:url("banniere.png");
   width: 1024px;
   height: 159px;
}

Et pour le menu, il me manquait juste :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
#menu li:hover ul ul
{
        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}
 
#menu li:hover ul, #menu li li:hover ul /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-listes lorsque la souris passe sur un élément de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email