[Plan du site] Vous êtes ici --- > Le Site du Zéro > Les forums > Site Web > XHTML / CSS > XHTML lien vers "site,image" racoursi ? > Lecture du sujet

XHTML lien vers "site,image" racoursi ?

Vous devez être inscrit pour pouvoir poster des messages

Page : 1

Auteur

Message

1 visiteur sur ce sujet (1 anonyme)

Page : 1

yana-h1

# Posté le 27/07/2008 à 19:11:19

Groupe : Membres

Bonjours j'aimerais savoir comment on peu faire des lien ver image racoursi en code XHTML on me dit de métre "../" ou "../../" mais je n'est pas compri ou il faut le métre ?

Exemple:
C:/Documents and Settings/aaa bbb/Bureau/site 1/WebDesing/images/Bouton 2 conextion.gif
racoursi en ça:
../WebDesing/images/Bouton 2 conextion.gif

où ça:
../../site 1/WebDesing/images/Bouton 2 conextion.gif

je n'est pas compri où place les ../ ou ../../ et pourquoi on en mais un comme ça ../ et pas 2 comme ça ../../

Merci d'avence.

Xhtml_boys

# Posté le 27/07/2008 à 19:22:55

Psychopate Suicidaire
Avatar

Groupe : Membres

je t'ai dit que c'est par rapport a la page HTML qui les charges

Au mon dieu, un noelliste ! Image utilisateur

Stoppons !! (la POP-programmation, anti-windows, ...) Pour en savoir plus ( la bio de Gambit2099 )
3:52 : cette heure est memorable, c'est l'heure ou superMinirop a bannis le pire des boulays

The French

# Posté le 27/07/2008 à 19:28:53

un zero, deux zero, zzzzzzzz
Avatar

Groupe : Membres

Cela dépend de la racine du chemin de ta page.
../ signifie dossier parent(../../ signifie donc : le dossier parent du dossier parent) donc si ta page est /dossier/site/page.html et que ton image est /dossier/imgsite/image.png alors il faudrat que tu aille chercher dans le dossier parent.
En mettant "../", tu sera dans /dossier/, après il faut aller dans le dossier imgsite. Donc tu rajoutera "imgsite/". Il reste le nom de l'image : "image.png".
Ça fait "../imgsite/image.png"

J'espère avoir été assez claire. Tu peut t'entraîner facilement avec la console.
Vu ton chemin, tu dois avoir windows donc pour l'ouvrir, c'est Menu démarrer=>exécuter=>écrire "cmd" et valider.
Ensuite tu peut te déplacer dans ton disque dur (cd pour se déplacer et dir pour voir l'intérieur du dossier actuelle).

noyan

# Posté le 27/07/2008 à 19:37:11

Groupe : Membres

Cette réponse a aidé l'auteur du sujet

exemple mon fichier album.html se trouve à cette adresse:
ainsi que 4 images:
C:/Documents and Settings/aaa bbb/Bureau/site 1/WebDesing/album/album.html
C:/Documents and Settings/aaa bbb/Bureau/site 1/WebDesing/album/image1.jpg
C:/Documents and Settings/aaa bbb/Bureau/site 1/WebDesing/image2.jpg
C:/Documents and Settings/aaa bbb/Bureau/site 1/WebDesing/images/image3.jpg
C:/Documents and Settings/aaa bbb/Bureau/site 1/image4.jpg

Code : HTML

<img src="image1.jpg" /><!--image1 est dans le même répertoire que mon fichier-->
<img src="../image2.jpg" /><!--image2 est dans le répertoire parent -->
<img src="../images/image3.jpg" /><!--image3 se trouve dans le répertoire images du répertoire parent-->
<img src="../../image4.jpg" /><!--pour accéder à image4 je dois sortir de deux répertoires parents-->

Noyan

Une pratique qui se pratique en pratique est pratique.

yana-h1

# Posté le 27/07/2008 à 22:49:25

Groupe : Membres

Alors j'ai encore une question:

Quand je marque:

Citation : Code qui marche

../../Yanaël/Divers/photo divers/oeil.png

ça marche, mais quand je marque:

Citation : Code qui marche pas

../Bureau/Yanaël/Divers/photo divers/oeil.png

ça marche pas je n'est pas compris car je sort de deux dossier parents est si je rajoute un dosier je sort de un dossier parents <question></question>

noyan

# Posté le 27/07/2008 à 22:55:57

Groupe : Membres

ou se trouve ton fichier html?

Une pratique qui se pratique en pratique est pratique.

The French

# Posté le 27/07/2008 à 22:56:33

un zero, deux zero, zzzzzzzz
Avatar

Groupe : Membres

Il faut mettre ../../ devant l'adresse d'après la première. Mais ça dépend car c'est une adresse relative par rapport a quelque chose.

Édité le 27/07/2008 à 22:57:00 par The French

yana-h1

# Posté le 27/07/2008 à 23:09:35

Groupe : Membres

C'est par rapport au fichier fichie:

Citation : Par rapport a ceux fichier

C:\Documents and Settings\aaa bbb\Bureau\site 1\XHTLM\20 page.html

Et si c'est un fichier css il faut citer la page css ou html ?

Jean-Mich

# Posté le 27/07/2008 à 23:16:01

Groupe : Membres

Citation : yana-h1

../../Yanaël/Divers/photo divers/oeil.png<

Dossier actuel
../ => on entre dans le dossier parent01
../ => on entre dans le dossier parent02
Yanaël/ => on entre dans le dossier "Yanaël"
Divers/ => on entre dans le dossier "Divers"
etc ...

Citation : yana-h1

../Bureau/Yanaël/Divers/photo divers/oeil.png

Dossier actuel
../ => on entre dans le dossier parent01
Bureau/ => on entre dans le dossier "Bureau"
Yanaël/ => on entre dans le dossier "Yanaël"
Divers/ => on entre dans le dossier "Divers"
etc ...

Pour le premier, on a donc :

Code : Autre

dossier_parent02/
|
|--Yanaël/
|  |
|  |--Divers/
|     |
|     |--etc ...
|
|--dossier_parent01/
   |
   |--dossier_actuel/
      |
      |--page.html

Pour le deuxième, on a :

Code : Autre

dossier_parent01/
|
|--Bureau/
|  |
|  |--Yanaël/
|     |
|     |--Divers/
|        |
|        |--etc...
|
|--dossier_actuel/
   |
   |--page.html

On voit bien que la hiérarchie n'est pas la même.
Je n'ai pas du tout la fibre pédagogique alors c'est le meilleur moyen que j'ai trouvé pour expliquer la subtilité.

EDIT: Evite les espaces dans les noms des dossiers/fichiers.

Édité le 27/07/2008 à 23:17:04 par Jean-Mich

amichemin

# Posté le 27/07/2008 à 23:29:46

Groupe : Membres

bonsoir ;deux solutions:
1 lire tuto de M@téo
2 faire une recherche google "les liens relatifs

Jean-Mich

# Posté le 27/07/2008 à 23:43:47

Groupe : Membres

Citation : amichemin

1 lire tuto de M@téo

Je pense sincèrement que cette partie du tuto est trop obscur pour un sujet aussi important que les URL.

Ça fait un moment que je pense à envoyer un MP à M@teo21 pour lui en parler et ça risque de ne pas tarder.
J'ai aussi pensé à faire un mini-tuto pour clarifier les choses, mais je suis un très mauvais professeur et cette clarification devrait, de toute façon, se trouver dans le tuto officiel.

De la façon dont sont exposées les choses (dans le tuto), on a deux cas de figure possibles :
- La personne pige le principe/concept du premier coup et c'est tout bon.
- La personne rate une marche et là, c'est le drame ...

Le deuxième cas me semble être majoritaire, si on en juge par le nombre de topics (assez impressionnant) qui traitent de ce sujet.
"Mon image ne s'affiche pas", "problème lien relatif", "background-image vide" et j'en passe ...

Comme le dit M@teo21, la notion de localisation de ressources est très abstraite et peu être difficile à cerner.
C'est pourtant une des trois notions fondamentales du Web qu'il convient de maitriser ...

Édité le 27/07/2008 à 23:45:38 par Jean-Mich

yana-h1

# Posté le 27/07/2008 à 23:56:03

Groupe : Membres

Pourquoi dans le premier code le "dossier_parent01/"
il est en bas pas en haut ?

Comme ça:

Citation : Pas de titre

Pourquoi sa peux pas marcher comme ça ?

Jean-Mich

# Posté le 28/07/2008 à 00:08:45

Groupe : Membres

Parce que c'est le premier dossier parent par rapport au dossier actuel.
Peut importe son nom, de toute façon.

yana-h1

# Posté le 28/07/2008 à 00:31:38

Groupe : Membres

Mais dans le lien on pare pas du dosier actuel

Citation : Lien entien

C:/Documents and Settings/Barbier Yanaël/Bureau/Yanaël/Divers/photo divers/pucea.gif

la on pare de "C:/"

Est la il y a pas marque le dosier actuel:

Citation : Lien racoursi

../../Yanaël/Divers/photo divers/pucea.gif

Jean-Mich

# Posté le 28/07/2008 à 00:35:22

Groupe : Membres

Et le lien :

Citation :

../../Yanaël/Divers/photo divers/pucea.gif

Est relatif à quoi, à ton avis ?
Au dossier actuel ... celui dans lequel se trouve la page qui contient ce lien.

Quand on dit que c'est une notion abstraite ...

yana-h1

# Posté le 28/07/2008 à 01:03:25

Groupe : Membres

Oui pour le relatif

mais apré il y a certin truc pas claire

Jean-Mich

# Posté le 28/07/2008 à 01:12:46

Groupe : Membres

Lesquels ? Qu'on tente d'y remédier.

yana-h1

# Posté le 28/07/2008 à 01:30:15

Groupe : Membres

j'ai pas tré bien compris les shema que tu a fait car quand on fait ../ on est dans le parents et quand on fait ../../ on est dans le parents du prents mais pourquoi on marque

"/Yanaël" où "/Divers" où "/photo divers" ...

entre:

ça: "../Bureau/Yanaël/Divers/photo divers/yeux.jpg"
ça: "../../Yanaël/Divers/photo divers/yeux.jpg"

Pas tro tro compris encore !

Jean-Mich

# Posté le 28/07/2008 à 02:03:12

Groupe : Membres

Moi, c'est ta question que je n'ai pas compris ...
Essaye d'être un peu plus claire.

yana-h1

# Posté le 28/07/2008 à 02:27:30

Groupe : Membres

Enféte on ne peu pas partir du brureau quand on fait:

"../Bureau/Yanaël/Divers/photo divers/yeux.jpg"

ça marche pas car on pare de bureau ?

"../../Yanaël/Divers/photo divers/yeux.jpg"

Et la ça marche car on pare apré le bureau?

noyan

# Posté le 28/07/2008 à 02:41:29

Groupe : Membres

pour comprendre un peu ce principe là je te conseille de démarrer la console de ligne de commande.
lorsque tu tapes dir, tu as l'ensemble des répertoires et des fichiers qui s'affichent.
pour entrer dans un de ces répertoires, tu tapes cd nom_du_repertoire
et pour revenir au répertoire précedent( le répertoire parent ) tu tapes cd ..

Code : Console

C:/Documents and Settings/Barbier Yanaël/cd Bureau
C:/Documents and Settings/Barbier Yanaël/Bureau/cd ..
C:/Documents and Settings/Barbier Yanaël/

on ne nomme pas le répertoire parent car il n'y a qu'un seul parent mais il peut avoir plusieurs enfants.
Dans ton répertoire Barbier Yanaël/ il y a plusieurs autres répertoires:
Code : Console

C:/Documents and Settings/Barbier Yanaël/dir

Application Data    Bureau
Contatcs    Mes documents
Modèles     etc

C:/Documents and Settings/Barbier Yanaël/

../Bureau/Yanaël/Divers/photo divers/yeux.jpg

../ ça veut dire je sors du répertoire dans lequel je suis pour entrer dans le répertoire parent (Barbier Yanaël/)
Bureau/ j'entre dans le répertoire Bureau
ensuite Yanaël/Divers/photo divers/yeux.jpg

Une pratique qui se pratique en pratique est pratique.

Retour au forum "XHTML / CSS" ou à la liste des forums

Vous devez être inscrit pour pouvoir poster des messages

Tutoriels

Communauté

Mon compte

Recherche

Livre d'or

Publicité

XHTML lien vers "site,image" racoursi ?