5568 sujets

Sémantique web et HTML

Bonjour à tous,

Je ne comprends pas toujours comment on doit écrire un chemin relatif dans une feuille CSS et en HTML.

Par exemple :

/www/dossier1/img/image1.png
/www/dossier1/css/style.css
/www/dossier1/pages/index.html

Pour appeler l'image1.png dans la feuille HTML : <img src="./dossier1/img/image1.png">. C'est ça ?.
Et pour un fond en CSS :
BODY { background-image: url(../img/image1.png); }. Ca fonctionnera ?

Maintenant plus difficile (problème pour insérer des styles dans tinyMCE) :
Ici :
upload/13984-Image1.png

/www/dossier1/css/tiny.css
/www/dossier1/dossier2/tinymce.php

Dans tinymce.php : content_css : "./dossier1/css/tiny.css", ??

Voilà, mes questions. Ayant tout (?) essayé sans résultat, je m'y suis finalement perdu.

Merci pour votre aide.
Modifié par bmael (20 Nov 2008 - 11:20)
Bonjour,

Les liens sont des adresses relatives au document.

Débuter une adresse par / signifie que tu pars de la racine du site. Débuter par ./ signifie que tu pars du répertoire courant, celui dans lequel se trouve le fichier, HTML ou CSS, dans lequel tu écris tu veux coder le chemin vers ton image.

Dans l'exemple que tu donnes, les syntaxes que tu utilises sont valables si ton fichier HTML se trouve dans le répertoire www, et que le fichier CSS se trouve dans un des répertoires img, css ou pages. Pour ton fichier HTML, il faut donc plutôt écrire:

<img src="../img/image1.png" alt="[i]alternative textuelle[/i]">

... en n'oubliant pas l'attribut alt Smiley cligne .

Je n'ai pas compris ta deuxième question.
Bonjour Gilles, et merci pour ton éclairage.

Je me plantais donc.
On ne peut être plus clair :
/ => on part de la racine du site (soit /www/)
./ => on part du répertoire courant du fichier édité (css ou html)
../ => on part du répertoire "parent"
../../ => on remonte de 2 dossiers
etc... Smiley biggrin

C'est valable pour du HTML comme pour une url dans une feuille de style CSS ?

Ma 2e question, concerne la difficulté que j'ai à faire avaler une feuille de style à l'éditeur TinyMCE (mais je devrais plutôt me tourner vers la communauté des utilisateurs de Tiny).
Sur Joomla! 1.5.7 par exemple (tinyMCE 2.0), je parviens à avoir des styles dans le menu déroulant, mais ils n'agissent pas sur la mise en forme du texte... Smiley decu

Je vais continuer mes recherches car j'ai quand-même un peu avancé. Merci à toi Smiley cligne
bmael a écrit :
C'est valable pour du HTML comme pour une url dans une feuille de style CSS ?

Oui. À noter que la notation ./dossier/fichier est équivalente à dossier/fichier. Dans les deux cas il s'agit d'un chemin relatif, dont le point de départ est...

1. pour du HTML, la page HTML;
2. pour une feuille de styles CSS, le fichier CSS.
Florent V. a écrit :

Oui. À noter que la notation ./dossier/fichier est équivalente à dossier/fichier. Dans les deux cas il s'agit d'un chemin relatif, dont le point de départ est...

1. pour du HTML, la page HTML;
2. pour une feuille de styles CSS, le fichier CSS.


De mémoire, Netscape 3 considère de manière erronée que dans une CSS, le chemin est relatif au fichier HTML. Bon, en même temps, c'est Netscape 3 Smiley vieux
Gilles, le fait même d'écrire le mot «Netscape» dans un sujet où on parle de HTML et CSS aujourd'hui n'est pas loin de te valoir un bannissement du forum. Un peu de pédagogie, boudiou. Smiley lol
Modifié par Florent V. (07 Dec 2008 - 03:22)