Ajouter une image en haut de la page

Thomas -  
bg62 Messages postés 23433 Date d'inscription   Statut Modérateur Dernière intervention   -
Bonjour/bonsoir, je débute dans le développement HTML5/CSS3 et je n'arrive pas à insérer une image (ent-ête) tout en haut de ma page. Comment faire ?

Voici mon code HTML:
<!DOCTYPE html>
<html>
<link rel="stylesheet" href="style.css" />
<meta charset="utf-8" />
<head>

</head>

<body>
<embed src="musique.mp3" autostart="true" loop="-1" hidden="true"></embed>
</body>

</html>


Ainsi que le code CSS:
body
{
background-color: #133E68;
}

head
{
background-image: url("en-tête.png");
background-attachment: left;
}


Merci de m'aider !

2 réponses

  1. dugenou Messages postés 6262 Statut Contributeur 1 455
     
    Bonjour,

    Dans le CSS, il faut déclarer un sélecteur ou attribut id (avec un dièse) :

    #entete {
    background-image: url('en-tete.png'); /* nom du fichier sans accent */
    background-repeat: no-repeat;   /* Evite la répétition de l'image */
    background-attachment: left;
    }


    et dans le HTML, il faut placer l'attribut id dans une div et insérer le code HTML de l'entête entre les balises <div></div> :

    <div id="entete">
    Code HTML de l'entête, par exemple le titre du site
    </div> 

    1
    1. bg62 Messages postés 23433 Date d'inscription   Statut Modérateur Dernière intervention   2 435
       
      ah ... OUI = 100% :)
      0
  2. Grandasse_ Messages postés 974 Date d'inscription   Statut Membre Dernière intervention   614
     
    Bonjour,

    Attention,
    <head>
    et
    <header>
    n'ont pas la même utilité !
    <head>
    contient les balises <link> et <meta> (entre autre) doc
    <header>
    est l'en-tête du site. doc

    C'est normal que tu ne puisses pas utiliser de CSS sur la balise
    <head>
    du coup. (voir la réponse de dugenou pour la suite)
    Grandasse
    0