Je suis actuellement le cours Html et css, j'essaye de faire un petit blog afin de m'entraîner pour la mise en page en css. Malheureusement lorsque je veux insérer mon image, elle ne s'affiche pas. J'ai décider de demander de l'aide car je pattoge complètement et j'ai vraiment tout essayé avant de solliciter de l'aide.
Mon image est dans sous dossier images par rapport a ma page html
Ta rédaction est bonne. Le problème viens peut être de l'endroit où se trouve le fichier (tu as l'air d'avoir vérifié pourtant). Regarde bien si l’extension .jpg correspond. Si se n'est pas ça alors je pense qu'il est compliqué d'en dire plus avec seulement le bout de code (bon) que tu as donné. D'autre plus expérimenté pourront peut-être essayer de tâtonner.
Il me semble que tu veux une image cliquable qui t'ouvre l'image en grand. Dans ton code tu as dans ta balise <a> un autre lien que dans <img>. Tu vas donc ouvrir une image qui s'appelle "photo.jpg" et une autre "photo_mini.jpg". Je pense mais je ne suis pas sûr qu'il vaut mieux utiliser une seul grande image que tu redimensionne avec du css.
Thomas > comme le dit KFoxLDG, vérifie bien le nom de ton fichier image, incluant son chemin, sa casse et son extension. Peux-tu nous faire une capture d'écran de ton dossier "images" ? Ce dernier est-il bien juste à côté de ton fichier HTML ?
KFoxLDG >
Je pense mais je ne suis pas sûr qu'il vaut mieux utiliser une seul grande image que tu redimensionne avec du css.
Nope, la technique utilisée par Thomas est la bonne : ajouter sur une page une grande image uniquement pour en faire une miniature alourdit considérablement ladite page (oui, une image de 1920*1080, c'est un fichier de ~300ko, alors imagine charger ça pour ne voir qu'un timbre-poste…).
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Lamecarlate a écrit: oui, une image de 1920*1080, c'est un fichier de ~300ko, alors imagine charger ça pour ne voir qu'un timbre-poste…).
Et encore je mettrais ~~~~300Ko, ca peut monter très vite en fonction de :
L'extension : JPG, Png, Gif... Qui ont chacun un traitement de l'optimisation et de la qualité différente !
Le contenu de l'image, en fonction des variation de pixel, de couleur... ( Une image toute blanche pèse 100x moins qu'une photo pour le meme nombre de pixel, je vous ferais pas un cours dessus )
Donc oui quand on peut on fait des version miniature, thumbnail, pour un affichage gallerie en laissant la possibilité a l'utilisateur de cliquer dessus pour voir "l'original"
---
Pour ton soucis je pense que tu as bien écris le lien, et le nom de l'image, mais l'attribut SCR n'existe pas c'est plutot SRC
- Edité par Hsuissia 17 octobre 2017 à 15:48:55
Voir une araignée c'est rien ... Le pire c'est quand tu ne la vois plus !
Hsuissia > oui, c'est une approximation J'ai pris mon dossier de wallpapers (des photos, la plupart du temps), j'ai regardé les fichiers qui faisaient 1920*1080, ça allait entre 250 et 350Ko à vue de nez, je n'ai pas fait de tests précis.
Et… "scr". Bordigaille, il m'échappe à chaque fois. Très bien vu !
Pas d'aide concernant le code par MP, le forum est là pour ça :)
de raccourcir mon code <p><img scr="images/photo_mini.jpg" alt="plage de thailande"/></p> par exemple,
de changer avec d' autres images en les appelant pareil "photo_mini.jpg" et en diminuant les tailles,
de réouvrir une autre page avec sublime text et d'intégrer la ligne puis de copier l'image en question dans le nouveau dossier html,
de l'ouvrir sur edge, firefox et explorer...
Les images sont bien en jpg, j'ai vérifié les extensions.
Elles sont toutes les 2 dans mon dossier images.
La taille de ma photo mini est de 450 par 300 px.
Pour ma grande ligne de code que j'ai posté tout a l'heure elle s'affiche lorsque tu cliques dessus en grand mais elle n'apparait pas en taille normal sur la page du navigateur (site).
Je me doute bien que tu faisais une approximation, mais je préférais préciser, et ca me permet de faire un petit aparté sur le sujet, si ca peut sensibilisé les gens qui passe sur le sujet^^
On me surnomme l'oeil de lynx
Voir une araignée c'est rien ... Le pire c'est quand tu ne la vois plus !
Avant de poster un message, vérifiez la date du sujet dans lequel vous comptiez intervenir.
Si le dernier message sur le sujet date de plus de deux mois, mieux vaut ne pas répondre. En effet, le déterrage d'un sujet nuit au bon fonctionnement du forum, et l'informatique pouvant grandement changer en quelques mois il n'est donc que rarement pertinent de déterrer un vieux sujet.
Au lieu de déterrer un sujet il est préférable :
soit de contacter directement le membre voulu par messagerie privée en cliquant sur son pseudonyme pour accéder à sa page profil, puis sur le lien "Ecrire un message"
soit de créer un nouveau sujet décrivant votre propre contexte
ne pas répondre à un déterrage et le signaler à la modération
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Pas d'aide concernant le code par MP, le forum est là pour ça :)