Problème de CSS
Owerace
-
Owerace -
Owerace -
Bonjour,
Je vous expose mon problème :
Je fais en ce moment un site web sur un jeu,
J'ai acheter HostPapa comme hébergeur.
J'utilise Webmatrix commeLogiciel.
Quand je regarde sur ma page localost c'es Bon Mon site apparraît, avec le graphsime derrière les liens ect...
Puis je publie mon site en ligne là, Tout fonctionne correctement je vois mon graphisme et tout. OR quand je vais sur un autre ordi que sur le miens : Il n'y a pas de graphisme j'ai quasiment tout tenter mais la je sèche aidée moi svp !!!!
Cordialemment ;
Owerace
Je vous expose mon problème :
Je fais en ce moment un site web sur un jeu,
J'ai acheter HostPapa comme hébergeur.
J'utilise Webmatrix commeLogiciel.
Quand je regarde sur ma page localost c'es Bon Mon site apparraît, avec le graphsime derrière les liens ect...
Puis je publie mon site en ligne là, Tout fonctionne correctement je vois mon graphisme et tout. OR quand je vais sur un autre ordi que sur le miens : Il n'y a pas de graphisme j'ai quasiment tout tenter mais la je sèche aidée moi svp !!!!
Cordialemment ;
Owerace
A voir également:
- Problème de CSS
- Css download - Télécharger - HTML
- Enlever le soulignement d'un lien css ✓ - Forum Réseaux sociaux
- Enlever soulignement lien css ✓ - Forum CSS
- Enlever le soulignage des lien. - Forum CSS
- Css ligne horizontale ✓ - 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.