Ajouter une image en haut de la page

Fermé

Thomas - Modifié le 14 mai 2017 à 00:04
bg62 Messages postés 23590 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 15 avril 2024 - 14 mai 2017 à 12:30

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 !

A voir également:

Ajouter une image en haut de la page
Supprimer une page word - Guide
Traduire une page web - Guide
Créer une page facebook - Guide
Frédéric cherche à faire le buzz sur les réseaux sociaux. il a ajouté une image d’ours polaire sur une image de plage. retrouvez l'image originale de la plage. que cache l'ours polaire ? - Forum Loisirs / Divertissements
Image iso - Guide

2 réponses

Réponse 1 / 2

dugenou Messages postés 6087 Date d'inscription mercredi 19 janvier 2005 Statut Contributeur Dernière intervention 30 juillet 2021 1 451
14 mai 2017 à 06:33

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>

bg62 Messages postés 23590 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 15 avril 2024 2 362
14 mai 2017 à 12:30

ah ... OUI = 100% :)

Réponse 2 / 2

Grandasse_ Messages postés 924 Date d'inscription jeudi 28 janvier 2010 Statut Membre Dernière intervention 27 avril 2023 592
Modifié le 14 mai 2017 à 11:02

Bonjour,

Attention,

<head>

<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

Discussions similaires

Retrouver l'image originale après avoir fait des modifications ?

[PIX] Commencer chaque poème sur une nouvelle page

Résolution d'une image 500 pixels largeur

Ajouter une page dans libre office

[référencement] Ne pas être référencé

Discussions similaires

Newsletters