A voir également:
- Problème de CSS
- Css download - Télécharger - HTML
- Enlever le soulignement d'un lien css ✓ - Forum Réseaux sociaux
- Css ligne horizontale ✓ - Forum CSS
- Enlever le soulignage des lien. - Forum CSS
- Enlever soulignement lien css ✓ - Forum CSS
7 réponses
Salut,
Le problème vient sûrement de cette ligne :
.. href="C:\Documents and Settings\Administrateur\Mes documents\Mes images\Owerofus\Graphisme\Site\styles\main.css"
elle fait référence à une librairie CSS sur le disque dur de ton ordi et non sur celui du serveur...
Sans doute faut-il la remplacer par un chemin relatif : ../styles/main.css
Le problème vient sûrement de cette ligne :
.. href="C:\Documents and Settings\Administrateur\Mes documents\Mes images\Owerofus\Graphisme\Site\styles\main.css"
elle fait référence à une librairie CSS sur le disque dur de ton ordi et non sur celui du serveur...
Sans doute faut-il la remplacer par un chemin relatif : ../styles/main.css
Voilà le lien 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>Owerofus</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" href="C:\Documents and Settings\Administrateur\Mes documents\Mes images\Owerofus\Graphisme\Site\styles\main.css" />
</head>
<body>
<div id="conteneur">
<div id="header"><a href='index.html'></a></div>
<div id="menu"><a href='index.html'>Accueil</a></div>
<div id="corps"></div>
<div id="footer"></div>
</div>
</body>
</html>
Et mon CSS :
body
{
background-color: #ffffff;
}
#header
{
background-image: url("../images/header.jpg");
width: 900px;
height: 239px;
}
#header a
{
display: block;
height: 239px;
width: 900px;
}
#menu
{
background-image: url("../images/menu.jpg");
width: 900px;
height: 67px;
text-align: center;
font-size: 50px;
font-family : AR DECODE;
}
#menu a
{
color: white;
text-decoration: none;
font-size: 45px;
padding-left: 40px;
padding-right: 120px;
}
#menu a:hover
{
text-decoration: underline;
font-size: 45px;
padding-left: 40px;
padding-right: 120px;
}
#corps
{
background-image: url("../images/corps.jpg");
background-repeat: repeat-y;
width: 900px;
height: 700px;
padding-left: 100px;
padding-right: 0px;
}
#footer
{
background-image: url("../images/flooter.jpg");
width: 900px;
height: 69px;
}
#conteneur
{
margin: auto;
width: 900px;
}
Merci =)
<!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>Owerofus</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" href="C:\Documents and Settings\Administrateur\Mes documents\Mes images\Owerofus\Graphisme\Site\styles\main.css" />
</head>
<body>
<div id="conteneur">
<div id="header"><a href='index.html'></a></div>
<div id="menu"><a href='index.html'>Accueil</a></div>
<div id="corps"></div>
<div id="footer"></div>
</div>
</body>
</html>
Et mon CSS :
body
{
background-color: #ffffff;
}
#header
{
background-image: url("../images/header.jpg");
width: 900px;
height: 239px;
}
#header a
{
display: block;
height: 239px;
width: 900px;
}
#menu
{
background-image: url("../images/menu.jpg");
width: 900px;
height: 67px;
text-align: center;
font-size: 50px;
font-family : AR DECODE;
}
#menu a
{
color: white;
text-decoration: none;
font-size: 45px;
padding-left: 40px;
padding-right: 120px;
}
#menu a:hover
{
text-decoration: underline;
font-size: 45px;
padding-left: 40px;
padding-right: 120px;
}
#corps
{
background-image: url("../images/corps.jpg");
background-repeat: repeat-y;
width: 900px;
height: 700px;
padding-left: 100px;
padding-right: 0px;
}
#footer
{
background-image: url("../images/flooter.jpg");
width: 900px;
height: 69px;
}
#conteneur
{
margin: auto;
width: 900px;
}
Merci =)
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
en application de ce que te dis arthezius, il faut modifier la ligne:
<link rel="stylesheet" media="screen" type="text/css" href="C:\Documents and Settings\Administrateur\Mes documents\Mes images\Owerofus\Graphisme\Site\styles\main.css" />
en
<link rel="stylesheet" media="screen" type="text/css" href="C:\Documents and Settings\Administrateur\Mes documents\Mes images\Owerofus\Graphisme\Site\styles\main.css" />
en
<link rel="stylesheet" media="screen" type="text/css" href="styles/main.css" />
le code CSS n'est pas appliqué à le document HTML
Il ne faut jamais mettre de lien commençant par C:\ ou tout autre lecteur de ton ordinateur.