CSS ne fonctionnent que dans le fichier index

Résolu/Fermé
Eritou Messages postés 111 Date d'inscription samedi 20 décembre 2014 Statut Membre Dernière intervention 29 septembre 2023 - 16 déc. 2022 à 11:30
Eritou Messages postés 111 Date d'inscription samedi 20 décembre 2014 Statut Membre Dernière intervention 29 septembre 2023 - 16 déc. 2022 à 17:11

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

A voir également:

3 réponses

Eritou Messages postés 111 Date d'inscription samedi 20 décembre 2014 Statut Membre Dernière intervention 29 septembre 2023 4
16 déc. 2022 à 17:11

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

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
Eritou Messages postés 111 Date d'inscription samedi 20 décembre 2014 Statut Membre Dernière intervention 29 septembre 2023 4
16 déc. 2022 à 16:24

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

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