18068 sujets

Questions générales et questions de débutants

CSS ignoré [résolu]

Pages :
bon jour à tous

Un soucis étonnant au sujet de la prise en compte de style appliqué à la page.

Lorsque j'affiche une page dans mes navigateurs, tout se passe normalement : la mise en page est correcte, la CSS associée est prise en compte.

Maintenant, lorsque cette même page est affichée en passant par un lien depuis la page menu, celle-ci s'affiche mais SANS aucun attribut de style.

J'ai sans doute dû raté qq chose ! Dans les faq, j'ai vérifié la déclaration de Link et ma CSS, tout semble OK...

Avez-vous une piste s'il vous plait ? Smiley biggol
Modifié par grassel (05 Dec 2006 - 12:14)
voilà j'ai fait un exemple rapide :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
<link href="/styPhoto.css" rel="stylesheet" type="text/css" />

</head>

<body>
<p>ceci est un test de lien</p>
<!--DEBUT CODE PAGE PRECEDENTE -->
<A HREF="Javascript:history.go(-1)">Retour à la page précédente</A>
<!--FIN CODE PAGE PRECEDENTE-->
<p> </p>
<p><img src="images animees/Enluminure.gif" width="340" height="120" /></p>
<p> </p>
<p> </p>
<p> </p>
</body>
</html>


et ma CSS :
body {
	background-color: #333399;
}


voilà ce que cela donne aussi bien en local qu'à distance : http://perso.orange.fr/siteencours/photo.html

si vous avez besoin d'autres choses ...
Modifié par grassel (04 Dec 2006 - 17:45)
Salut !

Ton problème réside dans le lien que tu fais vers ta feuille de style. En local, aussi bien que sur ton exemple : 
<link href="/styPhoto.css" rel="stylesheet" type="text/css" />

Cela signifie que ta feuille de style se trouve à la racine de ton site soit : http://perso.orange.fr/
Or, celle-ci est inexistante.
Si tu remplaces par :
<link href="styPhoto.css" rel="stylesheet" type="text/css" />

Et que mets ta feuille de style au même niveau que ton fichier d'exemple tout devrait fonctionner. Smiley cligne
En local et avec cette correction aux lignes de codes fournies, tout fonctionne...
Modifié par Cygnus (04 Dec 2006 - 17:55)
Bonjour,

Sauf erreur ou omission ton fichier css contien du html ...

CSS -  http://perso.orange.fr/siteencours/photo.html
 
 http://perso.orange.fr/siteencours/photo.html
 
 http://perso.orange.fr/styPhoto.css
 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<title>Orange</title>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<script type="text/javascript">
			//<![CDATA[
			//<!--
			var o_bNoWalledGarden = false;
			//-->
			//]]>
	</script>
		
<!-- Scripts Orange Moteur -->
  <script language="JavaScript" src="http://c.orange.fr/Js/o.js"></script>
  <script language="JavaScript" src="http://c.orange.fr/Js/common.js"></script>
<!-- / Scripts Orange Moteur -->
désolé Ghost, je ne comprends pas ta réponse, il semble que tu sois monté sur ma page pendant qu'elle était indisponible, peut-être.

Cygbus :
ton idée est bonne sans doute mais voici ce qui se passe plus précisément.

Lorsque je corrige le code tel que tu le préconises, tout de passe bien, le pb est résolu. MAIS, ceci est vrai car ma page photo.html est dans la racine.

Si maintenant, la page que je désire afficher (et sa CSS liée) se trouve dans un dossier (soucis de clarté), si j'enlève le "/", je perd le style en local également.
Je comprends bien ... Smiley biggrin

Mais alors soit bien sûr que ton lien est exact et pointe vers la feuille de style.
A ce moment-là, le problème devrait être résolu pour toutes tes pages !

Car en l'état, tel que cela se trouve en ligne dans ton fichier d'exemple, je ne charge la CSS ni sur la 1ère, ni sur la 2nde page Smiley rolleyes
si tu va là http://perso.orange.fr/siteencours/photo.html maintenant, tu devrais avoir le fond bleu ?

voilà le code 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
<link href="styPhoto.css" rel="stylesheet" type="text/css" />

</head>

<body>
<p>ceci est un test de lien</p>
<!--DEBUT CODE PAGE PRECEDENTE -->
<A HREF="Javascript:history.go(-1)">Retour à la page précédente</A>
<!--FIN CODE PAGE PRECEDENTE-->
<p>&nbsp;</p>
<p><img src="images animees/Enluminure.gif" width="340" height="120" /></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</body>
</html>


ici tout est ok car photo est dans la racine

peux tu me le confirmer svp Smiley langue
Modifié par grassel (04 Dec 2006 - 18:18)
En effet, je le vois ...
Donc ton lien vers ta feuille de style devrait être je pense : 
<link href="http://perso.orange.fr/siteencours/styPhoto.css" rel="stylesheet" type="text/css" />


Ou, si je ne me trompe pas sur la racine du site :
<link href="/siteencours/styPhoto.css" rel="stylesheet" type="text/css" />

A vérifier ... Smiley murf
j'ai des nouvelles...pas très bonne je pense !

A chaque fois que je donne un emplacement d'un élément qui ne se trouve pas dans la racine, il y a pb. (si dans racine, que je mette le "/" ou pas, pas d'incidence, cela fonctionne.)

Dès que je suis dans un dossier, mes liens ne fonctionnent plus.
Désolé pour la qualité site ci-dessous mais c'est juste pour tenter d'expliquer.

Si tu veux bien vas là http://perso.orange.fr/siteencours/ et clique sur REMPART dans la colonne de gauche. Tu devrais être diriger vers la page "photo" dont le lien est :Architecture/photo2.html . Si je rajoute "/" en tête, je suis dirigé par l'hébergeur vers une page d'erreur.

Maintenant, l'image qui devrait être affichée (sur photo2) se trouve dans le dossier "Image" de la racine et que je la nomme "/images/Tailleplat.gif" ou "images/Tailleplat.gif" : impossible à afficher !!!!!

Pour info, cette MEME image est parfaitement affichée sur la page d'accueil du site avec comme src "images/Tailleplat.gif"

J'assaie d'être le plus clair possible...pas facile Smiley langue Smiley langue Smiley langue
Hum...

Je pense que tu ne comprends pas bien ce que signifie le "/" en en-tête du lien. Cela veut dire que ton lien est "en absolu" par rapport à la racine de ton site. En gros, que quelque soit la page d'où est appelé le lien, il faudra toujours indiqué le chemin depuis le dossier initial.

Une fois que tu sauras exactement quel est le dossier-racine de ton site. Et que le chemin que tu auras indiqué pour aller vers ta feuille de style sera le bon, il sera pris en compte dans toutes les pages... Smiley cligne
je me rends bien compte qu'il y a un pb de mon coté au sujet de la racine.

Pour moi, "/" en tête de chemin signifie que l'on part de la racine.

Ainsi "/architecture" équivaut à "architecture" si le dossier "architecture" se trouve dans la racine.

Si le dossier "image" est dans le dossier "architecture", il doit obligatoirement être écrit "/architecture/image" pour partir de l'origine.

Est ce bien exact ? Smiley sweatdrop
Re,

/ et tu "redescents" d'un niveau dans l'arborescence à partir du fichier de ton lien. ou alors donne les chemins en absolu.
bien, donc si je comprends, la racine de mon site n'est pas celle à laquelle je pense ..... en tout cas je vais chercher dans cette direction.

Si tu pouvais revenir sur ce post de temps en temps (jusqu'à demain je pense), ce serait vraiment sympa. Je donnerai des news et tu pourras sans doute me recadrer une nouvelle fois ci besoin

merci à toi Smiley smile
ghost a écrit :
/ et tu "redescents" d'un niveau dans l'arborescence à partir du fichier de ton lien. ou alors donne les chemins en absolu.

Euhm...

Ne s'agirait-il pas plutôt de : "../" pour redescendre d'un niveau ?
"/" étant uniquement la racine du site...

Smiley rolleyes
ben j'suis pas sorti de c't'affaire !!! Smiley biggol Smiley biggol Smiley biggol pratiquement plus aucun lien qui fonctionnent

Smiley rolleyes

je pense que pour aujourd'hui, vaut mieux tout plier Smiley ohwell

merci à vous et à demain Smiley biggrin
Il faut que j'essaye, je ne sais plus... c'est comme l'orthographe quand je ne l'écrit pas à "la main", je me mélange ...

tu dois avoir raison ../ c'est sûr même
Modifié par ghost (04 Dec 2006 - 20:48)
grassel a écrit :
ben j'suis pas sorti de c't'affaire !!! Smiley biggol Smiley biggol Smiley biggol pratiquement plus aucun lien qui fonctionnent

Pas de panique ...
Tu vas y arriver.

Pour info, le dossier racine de ton site est le dossier dans lequel tu uploades tes fichiers via le FTP. Smiley cligne
Pages :
Sujet clos
Aller à