(x)html

Xenaph · 08/05/2008, 22h10

Bonjour, je me suis lancé dans ce langage et j'éprouve un petit problème pourtant très simple...l'insertion d'image.

Code HTML:

<p>
<img src="c:/utilisateurs/propriétaire/images/moi2.jpg" alt="Photo de moi" />  
  </p>

Quand j'ouvre la page web, j'aperçois seulement le texte [alt="Photo de moi"] et non l'image voulu.

Cependant, le chemin semble dans le bon ordre. Lorsque j'ouvre ma photo en page internet, j'ai ce chemin dans la barre d'adresse.

Citation :

C:\Users\Propriétaire\Pictures\moi2.jpg

Solution ?

Corten · 08/05/2008, 22h43

à tout hazard

<img src="C:\Users\Propriétaire\Pictures\moi2.jpg" alt="Photo de moi" />

Elric · 08/05/2008, 22h49

Si t'essayais de coller l'image sur internet ça irait pas mieux ?

black_soul · 08/05/2008, 22h52

Déjà mettre ce genre d'adresse n'est pas une bonne idée, crée un dossier images dans le répertoire de ton site. Ensuite, tu pourras entrer ce lien "./images/image.jpg"

Sirthator · 08/05/2008, 23h15

Ouais c'est clair faut bien distinguer la différence entre chemin relatif et chemin absolu. CAr sinon tant que tu développes en local => no soucy. LE jour où tu uploades tout sur un ftp, plus rien ne marche.

La question que tu dois te poser : où se situe l'image (physiquement parlant) par rapport à la page sur laquelle je travaille ?
Pour faire simple : imagine tu as une page index.html à la racine de ton site, un dossier image dans lequel il y a ta photo : moi.jpg

Bon ben si tu veux insérer ton image dans la page index.html tu auras comme code source:
<img src="images/moi.jpg">
Et c'est tout !
Si tu laisses des chemins absolus surtout relatifs à un pc (C:\............), c'est mort

Penses aussi à bien structurer tes dossiers.

cricri · 09/05/2008, 00h43

tous ce que tu doit savoir sur le html ici

http://craftac2.free.fr/refer.hlp <--- la

<IMG SRC="logo.gif" ATL="LOGO ENTREPRISE" ALIGN=LEFT>
Texte1<BR CLEAR=RIGHT>
Texte2<BR>
Texte3<BR>
<BR CLEAR=ALL>

Exemple: on peut voir l'utilité de l'attribut ALIGN dans la commande
IMG SRC et de l'attribut CLEAR dans la commande BR.

exemple pour image

Déclaration

<IMG

ALIGN=ABSBOTTOM | ABSMIDDLE | BASELINE | BOTTOM | LEFT | MIDDLE | RIGHT | TEXTTOP | TOP
ALT=nom
BORDER=nombre
CLASS=nom
DATAFLD=nom
DATASRC=nom
DYNSRC=nom
HEIGHT=nombre
HSPACE=nombre
ID=nom
ISMAP=nom
LANG=langue
LOOP=nombre
LOWSRC=URL
NAME=nom
SRC=URL
STYLE=nom
TITLE=nom
USEMAP=nom
VRML=nom
VSPACE=nombre
WIDTH=nombre
événement(s)=script>

Description

Cette balise permet d'insérer une image graphique dans un document.

Attributs:

ALIGN= ABSBOTTOM | ABSMIDDLE | BASELINE | BOTTOM | LEFT | MIDDLE | RIGHT | TEXTTOP | TOP

Permet de spécifier un alignement de l’image.

ALT=nom

Permet d'afficher du texte à la place de l'image ou avant que celle-ci apparaisse.

BORDER=nombre

Permet d'avoir une bordure autour de l'image. La valeur doit être en pixel.

HEIGHT=nombre

Spécifie la hauteur de l'image dans le document. Avec cet attribut, on peut modifier la hauteur réelle de l'image. La valeur doit être en pixel.

HSPACE=unNombre

Spécifie l'espace à laisser à droite et à gauche de l'image. La valeur doit être en pixel.

ISMAP=nom

Identifie l’image comme étant une image en coordonnées côté serveur.

NAME=nom

Spécifie un nom à une image.

SRC=URL

Spécifie l’accès au fichier graphique.

USEMAP=nom d’image

Identifie l’image comme étant une image en coordonnées côté serveur et spécifie une coordonnée qui va réagir lorsque l’usager va cliquer dessus.

VSPACE=unNombre

Spécifie l'espace à laisser en haut et en bas de l'image. La valeur doit être en pixel.

WIDTH=nombre

Spécifie la largeur de l'image dans le document. Avec cet attribut, on peut modifier la largeur réelle de l'image. La valeur doit être en pixel ou en pourcentage.

CLASS=nom

Spécifie le nom de la classe donnée à la feuille de style.

ID=nom

Associe un nom à une cible dans un lien hypertexte ou à un élément particulier dans une feuille de style associée.

STYLE=nom

Spécifie une feuille de style intraligne.

Extensions Netscape:

LOWSRC=URL

Permet le chargement d'une image de petite taille (image2) et une fois que toutes les informations de la page sont chargées, l'image à plus grande résolution (image1) sera chargée.

Extensions Microsoft Explorer:

Il est possible de jouer une séquence vidéo de type .AVI dans un document HTML. Pour ce faire, vous devez ajouter les attributs suivants à la commande <IMG>:

DATAFLD=nom

Spécifie le nom de la colonne.

DATASRC=nom

Spécifie la source des données s’y rattachant.

DYNSRC=URL

Spécifie l'adresse de la séquence vidéo qui sera jouée. DYNSRC est une abréviation pour Dynamic Source.

<IMG SRC="nom.gif" DYNSRC="vid.avi">

Dans cet exemple, l'usager pourra voir le vidéo "vid.avi", sinon il verra l'image "nom.gif".

LANG=Langue

Spécifie la langue utilisée pour l'élément.

e.g. "fr" pour Français, "en" pour Anglais, "es" pour Espagnol, "de" pour Allemand, "it" pour Italien, "zh" pour Chinois.

LOOP=nombre

Spécifie le nombre de fois que la séquence vidéo sera jouée. Si n=-1, ou si LOOP=INFINITE, le vidéo jouera indéfiniment.

LOOPDELAY=nombre

Spécifie, en centièmes de seconde, le temps avant que la séquence vidéo recommence à jouer.

START= FILEOPEN ou MOUSEOVER.

Spécifie quand le vidéo va commencer à jouer. FILEOPEN signifie que le vidéo commencera à jouer lorsque le document sera complètement chargé. Ceci est la valeur de défaut. MOUSEOVER signifie que le vidéo commencera à jouer lorsque l'usager déplacera la souris devant l'animation.

TITLE=nom

Spécifie une description supplémentaire en indice lorsque l'usager passe le curseur de la souris sur le texte de la balise.

VRML=nom

Cet attribut requiert le module virtuel d’Explorer.

Événements:

onabort, onerror, onkeydown, onkeypress, onkeyup, onload

Extensions Microsoft Explorer:

onafterupdate, onbeforeupdate, onblur, onclick, ondblclick, onfocus, onhelp, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, onreadystatechange

Lappeau · 09/05/2008, 00h51

concernant les chemins absolus, j'ajoute que tu auras des problèmes suivant le browser que tu utiliseras.
je plussoie donc le propos précédent t'invitant à changer l'emplacement de l'image par un chemin relatif.

09/05/2008, 01h11

Message supprimé par son auteur.

Xenaph · 09/05/2008, 06h29

Le site est dans:

Propriétaire/Boran/Site_Internet/Source.html

Image:

Propriétaire/image/moi2

Ps: Je crois que je viens de comprendre. Merci beaucoup pour votre aide. Si j'ai d'autres question, je viendrai les poser sur ce fil. Merci beaucoup.

Blacky--- · 09/05/2008, 07h50

Citation :

Publié par cricri

exemple pour image

Exemple merdique. Bonne démonstration de ce qu'il ne faut jamais faire.

cricri · 09/05/2008, 16h00

heu il a quoi exemple ??

c est le copier coller du fichier d aide qui comprend tous l html

Homesick Monkey · 09/05/2008, 16h24

Il date d'avant guerre ...

JorianMenelrana · 09/05/2008, 19h17

C'est un fichier d'aide du 1er siècle après BG (Bill Gates), en ces temps reculés nos ancêtres écrivaient les balises en majuscule

Xenaph · 09/05/2008, 20h39

Autre soucis, je tiens à rappeler que je commences ce langage.

Code HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
   <head>
       <title>La Xenaphobie!</title>
       <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	   <link rel="stylesheet" media="screen" type="text/css" title="Design" href="styles/design.css" />

   </head>
   <body>
   <h1>Bienvenue dans la <em><span class="nom">Xenaphobie</span></em></h1>
   <p>
Texte
   </p>
<p class="important">
Texte
<strong>Texte</strong>.
</p>
   <p>
<a href="https://forums.jeuxonline.info/member.php?u=31255"><img src="images/moi1.jpg" alt="Photo de moi" />  
  </p>
 <p>
 Texte
  </p>
   </boby>
   </html>

J'aimerais savoir pourquoi mon paragraphe, après l'image en lien, est aussi à son tour en lien pourtant il n'a pas cette balise.

Lodan/Arod · 09/05/2008, 20h46

Citation :

Publié par Xenaph

J'aimerais savoir pourquoi mon paragraphe, après l'image en lien, est aussi à son tour en lien pourtant il n'a pas cette balise.

ben tu n'as pas fermé la balise "a"

Xenaph · 09/05/2008, 20h52

Merci, vous me direz que c'est la joie de commencer !

On me conseille aussi d'utiliser une page différente pour chaque page internet.

Souces.html --> Design.css

HTML1.html --> Design1.css

Est-ce que c'est bien où je devrais tout faire le design sur une seule page ?

Indice: Le site que je veux faire pour me pratiquer bien-sur va être de 50 pages minimum sauf que je vais intégrer un retour à la page principal à chaque page. Donc rien de très compliquer et devrait avoir tous la même structure.

09/05/2008, 20h55

Message supprimé par son auteur.

Khamaris · 09/05/2008, 20h59

Balise <a href...> se ferme avec </a>

Sylm · 09/05/2008, 21h08

Profite également pour remplacer ton charset ISO8859-1 par de l'UTF-8.

Xenaph · 09/05/2008, 21h19

Citation :

Publié par Sylmerìn

Profite également pour remplacer ton charset ISO8859-1 par de l'UTF-8.

La différence, y-a-t'il une explication ?

RisWaaq · 09/05/2008, 21h19

Citation :

Publié par Xenaph

Est-ce que c'est bien où je devrais tout faire le design sur une seule page ?

S'il y a peu de différences entre tes différentes pages côté design, le mieux c'est de le faire sur un seul fichier css et tous tes fichiers html pointeront vers le même fichier css.

Citation :

La différence, y-a-t'il une explication ?

L'UTF est recommandé, je crois qu'il couvre un plus large panel de caractères possibles.

Xenaph · 09/05/2008, 22h05

Partant du fichier "site_internet"

J'ai le fichier "Sources.html" et dossier "images" et "styles"

Dans le fichier "styles", j'ai le fichier "design.css" et j'ai le dossier "images"

Code HTML:

body
{
   background-image: url("images/luis_royo_008.jpeg"); 
   background-repeat: no-repeat; 
   
}

J'ai prit le même chemin que mon image en lien de la première page, pourtant elle ne s'affiche pas.

Khamaris · 09/05/2008, 22h08

essaye :

Code HTML:

body
{
   background-image: url("images/luis_royo_008.jpeg"); 
   background-repeat: no-repeat; 
   min-height: tailledetonimageenhauteur px;
}

Xenaph · 09/05/2008, 22h18

Non, ce ne semple pas fonctionner.

Merci tout de même, si vous voulez, je peux vous envoyer mon dossier "site_internet" et vous verrez mon problème à partir de là.

Choucas · 09/05/2008, 22h35

Màj : pour ton dernier problème, le chemin vers l'image devrait être : "../images/luis_royo_008.jpeg". Depuis ton dossier "styles", il faut commencer par retourner au dossier "site_internet", sans ça il va chercher un dossier "images" dans "styles".

Citation :

Publié par Xenaph

La différence, y-a-t'il une explication ?

Ce sont deux codages de caractères ('a', 'b', 'c', '1', '2', '3', etc.) différents. Comme on l'entend souvent, les ordinateurs ne travaillent qu'avec des 0 et des 1 ; un codage spécifie quelle suite de 0 et de 1 correspond à quel caractère.

ISO8859-1 est un codage utilisé pour les langues d'Europe occidentale, dont le français. Il contient donc les caractères spéciaux typiques de chez nous (â, ç, é, ï, ù, etc.). En revanche, il ne comporte pas les caractères provenant d'ailleurs.

En choisissant l'UTF-8, tu te laisse la possibilité d'utiliser dans tes fichiers des symboles plus exotiques, en plus des nôtres, évidemment. Certains se disent parfois que de toute façon ils ne parlent que le français, que personne d'autre n'écrira sur ce site et que de toute façon ce projet n'a pas beaucoup d'avenir, alors à quoi bon ? Ben déjà ça ne coûte rien, et finalement il n'y a que des avantages.

Et qui n'a pas déjà pesté sur un MMORPG mal foutu, sur lequel on ne peut même pas écrire avec nos accents ? Car finalement les soucis que l'on rencontre avec le codage ASCII (codage américain, désormais obsolète) sont comparables à ceux qu'endureraient des Arabes ou des Chinois sur un projet basé sur l'ISO8859-1.

L'UTF-8 est omniprésent, il est très bien supporté, c'est un véritable standard et c'est donc celui qui est recommandé.

Attention : spécifier le codage dans ton fichier ne suffit pas, il faut surtout l'enregistrer comme il faut. Regarde dans les options de ton éditeur ou au moment de la sauvegarde. Même Bloc Note sait enregistrer en UTF-8.

Corten Alpha & Oméga	à tout hazard <img src="C:\Users\Propriétaire\Pictures\moi2.jpg" alt="Photo de moi" />
08/05/2008, 22h43

Elric Alpha & Oméga	Si t'essayais de coller l'image sur internet ça irait pas mieux ?
08/05/2008, 22h49

black_soul Bagnard	Déjà mettre ce genre d'adresse n'est pas une bonne idée, crée un dossier images dans le répertoire de ton site. Ensuite, tu pourras entrer ce lien "./images/image.jpg"
08/05/2008, 22h52

Lappeau Alpha & Oméga	concernant les chemins absolus, j'ajoute que tu auras des problèmes suivant le browser que tu utiliseras. je plussoie donc le propos précédent t'invitant à changer l'emplacement de l'image par un chemin relatif.
09/05/2008, 00h51

#130805 Invité	Message supprimé par son auteur.
09/05/2008, 01h11

Xenaph Alpha & Oméga	Le site est dans: Propriétaire/Boran/Site_Internet/Source.html Image: Propriétaire/image/moi2 Ps: Je crois que je viens de comprendre. Merci beaucoup pour votre aide. Si j'ai d'autres question, je viendrai les poser sur ce fil. Merci beaucoup.
09/05/2008, 06h29

Blacky--- Alpha & Oméga	Citation : Publié par cricri exemple pour image Exemple merdique. Bonne démonstration de ce qu'il ne faut jamais faire.
09/05/2008, 07h50

cricri Alpha & Oméga	heu il a quoi exemple ?? c est le copier coller du fichier d aide qui comprend tous l html
09/05/2008, 16h00

Homesick Monkey Alpha & Oméga	Il date d'avant guerre ...
09/05/2008, 16h24

JorianMenelrana [HaV] Alpha & Oméga	C'est un fichier d'aide du 1er siècle après BG (Bill Gates), en ces temps reculés nos ancêtres écrivaient les balises en majuscule
09/05/2008, 19h17

Lodan/Arod Alpha & Oméga	Citation : Publié par Xenaph J'aimerais savoir pourquoi mon paragraphe, après l'image en lien, est aussi à son tour en lien pourtant il n'a pas cette balise. ben tu n'as pas fermé la balise "a"
09/05/2008, 20h46

#130805 Invité	Message supprimé par son auteur.
09/05/2008, 20h55

Khamaris Alpha & Oméga	Balise <a href...> se ferme avec </a>
09/05/2008, 20h59

Sylm Alpha & Oméga	Profite également pour remplacer ton charset ISO8859-1 par de l'UTF-8.
09/05/2008, 21h08

Xenaph Alpha & Oméga	Citation : Publié par Sylmerìn Profite également pour remplacer ton charset ISO8859-1 par de l'UTF-8. La différence, y-a-t'il une explication ?
09/05/2008, 21h19

Xenaph Alpha & Oméga	Partant du fichier "site_internet" J'ai le fichier "Sources.html" et dossier "images" et "styles" Dans le fichier "styles", j'ai le fichier "design.css" et j'ai le dossier "images" Code HTML: body { background-image: url("images/luis_royo_008.jpeg"); background-repeat: no-repeat; } J'ai prit le même chemin que mon image en lien de la première page, pourtant elle ne s'affiche pas.
09/05/2008, 22h05

Khamaris Alpha & Oméga	essaye : Code HTML: body { background-image: url("images/luis_royo_008.jpeg"); background-repeat: no-repeat; min-height: tailledetonimageenhauteur px; }
09/05/2008, 22h08

Xenaph Alpha & Oméga	Non, ce ne semple pas fonctionner. Merci tout de même, si vous voulez, je peux vous envoyer mon dossier "site_internet" et vous verrez mon problème à partir de là.
09/05/2008, 22h18

(x)html

Connectés sur ce fil