Mon background-image ne s'affiche pas (HTML - CSS) [Résolu]

Signaler
-
 THOMAS -
Bonjour,
J'étudie actuellement les bases de l'HTML et du CSS.
J'aimerais mettre image en fond sur une seule page de mon site (il s'agit de l'accueil).

J'ai déjà regarder beaucoup de Tuto en suivant les étapes et mettant le même code qu'eux.
Ca ne marche toujours pas.

Voici le code HTML :

<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset ="utf-8">
<title>LinkedIn</title>
<link rel="stylesheet" href="../CSS/style.css"/>
</head>

<body>
<header class="linovu">
Linovu
</header>

<nav>

<ul class="list">
<li><a href="../accueil/accueil.php" class="menu">Accueil</a></li>
</ul>

</nav>

<section class="acceuil">
</section>

<footer>
<p>Copyrigth 2019 - Danny Thomas</p>
</footer>
</body>
</html>

Voici le code CSS de tout le site:
body
{
font-size: 15px;
font-family : times new roman;
}

.nom
{
color: #20B2AA;
font-weight: bold;
text-align:center;
font-size : 25px;
}
h2
{
color : #20B2AA;
font-size : 20px;
}

aside
{
position: fixed;
margin-top : 10px;
margin-right: 0px;
margin-left:1200px;
margin-bottom:0px;
background:r;
border-radius:9px;
border : 5px solid #C0C0C0;
color : #20B2AA;
}

header
{
position : relative;
text-align:center;
background:#C0C0C0;
margin-bottom: 0px;
margin-right: 0px;
margin-left: 0px;
}

section
{
position:absolute;
margin-left:0px;
margin-top:0px;
}

footer
{
position:static;
background: linear-gradient(#20B2AA,#C0C0C0);
text-align:center;
color : white;
padding-top : 10px;
padding-bottom : 10px;
margin-top : 900px;
}

nav > ul
{
list-style-type:none;
margin-top:0px;
margin-bottom:0px;
padding:0px;
overflow:hidden;
background-color:#C0C0C0;
}

nav > ul > li
{
float:left;
}

li a
{
display:inline-block;
color:white;
text-align:center;
padding: 14px;
text-decoration:none;
}

li a : hover
{
background-color:red;
}

.menu
{
background-color:#20B2AA;
}

div
{
width : 1000px;
}

.linovu
{
font-size: 30px;
text-decoration: none;
color:white;
background:#C0C0C0;
font-weight : bold
}

.acceuil
{
background-repeat : no-repeat;
background-image : url(../image/fond.jpg);
background-position: cover;
}


Merci d'avance pour votre précieuse aide !

Thomas

1 réponse

Messages postés
90
Date d'inscription
vendredi 13 mai 2005
Statut
Membre
Dernière intervention
23 mai 2020
22
Hello

Comme ça à première vue, ta section (class="acceuil") est vide, du coup ton background ne peut pas s'afficher... Ajoute du texte au moins (<div>....<p>Exemple</p>...</div>...)

Regarde ici :
https://www.w3schools.com/cssref/pr_background-image.asp

ou encore :
https://www.w3schools.com/htmL/html_images_background.asp

@+

_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
Ma réponse t'a un peu aidé ? Si oui, un petit merci... Merci.
Le site m'a aidé ! Merci beaucoup !!!