Ajouter une image comme "Header"[Résolu]

[m.k]

Bonjour tous

 

J'aimerai ajouter mon header "image" sur ma feuille de style que voici.

J'ai essayé un peu de tout , mais ça sort pas sur mes pages.

J'ai réussi le "footer" mais pas le "header"

 

Voici mon ajout:http: //img59.imageshack.us/img59/5840/barebleueoy0.jpg

 

et voici ma feuille: Merci

-----------------------------------------------

 

<link rel="stylesheet" href="fichier.css" type="text/css" media="screen" />

 

body {

margin: 0;

padding: 0;

font: 50% verdana, arial, sans-serif;

}

 

 

 

}

 

 

dl, dt, dd, ul, li {

margin: 0;

padding: 0;

list-style-type: none;

}

#menu {

position: absolute;

top: 0;

left: 0;

z-index:100;

width: 100%;

}

#menu dl {

float: left;

width: 10em;

margin: 0 1px;

}

#menu dt {

 

cursor: pointer;

text-align: center;

font-weight: bold;

background:url();

border: 1px solid white;

}

#menu dd {

border: 1px solid gray;

}

#menu li {

text-align: center;

background:#83B3D1;

}

#menu li a, #menu dt a {

color:#000040;

text-decoration: none;

display: block;

height: 100%;

border: 0 none;

}

#menu li a:hover, #menu dt a:hover{

background:#blue;

}

#site {

position: absolute;

z-index: 1;

top : 70px;

left : 10px;

color: #fff;

background-color: #ddd;

padding: 5px;

border: 1px solid gray;

}

 

a {text-decoration: none;

color: black;

color: #222;

}

body {

font-family:veradana, Arial, Helvetica, sans-serif;

font-size: 0.8em;

margin: 0;

padding: 0;

}

 

#pied {

height: 40px;

background-color:#83B3D1;

}

p {margin: 0;}

 

body {

 

background-image:url(http://img295.imageshack.us/img295/2783 … intgc7.gif);

margin:0;

background-attachment:fixed;

}

 

</html>

Modifié le 5 avril 2007 par m.k

[Dylav]

Bonjour m.k,

 

Ton "header", pour lui donner une chance d'apparaître, il faudrait au moins que tu le décrives dans ta feuille de style ? Quelque chose comme,

#entete {
 height:59px;
 background:url(http://img59.imageshack.us/img59/5840/barebleueoy0.jpg) fixed no-repeat top left;
}

avec, en tête de ta page, un bloc,

<div id="entete">[...]</div>

Nota (surtout si tu n'insères rien dans ton bloc "entete") : n'oublie pas de lui donner de la hauteur explicitement (ici height:59px;), car l'image de fond n'apparaît que "sous" ce que tu écris dans le bloc. Si tu n'y mets rien, le bloc aura une hauteur nulle, donc l'image de fond n'apparaîtra pas...

[m.k]

Merci Dylav

 

Je vais essayer pour voir !

Je viens de remarquer que mon menu ne s'ouvre plus convenablement, et ce sans que j'ai pu y toucher !!!

je cherche...Mais en vain .

Merci encore

[Dylav]

Pour ton menu, poste-nous ici,

- soit l'URL de ta page (si elle est déjà sur le web),

- soit le source HTML, qu'on y jette un oeil.

 

Pour montrer ton source, utilise la balise BBCode [code] ou, mieux, si le source est long, la balise [codebox]

[KewlCat]

Pourquoi y a-t-il une balise </html> dans ta feuille de style ?

 

Effectivement, tu devrais plutôt nous fournir un lien ou mettre en place des balises

 pour clarifier tout ça...

[m.k]

KewlCat: Pardon pour l'erreur, en effet elle a rien à faire là, je l'ai enlevé.

Merci

-------------------------------

Dydlav

 

J'ai réussi Merci

Modifié le 5 avril 2007 par m.k

[Dylav]

Content pour toi, m.k

 

Mais tout cela est bien mystérieux, et nous laisse sur notre faim...