CSS ne fonctionnent que dans le fichier index
RésoluEritou Messages postés 120 Statut Membre -
Bonjour,
J'ai des CSS qui ne fonctionnent si je les laisse dans le fichier style.css, par contre fonctionnent parfaitement entre les balises <style> de la page index.
Comment expliquez-vous cela ?
Bonne journée,
E.
Macintosh / Firefox 105.0
- CSS ne fonctionnent que dans le fichier index
- Fichier bin - Guide
- Fichier epub - Guide
- Fichier rar - Guide
- Comment réduire la taille d'un fichier - Guide
- Fichier .dat - Guide
3 réponses
Merci beaucoup Pitet, cela n'était qu'un souci de chemin. Les CSS sont donc correctes et ma question ... idiote :)
url("../images/fondblack.png") était la solution.
Encore merci et bon week-end,
E.
Bonjour,
L'URL du fichier style.css est bien correcte ?
Pas d'erreurs de syntaxe dans le fichier style.css ?
Le cache du navigateur a bien été vidé ?
Bonjour Pitet,
Le cache est bien vidé.
Voici les CSS concernées :
<style>/*photo ROCK fullscreen */
#musette
{
position: relative;
overflow : hidden;
top: 0;
left: 0;
bottom: 0;
right: 0;
width:100%;
height: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: top left;
background-repeat: no-repeat;
background-image: url(./images/musette.jpg);
background-color: black;
}
/* Vidéos */
.fb-video
{
text-align:center;
display: block;
position: relative;
min-width: 100%;
padding-top: 15%;
min-height: 100vh;
z-index: 9999;
background-size: 200%;
background-image: url("./images/fondblack.png");
background-color: red;
}
Si je mets ces CSS dans le fichier style (avec une URL correcte ;)
Les background-images n'apparaissent pas, mais les div sont bien présentes.
Merci beaucoup :)
La balise html <style> ne devrait pas être présente dans le fichier style.css
Toutes les règles css sont ignorées ou seulement les images (est-ce que les règles background-color: black et red fonctionnent) ?
Le fichier style.css est dans le même dossier que le fichier html ? Si le fichier style.css est dans un autre dossier, le chemin des images peut alors être incorrect. Si c'est le cas, essaye de définir le chemin absolu à partir de la racine de ton site pour les images (par exemple background-image: url("/images/fondblack.png");) ou le chemin relatif à partir du dossier où se situe le fichier style.css