Ajouter une image en haut de la page

Fermé

Thomas - Modifié le 14 mai 2017 à 00:04
bg62 Messages postés 23664 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 17 décembre 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 - Guide
Image iso - Guide
Word numéro de page 1/2 - 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 23664 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 17 décembre 2024 2 392
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 595
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

problème de pixel

Résolution d'une image 500 pixels largeur

Dechiffrer une image caché

openoffice writer - insérer une page

Mettre une nouvelle page sur Open Office