Aller au contenu
  • Pas encore inscrit ?

    Pourquoi ne pas vous inscrire ? C'est simple, rapide et gratuit.
    Pour en savoir plus, lisez Les avantages de l'inscription... et la Charte de Zébulon.
    De plus, les messages que vous postez en tant qu'invité restent invisibles tant qu'un modérateur ne les a pas validés. Inscrivez-vous, ce sera un gain de temps pour tout le monde, vous, les helpeurs et les modérateurs ! :wink:

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


m.k
 Partager

Messages recommandés

Bonjour tous :P

 

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é par m.k
Lien vers le commentaire
Partager sur d’autres sites

  • Modérateurs

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... :P

Lien vers le commentaire
Partager sur d’autres sites

Merci Dylav :P

 

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

Lien vers le commentaire
Partager sur d’autres sites

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

Merci

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

Dydlav

 

J'ai réussi Merci :P

Modifié par m.k
Lien vers le commentaire
Partager sur d’autres sites

Rejoindre la conversation

Vous pouvez publier maintenant et vous inscrire plus tard. Si vous avez un compte, connectez-vous maintenant pour publier avec votre compte.
Remarque : votre message nécessitera l’approbation d’un modérateur avant de pouvoir être visible.

Invité
Répondre à ce sujet…

×   Collé en tant que texte enrichi.   Coller en tant que texte brut à la place

  Seulement 75 émoticônes maximum sont autorisées.

×   Votre lien a été automatiquement intégré.   Afficher plutôt comme un lien

×   Votre contenu précédent a été rétabli.   Vider l’éditeur

×   Vous ne pouvez pas directement coller des images. Envoyez-les depuis votre ordinateur ou insérez-les depuis une URL.

 Partager

  • En ligne récemment   0 membre est en ligne

    • Aucun utilisateur enregistré regarde cette page.
×
×
  • Créer...