Chargement image site web
steph-rott
Messages postés
354
Date d'inscription
Statut
Membre
Dernière intervention
-
steph-rott Messages postés 354 Date d'inscription Statut Membre Dernière intervention -
steph-rott Messages postés 354 Date d'inscription Statut Membre Dernière intervention -
Bonjour, j'ai créer un site d'ici peu, seulement, l'image (background) de mon site met du temps à charger (2-3 secondes) et ma page est dite "finie de charger", même lorsque l'image ne l'est pas.
Je voudrais que, soit, le l'image de fond se charge en première, soit que la page ne se marque pas "chargée" même quand l'image de fond ne l'est pas.
Voici mon code source :
HTML :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Musique</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="musique.css" />
</head>
<body>
<p><a href="..musique/mes-musique">Mes musiques</a>
<br />
<br />
<a href="../musique/musiques-favorites.html">Musiques favorites</a>
</p>
</body>
</html>
----------------------------------------------------------------------------------------
CSS :
@charset "utf-8";
/* CSS Document */
body
{
/*image*/
background-image: url("ilovemusic.jpg");
background-attachment : fixed;
background-position:center;
height:100%;
padding:0;
margin:0;
/*texte*/
text-align:center;
font-size:22px;
}
a
{
color:#06F
}
a:hover
{
text-decoration:blink;
color:#F60;
}
------------------------------------------------------------------------------------------
Je voudrais que, soit, le l'image de fond se charge en première, soit que la page ne se marque pas "chargée" même quand l'image de fond ne l'est pas.
Voici mon code source :
HTML :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Musique</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="musique.css" />
</head>
<body>
<p><a href="..musique/mes-musique">Mes musiques</a>
<br />
<br />
<a href="../musique/musiques-favorites.html">Musiques favorites</a>
</p>
</body>
</html>
----------------------------------------------------------------------------------------
CSS :
@charset "utf-8";
/* CSS Document */
body
{
/*image*/
background-image: url("ilovemusic.jpg");
background-attachment : fixed;
background-position:center;
height:100%;
padding:0;
margin:0;
/*texte*/
text-align:center;
font-size:22px;
}
a
{
color:#06F
}
a:hover
{
text-decoration:blink;
color:#F60;
}
------------------------------------------------------------------------------------------
A voir également:
- Chargement image site web
- Création site web - Guide
- Web office - Guide
- Site de telechargement - Accueil - Outils
- Site comme coco - Accueil - Réseaux sociaux
- Quel site remplace coco - Accueil - Réseaux sociaux
