Comment faire un lien relatif sur une balise link?

**Nixar** · 30/10/2008, 12h17

Bonjour à tous

Pour faire la liaison vers mon CSS, j'utilise la balise suivante dans ma page maître (page servant de modèle à toutes les autres):

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<link href="css/styleSheet.css" rel="stylesheet" type="text/css" />

Le fichier styleSheet.css se trouve dans le dossier CSS.

Sauf que voilà, j'ai des pages qui se trouvent dans un sous répertoire de l'application (donc au même niveau que le répertoire "css"). Et là, le href n'est plus valable puisque dans le sous répertoire, il n'existe pas de répertoire "css". Le href valable dans ce cas c'est : "../css/styleSheet.css".

Je souhaite faire un chemin relatif vers mon fichier CSS, un truc du style "~/css/StyleSheet.css" (c'est ce qui est fait en C# pour faire un lien relatif).

Comment faire en HTML?

J'espère être clair,

Merci de vos réponses.

Cordialement,

Nixar.

**neismarspra** · 30/10/2008, 13h41

- le plus simple: tu met le chemin complet.
- tu utilise un variable, et concentration de chaine (ou comment ça s'appelle)
- peu être que

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

 <BASE HREF="ton site.com"></BASE>

l'équivalent de la var path sous windows, pourrai t'être utile j'ai pas réfléchi jusque la. bonne chance

**Nixar** · 30/10/2008, 15h10

Merci de ta réponse.
Comment mettre une variable ici? TU parles bien de Javascript?

Pourrais-tu me donner un exemple, je dois dire que je ne vois pas bien.

Merci beaucoup !!

Cordialement,

Nixar

**neismarspra** · 30/10/2008, 16h09

dans une page situer dans le répertoire /css/, ou ailleurs.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<link href="http://www.monsite.fr/css/styleSheet.css" rel="stylesheet" type="text/css" />

je pense que ça devrai marcher,et que j'ai bien compris la question

**Nixar** · 30/10/2008, 16h30

Mer ci de ta réponse, mais ca n'était pas ce que je demandais. Je te donne un peu plus de visibilité sur ce que je souhaite.

J'ai un site que je veux faire tourner au moins sous IE et FF sans souci. Avec le décalage que l'on connait entre les 2 (sur l'interprétation CSS notamment) j'ai pris le parti de cette solution :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 <%--Permet de faire une sélection de la feuille de style en fonction du navigateur--%>
        <!--[if IE]>
        <link href="css/styleSheet_IE.css" rel="stylesheet" type="text/css" />
        <link href="../css/styleSheet_IE.css" rel="stylesheet" type="text/css" />
        <![endif]-->
        <!--[if !IE]><-->
        <link href="css/styleSheet.css" rel="stylesheet" type="text/css" />

Ce qui me permet de switcher entre les 2 feuilles de styles. Comme je te disais mon souci est que j'ai une section authentifiée sur mon site, qui se trouve dans un répertoire autre que le reste. Dans ce cas, le chemin vers le CSS est faux. (c'était l'objet de ma question)

Maintenant pour corser le tout, j'ai une version en dev, en préprod et en prod. Et mon site en prod est sur 2 noms de domaines en même temps. Je souhaite donc pouvoir rajouter la bonne autorité ("http://www.monsite.fr") en fonction de l'environnement où je suis et ce sans avoir à retoucher le fichier sans cesse lorsque j'upload mes modifs faites en dev vers la préprod par exemple.
Si tu regardes attentivement le bout de code ci dessus, j'ai mis 2 link pour IE. Ca marche pour IE, mais semble-t-il pas pour FF. D'où mon post d'origine...

Dans ton premier post, tu dis :

- tu utilise un variable, et concentration de chaine (ou comment ça s'appelle)

J'ai pas trop trop compris ta phrase, mais tu parles de variables et c'est ce qui m'intéresse : est-il possible de mettre une variable (javascript ?) dans une balise <link>? Si oui comment?

Merci de vos réponses à tous.

Cordialement,

Nixar

**Kerod** · 30/10/2008, 16h50

En JavaScript ça m'étonnerait que ce soit possible

Par contre en PHP tu peux le faire

. Juste un echo de ta variable devant le reste de ton adresse.

**Nixar** · 30/10/2008, 17h07

et là, c'est le drame : je bosse en asp.net, avec C#...

Donc, a priori pas de possibilité simple de ce côté.

Est-ce que tu aurais une idée de la raison du dysfonctionnement avec FF lorsque je mets 2 balises <link>? Déjà, est-ce que c'est normal ou est-ce encore une interprétation "libre" de IE?

Merci de ta réponse.

Cordialement,

Nixar

**Kerod** · 30/10/2008, 17h26

Quel est le souci avec Fx ?

**franculo_caoulene** · 30/10/2008, 17h49

Salut,

Si le site est en .net la section <appsettings> du web.config est là pour ça.

**Nixar** · 31/10/2008, 09h52

Bonjour,
@Kerod : le souci est que lorsque je mets 2 balises <link>, FF ne trouve plus du tout le CSS...:s

@franculo_caoulene,
Merci de ta réponse sur mon post concernant la balise link.

Je ne vois pas comment utiliser un valeur de l'appsettings dans ma balise <link>... On peut mettre une expression dynamique du style <%Expression%> dans cette balise?

Bref, comment faire?

Merci beaucoup de ta réponse (et désolé pour l'HS HTML pur)

Cordialement,

Nixar

**franculo_caoulene** · 31/10/2008, 12h22

Non tu ne peux pas, par contre tu peux lui attribuer un ID et le définir en tant que runat="server". Ainsi, ses propriétés sont accessibles en code serveur et modifiable à souhait.