Souci avec css externe
Utilisateur anonyme
-
Utilisateur anonyme -
Utilisateur anonyme -
Bonjour,
J'ai une page php ou dedans j'ai ceci :
<link rel="stylesheet" href="css/style.css" /> entre les balises <head></head>
Bien entendu, mon fichier "style.css" se trouve dans le dossier css.
voici le contenu de ma feuille de style :
.body {
margin:0;
padding:0;
background: url(images/body/bg2.png) no-repeat center fixed;
-webkit-background-size: cover; /* pour Chrome et Safari */
-moz-background-size: cover; /* pour Firefox */
-o-background-size: cover; /* pour Opera */
background-size: cover; /* version standardisée */
}
a:link {
color: #06F;
}
a:visited {
color: #06F;
}
a:hover {
color: #00F;
}
a:active {
color: #06F;
}
.pop { POSITION:fixed; VISIBILITY: hidden; }
Et malheureusement... rien ne se passe alors que lorsque j'intègre le code CSS entre des balises <style> directement dans ma page, ça fonctionne.
J'avoue que je sèche un peu là...
J'ai une page php ou dedans j'ai ceci :
<link rel="stylesheet" href="css/style.css" /> entre les balises <head></head>
Bien entendu, mon fichier "style.css" se trouve dans le dossier css.
voici le contenu de ma feuille de style :
.body {
margin:0;
padding:0;
background: url(images/body/bg2.png) no-repeat center fixed;
-webkit-background-size: cover; /* pour Chrome et Safari */
-moz-background-size: cover; /* pour Firefox */
-o-background-size: cover; /* pour Opera */
background-size: cover; /* version standardisée */
}
a:link {
color: #06F;
}
a:visited {
color: #06F;
}
a:hover {
color: #00F;
}
a:active {
color: #06F;
}
.pop { POSITION:fixed; VISIBILITY: hidden; }
Et malheureusement... rien ne se passe alors que lorsque j'intègre le code CSS entre des balises <style> directement dans ma page, ça fonctionne.
J'avoue que je sèche un peu là...
2 réponses
-
Merci pour ta réponse.
Ca m'a ouvert les yeux sur le fait que je faisais à appel à mon image de background se trouvant dans "racinedusite/images/body".
Alors que mon fichier css se trouvait dans "racinedusite/css".
Il me suffit juste de rajouter les deux petits points pour retourner un dossier parent avant. Ce qui donne : "../images/body/bg2.png"
Encore merci et désolé pour l'erreur bête ^^ :-) -
Salut,
Testez :<link href="css/style.css" rel="stylesheet" type="text/css"/>
ou<link href="/css/style.css" rel="stylesheet" type="text/css"/>
