A voir également:
- Problème de CSS
- Enlever couleur lien css ✓ - Forum CSS
- Mettre une image à gauche css ✓ - Forum CSS
- Css exposant ✓ - Forum CSS
- Déplacer une image css - Forum CSS
- Css download - Télécharger - HTML
7 réponses
telliak
Messages postés
3655
Date d'inscription
mercredi 20 septembre 2006
Statut
Membre
Dernière intervention
27 mars 2024
875
18 oct. 2011 à 23:22
18 oct. 2011 à 23:22
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
Autumn`Tears
Messages postés
1054
Date d'inscription
samedi 14 mars 2009
Statut
Membre
Dernière intervention
23 octobre 2013
144
17 oct. 2011 à 19:57
17 oct. 2011 à 19:57
Salut,
Tu peux montrer ton lien, ou ton CSS stp ?
Tu peux montrer ton lien, ou ton CSS stp ?
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 =)
djdk
Messages postés
34
Date d'inscription
lundi 15 juin 2009
Statut
Membre
Dernière intervention
19 mars 2013
3
18 oct. 2011 à 21:54
18 oct. 2011 à 21:54
il n y a pas de graphisme ??? tu veux dire tes images?
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Si si les images sont les différentes parties de mon graphisme !!!
arthezius
Messages postés
3538
Date d'inscription
jeudi 15 mai 2008
Statut
Membre
Dernière intervention
11 septembre 2016
475
20 oct. 2011 à 20:27
20 oct. 2011 à 20:27
As-tu essayé la solution de telliak ?
Alain_42
Messages postés
5361
Date d'inscription
dimanche 3 février 2008
Statut
Membre
Dernière intervention
13 février 2017
894
21 oct. 2011 à 09:53
21 oct. 2011 à 09:53
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" />
18 oct. 2011 à 23:56
le code CSS n'est pas appliqué à le document HTML
19 oct. 2011 à 14:58
Il ne faut jamais mettre de lien commençant par C:\ ou tout autre lecteur de ton ordinateur.