CSS ne fonctionnent que dans le fichier index

Résolu
Eritou Messages postés 120 Statut Membre -  
Eritou 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

3 réponses

  1. Eritou Messages postés 120 Statut Membre 4
     

    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.

    1
  2. Pitet
     

    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é ?

    0
  3. Eritou Messages postés 120 Statut Membre 4
     

    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 :)

    0
    1. Pitet
       

      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

      1