Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
2517 connectés 

 


 Mot :   Pseudo :  
  Aller à la page :
 
 Page :   1  2  3  4  5  ..  12  13  14  ..  16  17  18  19  20  21
Auteur Sujet :

Insertion image en html depuis mon ordi

n°2432785
Harmo88
Il n\\
Posté le 20-11-2022 à 17:15:34  profilanswer
 

Reprise du message précédent :

MaybeEijOrNot a écrit :

Rien sur : https://hfervolhelico-rc.pagesperso [...] elico1.jpg
Et l'image n'apparaît pas non plus sur ton impression d'écran, à mon avis tu n'as pas transféré toutes tes images, probablement un problème de réseau lors du transfert.
Je te conseille de te mettre à la racine du site distant sur FileZille et d'y faire un glisser-dépôser de tout le dossier "images" depuis le local vers le distant et de faire "remplacer" quand ça te le demande. Certaines images ont dû mal passer.


 
 

Citation :

https://hfervolhelico-rc.pagesperso [...] elico1.jpg >>>>>>> Helico1.jpg j'ai mis une majuscule ... je n'aurais pas du ...
Je suis désolé mais "recommandations" est bien dans le serveur ...
Voilà ce qui s'y trouve:
1 fichier images
1 fichier index.html(page accueil, le titre est demandé par Orange.
1 fichier CSS: helico.css
et 14 pages:
servos.html
pal.html
conseils-achat.html
recommandations.html
rotor-principal.html
tete-flybar.html
anticouple.html
gyro.html
choix.html
conseils-mont.html
cyclique.html
pilotage.html
prop.html
radio.html
Ça correspond bien à mon code.
Pour tester, j'ai corrigé "recommandations" avec l'adresse:  

Code :
  1. <img src="images/DSC_5049B.jpg" alt="Photo d'un hélicoptère">


Elle ne s'affiche pas, juste Photo d'un hélicoptère.
Je ne peux pas faire mieux .... Je suis convaincu que le problème ne vient pas de moi.
Au départ, j'avais mis les images en "vrac", ça ne fonctionnait non plus; c'est pour cette raison et Orange le demande aussi, que j'ai créé un fichier "images". Cela dit ça ne fonctionne pas non plus. :D

mood
Publicité
Posté le 20-11-2022 à 17:15:34  profilanswer
 

n°2432795
MaybeEijOr​Not
but someone at least
Posté le 20-11-2022 à 18:17:15  profilanswer
 

Je ne parlais pas de la page "recommandations" mais de l'image "helico1.jpg" et pour cause elle n'y est pas, c'est, comme tu le dis "Helico1.jpg" qui est sur le serveur, il faut donc bien mettre la majuscule dans ton html pour que ça fonctionne : https://hfervolhelico-rc.pagesperso [...] elico1.jpg
 
Quand tu changes ta pages via FileZilla, pense à faire Ctrl+F5 sur ton navigateur afin qu'il affiche la nouvelle page et non celle qu'il garde en cache. ;)


---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.
n°2432803
yann39
⛅⏰♫♪☹☕
Posté le 20-11-2022 à 19:39:26  profilanswer
 

Elles sont ou les pages index.html ou recommandations.html ?
Parce que sur la copie d'écran on ne les voit pas, elles devraient être au même niveau que le dossier "images".

Message cité 1 fois
Message édité par yann39 le 20-11-2022 à 19:40:55

---------------
Topic achats/ventes | Feed-back | Worklog
n°2432806
Harmo88
Il n\\
Posté le 20-11-2022 à 19:58:15  profilanswer
 

yann39 a écrit :

Elles sont ou les pages index.html ou recommandations.html ?
Parce que sur la copie d'écran on ne les voit pas, elles devraient être au même niveau que le dossier "images".


 
 
 

Citation :

Pourtant dans Filezilla elles sont bien dans le site distant ... je viens de vérifier la copie2 d'écran, si, elles sont bien là.
Dans toutes mes pages je viens de mettre toutes les adresses des photos en relatif, aucune ne s'affiche .... c'est impossible !
Dans mon fichier "images", il y a 38 photos; sur le serveur, il y en a bien 38.
 
Il y a un loup quelque part ....

n°2432807
MaybeEijOr​Not
but someone at least
Posté le 20-11-2022 à 20:08:07  profilanswer
 

Tu n'as toujours pas fait ce que je t'ai dit ! Le nom de fichier de ton image a une majuscule, il faut donc la mettre aussi dans ton html.
 
Dans ton index.html, modifie :

Code :
  1. <img src="images/helico1.jpg" align="center" alt="Helico">


Par :

Code :
  1. <img src="images/Helico1.jpg" align="center" alt="Helico">


 
Remplaces le fichier distant par ce nouveau.
 
Retourne sur ta page d'accueil et fait "Ctrl+F5".

Message cité 1 fois
Message édité par MaybeEijOrNot le 20-11-2022 à 20:15:01

---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.
n°2432809
Harmo88
Il n\\
Posté le 20-11-2022 à 20:15:26  profilanswer
 

Harmo88 a écrit :


 
 

Citation :

https://hfervolhelico-rc.pagesperso [...] elico1.jpg >>>>>>> Helico1.jpg j'ai mis une majuscule ... je n'aurais pas du ...
Je suis désolé mais "recommandations" est bien dans le serveur ...
Voilà ce qui s'y trouve:
1 fichier images
1 fichier index.html(page accueil, le titre est demandé par Orange.
1 fichier CSS: helico.css
et 14 pages:
servos.html
pal.html
conseils-achat.html
recommandations.html
rotor-principal.html
tete-flybar.html
anticouple.html
gyro.html
choix.html
conseils-mont.html
cyclique.html
pilotage.html
prop.html
radio.html
Ça correspond bien à mon code.
Pour tester, j'ai corrigé "recommandations" avec l'adresse:  

Code :
  1. <img src="images/DSC_5049B.jpg" alt="Photo d'un hélicoptère">


Elle ne s'affiche pas, juste Photo d'un hélicoptère.
Je ne peux pas faire mieux .... Je suis convaincu que le problème ne vient pas de moi.
Au départ, j'avais mis les images en "vrac", ça ne fonctionnait non plus; c'est pour cette raison et Orange le demande aussi, que j'ai créé un fichier "images". Cela dit ça ne fonctionne pas non plus. :D



Citation :

J'ai voulu faire ce que tu me dis, remplacer le fichier "images", tu verrais le bordel ça a mis, il se déconnecte, se reconnecte .... impossible d'annuler, ni de déconnecter, ça tournait en boucle ... CTRL ALT SUP > gestionnaire des tâches, fin de tâche pour Filezila  :cry:  :cry:  :cry:  
Là, j’arrête, ces conneries vont planter mon PC et il tourne trop bien pour que j'accepte ça. C'est curieux, ceux qui passent par un éditeur de sites sont moins emmerdés, que celui qui veut publier son code ... Je me pose des questions.
Chez Gandi on ne te donne pas la bonne appellation des serveurs (il y en avait trois de proposés).
Je ne sais plus quel hébergeur choisir, sans passer par un éditeur de sites. Je veux publier mon code, ou rien ...


n°2432810
MaybeEijOr​Not
but someone at least
Posté le 20-11-2022 à 20:17:09  profilanswer
 

MaybeEijOrNot a écrit :

Tu n'as toujours pas fait ce que je t'ai dit ! Le nom de fichier de ton image a une majuscule, il faut donc la mettre aussi dans ton html.
 
Dans ton index.html, modifie :

Code :
  1. <img src="images/helico1.jpg" align="center" alt="Helico">


Par :

Code :
  1. <img src="images/Helico1.jpg" align="center" alt="Helico">


 
Remplaces le fichier distant par ce nouveau.
 
Retourne sur ta page d'accueil et fait "Ctrl+F5".



---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.
n°2432818
Harmo88
Il n\\
Posté le 20-11-2022 à 21:45:08  profilanswer
 

Citation :

J'ai compris ce qui n'allait pas, je modifiais les fichiers mais je ne les retransférais pas sur le distant .... évidement ... C'est la première fois que j'utilise Filezilla. Apprenti n'est pas maître.
Il y a deux photos qui ne s'affichent pas malgré la bonne adresse: dans "recommandations", et dans "rotor anticouple", je ne vois pas pourquoi.
Après il me restera à modifier les retours à la page d'accueil, puisque le nom du site a changé. Ça devrait être plus simple que pour les images.  
Par moment le serveur déconnecte: pas plus de deux connexions par utilisateur ... et puis il reconnecte et continue à enregistrer ce qui est en cours.
J'ai quand même craint qu'il me plante le PC ...


n°2432822
MaybeEijOr​Not
but someone at least
Posté le 20-11-2022 à 22:13:47  profilanswer
 

Pour les images qui ne s'affichent pas, vérifie calmement que les images se trouvent bien dans le dossier distant, vérifie ensuite dans tes fichiers html que tu as mis exactement le même nom (majuscules et minuscules).
N'oublie pas de rafraîchir les pages quand tu les regardes grâce à "Ctrl+F5", cela force le navigateur à aller chercher la dernière version du fichier mise en ligne sur le serveur, plutôt que de réutiliser le fichier qu'il a gardé en cache.
Si toujours pas de résultat, retransfère les images incriminées du local vers le serveur distant.

 

Et n'hésite pas à faire des pauses ! L'énervement nous pousse à vouloir faire les choses trop rapidement, ça rate alors encore plus et ça nous énerve encore plus, puis c'est le cercle vicieux... Dans l'apprentissage, quand on atteint l'énervement, certes cela montre à quel point on est motivé, mais c'est toujours une phase trop peu productive. J'ai tendance à te pousser car je sais que tu en es capable et que ça peut fonctionner, mais je ne peux pas vraiment juger ton état psychique à travers un forum, et encore moins agir en conséquence. C'est là les limites d'un forum, l'accompagnement ne peut être que limité là où en présentiel tu peux te permettre de reprendre un peu plus la main pour laisser souffler l'apprenti. :D

 

Et si ton PC plante, ça arrive (de moins en moins), il redémarrera, les conséquences sont rarement catastrophiques quand tu prends la précaution de sauvegarder régulièrement ton travail.

Message cité 1 fois
Message édité par MaybeEijOrNot le 20-11-2022 à 22:20:22

---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.
n°2432825
Harmo88
Il n\\
Posté le 20-11-2022 à 22:51:11  profilanswer
 

MaybeEijOrNot a écrit :

Pour les images qui ne s'affichent pas, vérifie calmement que les images se trouvent bien dans le dossier distant, vérifie ensuite dans tes fichiers html que tu as mis exactement le même nom (majuscules et minuscules).
N'oublie pas de rafraîchir les pages quand tu les regardes grâce à "Ctrl+F5", cela force le navigateur à aller chercher la dernière version du fichier mise en ligne sur le serveur, plutôt que de réutiliser le fichier qu'il a gardé en cache.
Si toujours pas de résultat, retransfère les images incriminées du local vers le serveur distant.
 
Et n'hésite pas à faire des pauses ! L'énervement nous pousse à vouloir faire les choses trop rapidement, ça rate alors encore plus et ça nous énerve encore plus, puis c'est le cercle vicieux... Dans l'apprentissage, quand on atteint l'énervement, certes cela montre à quel point on est motivé, mais c'est toujours une phase trop peu productive. J'ai tendance à te pousser car je sais que tu en es capable et que ça peut fonctionner, mais je ne peux pas vraiment juger ton état psychique à travers un forum, et encore moins agir en conséquence. C'est là les limites d'un forum, l'accompagnement ne peut être que limité là où en présentiel tu peux te permettre de reprendre un peu plus la main pour laisser souffler l'apprenti. :D  
 
Et si ton PC plante, ça arrive (de moins en moins), il redémarrera, les conséquences sont rarement catastrophiques quand tu prends la précaution de sauvegarder régulièrement ton travail.


 
 

Citation :

Toujours pas d'affichage de ces deux là .... je finirai demain.
Pour le retour à la page d'accueil par le bouton "RETOUR" je suppose que l'adresse est différente quand on passe par un serveur, que celle du local. Pour l'instant, je ne trouve pas.
Assez pour aujourd'hui  :pt1cable:  :lol:  
J'ai toujours été bosseur, plutôt qu'une grosse tête et je ne sais pas toujours m’arrêter; beaucoup de jeunes me disent que j'ai la pêche, par rapport à leur père plus jeune ...  
J'ai fait les 3/4 de la route, j'essaie d'en profiter encore le dernier 1/4  :lol: J'ai toujours aimé apprendre, curieux de tout.
Et ne pousse pas trop le "vieux", il va finir par tomber  :lol:  :lol:

mood
Publicité
Posté le 20-11-2022 à 22:51:11  profilanswer
 

n°2432863
Harmo88
Il n\\
Posté le 21-11-2022 à 11:56:53  profilanswer
 

Citation :

Maintenant, j'ai 3 images qui ne s'affichent plus, une de plus qu'hier. Dans mon fichier "images", j'ai supprimé ces 3 images pour remettre les originaux, j'ai revérifié les adresses, j'ai bien retransféré sur le serveur, attendu la confirmation transfert réussi. Ça fait au moins 10 fois que je vérifie tout ... j'en ai même rigolé comme un tordu ... A mon avis, il y a eu un bug hier sur le serveur. Je crois que je vais effacer tous les fichiers sur le serveur, et refaire un transfert complet. Il est anormal qu'une image ne s'affiche plus alors que je n'ai rien modifié pour cette image, qui fait partie d'une série de 4 images dont les 3 autres s'affichent ...

n°2432868
yann39
⛅⏰♫♪☹☕
Posté le 21-11-2022 à 13:03:23  profilanswer
 

Juste au cas ou, fait attention aux extensions aussi, j'ai vu que tu avais des images en jpg et d'autres en png, c'est vite fait de faire l'erreur dans le HTML et de ne pas la voir en vérifiant juste le nom du fichier :D


---------------
Topic achats/ventes | Feed-back | Worklog
n°2432871
Harmo88
Il n\\
Posté le 21-11-2022 à 13:23:59  profilanswer
 

yann39 a écrit :

Juste au cas ou, fait attention aux extensions aussi, j'ai vu que tu avais des images en jpg et d'autres en png, c'est vite fait de faire l'erreur dans le HTML et de ne pas la voir en vérifiant juste le nom du fichier :D


 
 

Citation :

 :hello: Celles en png ne posent pas de problèmes, elles s'affichent bien.
Par contre, j'ai remarqué que les 3 images qui posent problème ont une extension .JPG en majuscules; ce sont les seules. Pourtant, hier, une s'affichait sans problème; ça je ne comprends pas, je n'ai rien modifié.
J'ai lu sur un site que dans l'explorateur, on peut changer l'extension avec F2, qui ne sélectionne que le nom de la photo, pas l'extension. Et si on modifie en minuscules, cela se remet en majuscules systématiquement.
Ces photos s'ouvrent bien quand je clique sur l'icône. Est-ce que sur un serveur cela a de l'importance ? Je ne sais pas; je cherche une explication ...
 
Sur mon PC, j'ai environ 40 000 photos(en 50 années de pratique photo) seules quelques-unes sont en .JPG; cela peut arriver lorsque je les retouche en post-traitement et que je les renomme ex: DSC_5049.jpg > DSC_5049A.JPG lorsque les majuscules restent activées. Comme ça n'a jamais causé de problème, je laisse; ça reste exceptionnel.
 
Merci de ta remarque. Je pense que je vais effacer tous les fichiers du site, et recommencer. Je vais attendre la soirée, parce que, en journée, il y a trop de déconnexion et de reconnexion du serveur, pendant les transferts de photo.
Est-ce que ça peut occasionner des ratées  ? Connais pas assez les serveurs pour l'affirmer. Je le répète, c'est ma première expérience dans ce domaine.

Message cité 1 fois
Message édité par Harmo88 le 21-11-2022 à 13:25:50
n°2432872
Harmo88
Il n\\
Posté le 21-11-2022 à 13:40:01  profilanswer
 

Harmo88 a écrit :


 
 

Citation :

 :hello: Celles en png ne posent pas de problèmes, elles s'affichent bien.
Par contre, j'ai remarqué que les 3 images qui posent problème ont une extension .JPG en majuscules; ce sont les seules. Pourtant, hier, une s'affichait sans problème; ça je ne comprends pas, je n'ai rien modifié.
J'ai lu sur un site que dans l'explorateur, on peut changer l'extension avec F2, qui ne sélectionne que le nom de la photo, pas l'extension. Et si on modifie en minuscules, cela se remet en majuscules systématiquement.
Ces photos s'ouvrent bien quand je clique sur l'icône. Est-ce que sur un serveur cela a de l'importance ? Je ne sais pas; je cherche une explication ...
 
Sur mon PC, j'ai environ 40 000 photos(en 50 années de pratique photo) seules quelques-unes sont en .JPG; cela peut arriver lorsque je les retouche en post-traitement et que je les renomme ex: DSC_5049.jpg > DSC_5049A.JPG lorsque les majuscules restent activées. Comme ça n'a jamais causé de problème, je laisse; ça reste exceptionnel.
 
Merci de ta remarque. Je pense que je vais effacer tous les fichiers du site, et recommencer. Je vais attendre la soirée, parce que, en journée, il y a trop de déconnexion et de reconnexion du serveur, pendant les transferts de photo.
Est-ce que ça peut occasionner des ratées  ? Connais pas assez les serveurs pour l'affirmer. Je le répète, c'est ma première expérience dans ce domaine.



 

Citation :

Tu as bien fait d'attirer mon attention sur les extensions j'avais édité ces 3 photos qui ont l'extension .JPG en .jpg, j'en ai modifié une dans "recommandations" > retransféré sur le site, et elle s'affiche  :bounce:  
Je vais modifier les 2 autres, et tout devrait rentrer dans l'ordre, en ce qui concerne les photos.
Après je dois modifier le retour à la page d'accueil depuis les autres pages; pour le local c'est facile, sur un serveur moins, je n'ai pas encore trouvé. Je vais à la pêche aux renseignements.


Message édité par Harmo88 le 21-11-2022 à 13:41:39
n°2432877
MaybeEijOr​Not
but someone at least
Posté le 21-11-2022 à 14:02:28  profilanswer
 

Il suffit de mettre le lien relatif vers ta page d'accueil, d'où l'importance d'utiliser les liens relatifs, tu aurais les mêmes en local ou à distance.
De ce que je comprends de ton arborescence, il suffit juste de mettre en lien "index.html".


---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.
n°2432891
Harmo88
Il n\\
Posté le 21-11-2022 à 15:02:46  profilanswer
 

MaybeEijOrNot a écrit :

Il suffit de mettre le lien relatif vers ta page d'accueil, d'où l'importance d'utiliser les liens relatifs, tu aurais les mêmes en local ou à distance.
De ce que je comprends de ton arborescence, il suffit juste de mettre en lien "index.html".


 
 

Citation :

 :lol: J'avais essayé avec cette adresse; comme je ne connaissais pas ctrl F5, ça n'avait pas fonctionné ... et là ...........  :bounce:  
Je deviens chévre ..... béééé avec ce truc  :lol: Je sais bien que d'après Pierre de Coubertin l'important n'est pas de gagner, mais de participer ... mais quand même,
gagner de temps en temps, ça fait du bien .
Merci  :jap:  
J'avais bien raisonné, mais mal appliqué par méconnaissance ...
Sans vous, j'aurais mis un an de plus pour arriver à des résultats. C'est bien vrai qu'à plusieurs on est plus fort.
Conseil aux "vieux" dont je fais partie : si vous avez les neurones en vadrouille, ne vous lancez pas dans le HTML et dans la publication d'un site  :lol:  :lol:


n°2432894
Harmo88
Il n\\
Posté le 21-11-2022 à 15:32:07  profilanswer
 

Citation :

Cette fois, c'est tout bon. J'aimerais juste afficher le menu comme j'avais prévu, en horizontal sur trois colonnes. Je regarderai ça gentiment; on va respirer un peu ...

n°2432984
Harmo88
Il n\\
Posté le 22-11-2022 à 11:49:53  profilanswer
 

Harmo88 a écrit :

Citation :

Cette fois, c'est tout bon. J'aimerais juste afficher le menu comme j'avais prévu, en horizontal sur trois colonnes. Je regarderai ça gentiment; on va respirer un peu ...



 
 
[quotemsg]Voilà le code qui fonctionne bien en local, mais pas sur le site :

Code :
  1. .multi-colonnes {
  2.      padding-left: 15px;
  3.      column-count: 3;
  4.      column-fill: auto
  5.      }


 

Code :
  1. <div>
  2. <ul class="multi-colonnes">
  3.  <li><a href="recommandations.html">Recommandations aux débutants</a></li>
  4.  <li><a href="choix.html">Choix du modéle</a></li>
  5.  <li><a href="conseils-achat.html">Conseils lors de l'achat d'un modèle</a></li>
  6.  <li><a href="pilotage.html">Concernant l'apprentissage du pilotage</a></li>
  7.  <li><a href="cyclique.html">Le plateau cyclique</a></li>
  8.  <li><a href="rotor-principal.html">Le rotor principal</a></li>
  9.  <li><a href="pal.html">Les pales</a></li>
  10.  <li><a href="tete-flybar.html">Tête Flybarless</a></li>
  11.  <li><a href="anticouple.html">Le rotor anticouple</a></li>
  12.  <li><a href="radio.html">La radiocommande</a></li>
  13.  <li><a href="prop.html">La propulsion</a></li>
  14.  <li><a href="servos.html">Les servos</a></li>
  15.  <li><a href="gyro.html">Le gyroscope</a></li>
  16.  <li><a href="conseils-mont.html">Conseils de montage</a></li>
  17. </ul>
  18. </div>


Est-ce que c'est correct ? Il me semble que oui.

n°2432989
gatsu35
Blablaté par Harko
Posté le 22-11-2022 à 11:56:04  profilanswer
 

oui c'est correcte, mais qu'est-ce qui ne fonctionne pas sur le site ?  
 
tu as regardé la "casse" de tes fichiers, il est extrêmement important que tes fichiers aies la même casse:
si tes liens sont en minuscule, tes fichiers aussi


---------------
Blablaté par Harko
n°2432996
Harmo88
Il n\\
Posté le 22-11-2022 à 12:59:14  profilanswer
 

gatsu35 a écrit :

oui c'est correcte, mais qu'est-ce qui ne fonctionne pas sur le site ?  
 
tu as regardé la "casse" de tes fichiers, il est extrêmement important que tes fichiers aies la même casse:
si tes liens sont en minuscule, tes fichiers aussi


 
 

Citation :

:hello: Sur le site, je ne peux pas dire que ça ne fonctionnait pas; simplement l'affichage se faisait sur une seule colonne verticale, alors qu'en local l'affichage se faisait bien sur trois colonnes(ce que j'ai codé).
Dans le CSS j'ai remplacé column-fil: auto; par column-fill: balance;     c'est OK.
Ça fonctionne bien en local  et sur le site; j'ai bien un affichage sur trois colonnes, ce qui me permet d'avoir ma page d'accueil sans ascenseur. Je vais essayer de mettre une image de fond sur la partie basse de la page.


n°2433103
Harmo88
Il n\\
Posté le 23-11-2022 à 11:21:16  profilanswer
 

Citation :

Plutôt que de mettre une image de fond(il n'y a pas beaucoup de place) je préférerais mettre une image de chaque côté du menu, dans la place libre à droite et à gauche.
Est-ce possible avec display: block;
                             margin-left: ....;
Placer des blocks à la suite, c'est assez bien assimilé; par contre, pour les placer à un endroit bien précis sur la page, l'est moins. Il y a tellement d'attributs qu'on s'y perd ...

n°2433131
Harmo88
Il n\\
Posté le 23-11-2022 à 14:41:56  profilanswer
 

Harmo88 a écrit :

Citation :

Plutôt que de mettre une image de fond(il n'y a pas beaucoup de place) je préférerais mettre une image de chaque côté du menu, dans la place libre à droite et à gauche.
Est-ce possible avec display: block;
                             margin-left: ....;
Placer des blocks à la suite, c'est assez bien assimilé; par contre, pour les placer à un endroit bien précis sur la page, l'est moins. Il y a tellement d'attributs qu'on s'y perd ...



 

Citation :

Avec display: block, le résultat n'est pas celui escompté. Les photos se collent une à côté de l'autre, et ne se mettent pas au niveau, et de chaque côté du menu. En fait je crée un bloc, ça n'est surement pas ce qu'il faut.

Code :
  1. <img src="images/alo.jpg" alt="Petite alouette">
  2. <img src="images/rad.jpg" alt="Radiocommande">


 
En CSS :

Code :
  1. .photo {
  2.  display: block;
  3.  margin-left: 40px;
  4.  padding: 150px;
  5. }
  6. .photo1 {
  7.  display: block;
  8.  margin-right: 400px;
  9.  padding: 150px;
  10. }


Ça fonctionne avec du texte dans une page vierge, mais pas avec une photo, ça serait trop simple.  
 
Je vais essayer avec display: grid ou display: inline-grid ??


n°2433172
Harmo88
Il n\\
Posté le 23-11-2022 à 17:55:12  profilanswer
 

Citation :

Je n'ai pas réussi en CSS, si à mettre la pagaille sur le site. J'ai rectifié.
En HTML, avec <span> en absolu, nickel, les photos se placent où l'on souhaite, au px près. Pour l'instant en local.

Code :
  1. <span style="position: absolute; top: 720px; left: 80px;">
  2.       <img src="file:C://Users/Perso/Pictures/photosite/alo.jpg" class="photo alt="Petite Alouette>
  3. </span>


Et j'ai refait un autre <span> pour la deuxième photo avec un "left" à 1600px, le "top" étant le même, les photos sont à la même hauteur. Je vais quand même réessayer en CSS ... en html c'est très simple.

n°2433213
MaybeEijOr​Not
but someone at least
Posté le 23-11-2022 à 20:44:30  profilanswer
 

On va reprendre les bonnes habitudes, le CSS c'est dans le fichier CSS et tu ajoutes une classe aux éléments HTML que tu veux formater.
 
Pour gérer cela tu peux utiliser la propriété CSS "float" avec des éléments div contenant tes images.
1er bloc avec l'image de gauche et un "float: left;", 2ème bloc avec l'image de droite et un "float: right;" et ton troisième bloc avec le menu.
La propriété "float" se réfère au bloc qui le suit, donc pour mettre à droite un bloc, il faut l'écrire avant le bloc par rapport auquel il doit se positionner.


---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.
n°2433222
Harmo88
Il n\\
Posté le 23-11-2022 à 23:41:32  profilanswer
 

MaybeEijOrNot a écrit :

On va reprendre les bonnes habitudes, le CSS c'est dans le fichier CSS et tu ajoutes une classe aux éléments HTML que tu veux formater.
 
Pour gérer cela tu peux utiliser la propriété CSS "float" avec des éléments div contenant tes images.
1er bloc avec l'image de gauche et un "float: left;", 2ème bloc avec l'image de droite et un "float: right;" et ton troisième bloc avec le menu.
La propriété "float" se réfère au bloc qui le suit, donc pour mettre à droite un bloc, il faut l'écrire avant le bloc par rapport auquel il doit se positionner.


 
 

Citation :

J'avais bien pensé à créer trois blocs, mais pas encore trouvé la bonne méthode pour le faire ... en attendant de trouver, j'avais choisi le span avec une position absolue pour meubler ma page d'accueil.
Pratiquer des exercices en provenance d'un bouquin, ou d'un site, c'est une chose, mais adapter à ce que tu souhaites créer n'est pas toujours évident, ça ne me saute pas toujours aux yeux.
Le problème de l'héritage n'est pas encore bien compris; en théorie oui, en pratique pas toujours; ça viendra. L'apprentissage est aussi une question de temps.


n°2433263
Harmo88
Il n\\
Posté le 24-11-2022 à 11:34:24  profilanswer
 

Harmo88 a écrit :


 
 

Citation :

J'avais bien pensé à créer trois blocs, mais pas encore trouvé la bonne méthode pour le faire ... en attendant de trouver, j'avais choisi le span avec une position absolue pour meubler ma page d'accueil.
Pratiquer des exercices en provenance d'un bouquin, ou d'un site, c'est une chose, mais adapter à ce que tu souhaites créer n'est pas toujours évident, ça ne me saute pas toujours aux yeux.
Le problème de l'héritage n'est pas encore bien compris; en théorie oui, en pratique pas toujours; ça viendra. L'apprentissage est aussi une question de temps.




 
 

Citation :

Résultat diffèrent entre l'affichage du site en local et l'affichage avec JSFiddle qui affiche bien les photos à droite et à gauche, sur la même axe horizontal(je n'ai pas encore codé le menu).
L'affichage de mon site local est diffèrent:
Les photos sont centrées, et une est en dessous de l'autre ... c'est le même code, puisque j'ai copié le code sur mon code local, et collé dans JSFiddle.
 
https://jsfiddle.net/w2o6agem/
La sémantique est-elle correcte ? Ah! les blocs ... je débloque ... je continue mes recherches.


n°2433282
MaybeEijOr​Not
but someone at least
Posté le 24-11-2022 à 14:10:01  profilanswer
 

Ben si tu me donnes juste le code qui fonctionne (celui de jsfiddle), je ne peux que te dire que ça fonctionne...
 
Sur la page en local, quand tu l'ouvres, essaye un Ctrl+F5, peut-être qu'il n'est pas allé chercher la dernière version du fichier CSS.
Sinon vérifie que c'est bien le fichier CSS dans lequel tu as fait des modifications qui est appelé.
 
Tu utilises quel navigateur ?


---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.
n°2433324
Harmo88
Il n\\
Posté le 24-11-2022 à 20:18:33  profilanswer
 

MaybeEijOrNot a écrit :

Ben si tu me donnes juste le code qui fonctionne (celui de jsfiddle), je ne peux que te dire que ça fonctionne...
 
Sur la page en local, quand tu l'ouvres, essaye un Ctrl+F5, peut-être qu'il n'est pas allé chercher la dernière version du fichier CSS.
Sinon vérifie que c'est bien le fichier CSS dans lequel tu as fait des modifications qui est appelé.
 
Tu utilises quel navigateur ?


 

Citation :

J'ai essayé ctrl+F sans succès; maintenant que je connais(grâce à toi) je l'utilise.
Le navigateur est Edge; avec lui et Orange les résultats sont fidèles au code.
Avec Firefox la photo de l'hélico ne s'affiche pas sur la page d'accueil, ainsi que deux autres dans deux pages. C'est pourtant le même fichier, le même code ...
C'est bien le même fichier CSS que je modifie; le fichier local et le fichier du site sont dans deux répertoires différents, pour éviter la confusion.
Je vais prendre le temps, et bien regarder ce qui se passe, au besoin je t'envoie le code avec jsfiddle et une copie d'écran du navigateur.
 
Pour l'instant, sur le site, je laisse <span> en absolu, pour l'affichage des photos que j'ai rajoutées, je ne modifierai que lorsque ça fonctionnera en CSS en local. :hello:


n°2433329
MaybeEijOr​Not
but someone at least
Posté le 24-11-2022 à 21:36:35  profilanswer
 

En tout cas, ton site s'affiche correctement chez moi avec Firefox.


---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.
n°2433370
Harmo88
Il n\\
Posté le 25-11-2022 à 10:56:04  profilanswer
 

MaybeEijOrNot a écrit :

En tout cas, ton site s'affiche correctement chez moi avec Firefox.


 
 

Citation :

Je suis d'accord, le site s'ouvre bien avec Edge, Firefox, Google Chrome, et Orange. Je ne modifie plus rien, pour l'instant, sur le site.
La page d'accueil sur le site se nomme: index;html.
 
Dans un autre répertoire, je modifie le local qui se nomme ; debut-vol-helico-rc.html pour ne pas modifier le site.
J'ai choisi cette solution pour ne pas modifier le site, lorsque je modifie le local.
 
Je vais te mettre l'affichage du local sur Jsfiddle et la copie d'écran, avec Firefox.


 
 
 

n°2433382
Harmo88
Il n\\
Posté le 25-11-2022 à 11:51:07  profilanswer
 

Harmo88 a écrit :


 
 

Citation :

Je suis d'accord, le site s'ouvre bien avec Edge, Firefox, Google Chrome, et Orange. Je ne modifie plus rien, pour l'instant, sur le site.
La page d'accueil sur le site se nomme: index;html.
 
Dans un autre répertoire, je modifie le local qui se nomme ; debut-vol-helico-rc.html pour ne pas modifier le site.
J'ai choisi cette solution pour ne pas modifier le site, lorsque je modifie le local.
 
Je vais te mettre l'affichage du local sur Jsfiddle et la copie d'écran, avec Firefox.


 
 
 
[quotemsg]https://jsfiddle.net/dh6jpsgw/
Copie écran Edge:
https://ibb.co/Z6zzh0w
Copie écran Firefox:
https://ibb.co/9hnL2m8


n°2433443
MaybeEijOr​Not
but someone at least
Posté le 25-11-2022 à 18:31:33  profilanswer
 

Pour commencer, par rapport au jsfiddle que tu m'envoies :

Code :
  1. <div class="photoD">
  2. <img src="file://C:/Users/Perso/Pictures/photosite/alo.jpg"  class="image" alt="Petite Alouette">
  3. <div class="photoG">
  4. <img src="file://C:/Users/Perso/Pictures/photosite/rad.jpg" class="image" alt="Radiocommande">
  5. </div>
  6. </div>


 
C'est d'abord celle de gauche, puis celle de droite puis enfin celle du milieu. Celle de gauche est en float left, celle de droite en float right, et celle de milieu en rien du tout. De plus, il y a un "</div>" mal placé comme tu peux le voir.


---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.
n°2433445
Harmo88
Il n\\
Posté le 25-11-2022 à 19:07:31  profilanswer
 

MaybeEijOrNot a écrit :

Pour commencer, par rapport au jsfiddle que tu m'envoies :

Code :
  1. <div class="photoD">
  2. <img src="file://C:/Users/Perso/Pictures/photosite/alo.jpg"  class="image" alt="Petite Alouette">
  3. <div class="photoG">
  4. <img src="file://C:/Users/Perso/Pictures/photosite/rad.jpg" class="image" alt="Radiocommande">
  5. </div>
  6. </div>


 
C'est d'abord celle de gauche, puis celle de droite puis enfin celle du milieu. Celle de gauche est en float left, celle de droite en float right, et celle de milieu en rien du tout. De plus, il y a un "</div>" mal placé comme tu peux le voir.


 

Citation :

Désolé, à force de modifier, je t'ai envoyé la mauvaise modif ...  
Mais l'affichage ne se fait tout de même pas comme je le souhaiterais. J'ai une photo à gauche, la droite est accolée à cette photo, au lieu d'être à droite de la page. On dirait que c'est le menu(qui est centré) qui l'empêche de se placer à droite.
Ce qui est bien c'est que c'est sur le même axe, donc ça pourrait rester ainsi.
Je voudrais une photo de chaque côté du menu, je ne trouve pas la solution; pourtant ça fait un moment que je cherche  :lol:  
 
J'ai essayé uniquement avec des photos sur une page vierge. J'ai bien une photo à gauche, une complètement à droite. Évidemment si j'en mets une troisième, elle se place en fonction de "left" ou de "right" , mais pas centrée.  
 
Et Firefox continue à ne pas afficher certaines photos .... c'est fou ! Les autres navigateurs les affichent, avec le même fichier.


n°2433447
MaybeEijOr​Not
but someone at least
Posté le 25-11-2022 à 19:29:26  profilanswer
 

Pour Firefox, Ctrl+F5, et sinon c'est probablement que le code possède quelques erreurs ce qui conduit à un comportement différent en fonction du navigateur.
 
Et sinon, c'est quoi le bon code que tu ne m'as pas transmis ?


---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.
n°2433449
Harmo88
Il n\\
Posté le 25-11-2022 à 20:03:31  profilanswer
 

MaybeEijOrNot a écrit :

Pour Firefox, Ctrl+F5, et sinon c'est probablement que le code possède quelques erreurs ce qui conduit à un comportement différent en fonction du navigateur.
 
Et sinon, c'est quoi le bon code que tu ne m'as pas transmis ?


 
 

Citation :

Pour Firefox, c'est depuis que j'ai remplacé l'affichage des deux dernières photos(en absolu avec span) par le CSS "float" avec "left" et "right".
 

Code :
  1. <div class="photoG">
  2. <img src="file://C:/Users/Perso/Pictures/photosite/alo.jpg"  class="image" alt="Petite Alouette">
  3. </div>
  4. <div class="photoD">
  5. <img src="file://C:/Users/Perso/Pictures/photosite/rad.jpg" class="image" alt="Radiocommande">
  6. </div>
  7. <ul class="multi-colonnes">
  8.  <li><a href="recommandations.html">Recommandations aux débutants</a></li>
  9.  <li><a href="choix.html">Choix du modéle</a></li>
  10.  <li><a href="conseils-achat.html">Conseils lors de l'achat d'un modèle</a></li>
  11.  <li><a href="pilotage.html">Concernant l'apprentissage du pilotage</a></li>
  12.  <li><a href="cyclique.html">Le plateau cyclique</a></li>
  13.  <li><a href="rotor-principal.html">Le rotor principal</a></li>
  14.  <li><a href="pal.html">Les pales</a></li>
  15.  <li><a href="tete-flybar.html">Tête Flybarless</a></li>
  16.  <li><a href="anticouple.html">Le rotor anticouple</a></li>
  17.  <li><a href="radio.html">La radiocommande</a></li>
  18.  <li><a href="prop.html">La propulsion</a></li>
  19.  <li><a href="servos.html">Les servos</a></li>
  20.  <li><a href="gyro.html">Le gyroscope</a></li>
  21.  <li><a href="conseils-mont.html">Conseils de montage</a></li>
  22. </ul>


 

Code :
  1. .photoG {
  2.  float: left;
  3.     }
  4. .photoD {
  5.  float: right;
  6.     }



n°2433450
Harmo88
Il n\\
Posté le 25-11-2022 à 21:30:57  profilanswer
 

Citation :

J'ai vérifié la syntaxe avec :
https://validator.w3.org/nu/#file et un autre vérificateur; aucune erreur ou avertissement sur le fichier. C'est à n'y rien comprendre.

n°2433460
MaybeEijOr​Not
but someone at least
Posté le 25-11-2022 à 22:49:22  profilanswer
 

Aucune idée, tout ce que je peux te dire, c'est que si je vais sur ta page d'accueil, et que je modifie à la volée les span en div, tout en mettant les propriétés CSS que je te donne ça fonctionne sur Firefox :

 

https://i.ibb.co/qCzJ3wY/harmo88-index.png

Message cité 2 fois
Message édité par MaybeEijOrNot le 25-11-2022 à 22:49:56

---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.
n°2433463
Harmo88
Il n\\
Posté le 26-11-2022 à 00:39:48  profilanswer
 

MaybeEijOrNot a écrit :

Aucune idée, tout ce que je peux te dire, c'est que si je vais sur ta page d'accueil, et que je modifie à la volée les span en div, tout en mettant les propriétés CSS que je te donne ça fonctionne sur Firefox :
 
https://i.ibb.co/qCzJ3wY/harmo88-index.png


 
 

Citation :

J'ai l'impression qu'on n'est plus sur la même page d'accueil; la mienne(debut-vol-helico-rc.html) en local, le footer, je l'ai passé en bleu(sous l'Alouette).
Je ne modifie plus rien et je t'envoie avec jsfiddle ma dernière version, parce que là je rame à fond ... je ne vois pas où je me plante ... je devrais y arriver ...


n°2433466
MaybeEijOr​Not
but someone at least
Posté le 26-11-2022 à 08:55:30  profilanswer
 

Je suis sur ta version en ligne, désolé mais sur ta version locale, je ne maitrise rien, j'ai trop peu d'infos et il y a quelque chose qui nous échappe.
Sur la version en ligne, je peux voir directement le code complet, le modifier à la volé pour tester, vérifier le bon fonctionnement des liens, enlever les facteurs liés à l'environnement (ex : configuration de ton navigateur), etc.
 
Et si ça fonctionne en ligne, c'est que c'est la bonne réponse, un site est fait pour fonctionner en ligne, pas en local. Et quand ça fonctionne en ligne mais pas en local, ou vice versa, c'est que c'est lié à la configuration de l'environnement.


---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.
n°2433467
Harmo88
Il n\\
Posté le 26-11-2022 à 09:39:11  profilanswer
 

MaybeEijOrNot a écrit :

Je suis sur ta version en ligne, désolé mais sur ta version locale, je ne maitrise rien, j'ai trop peu d'infos et il y a quelque chose qui nous échappe.
Sur la version en ligne, je peux voir directement le code complet, le modifier à la volé pour tester, vérifier le bon fonctionnement des liens, enlever les facteurs liés à l'environnement (ex : configuration de ton navigateur), etc.
 
Et si ça fonctionne en ligne, c'est que c'est la bonne réponse, un site est fait pour fonctionner en ligne, pas en local. Et quand ça fonctionne en ligne mais pas en local, ou vice versa, c'est que c'est lié à la configuration de l'environnement.


 

Citation :

Euréka ! Il y a tout de même des choses incompréhensibles ... lorsque j'ai modifié le CSS dans le fichier helico.CSS, les modifs ont bien été enregistrées dans le site, mais pas dans le local ... ???
C'est le même fichier.
Il a fallu que j'ouvre le fichier CSS dans Notepad++ comparer le CSS du site et du local, et l'enregistrer sous, pour que les modifs soient inscrites dans le fichier du local. Avec enregistrer ça fonctionnait bien ....
 
C'est le fichier en local qui m'a permis de créer le site ... donc c'est bon ... si les modifs sont bien prises en compte  :lol:  
Heureusement que je ne rencontre pas ce problème dans les fichiers de mes photos; 40 000 photos à reclasser  :cry:  
En tout cas, merci pour ta patience, qui a été mise à rude épreuve; le bon côté c'est que je te fais réviser  :cry:   :hello:  
Bon, qu'est-ce que je vais inventer pour nous triturer les neurones ?


n°2433495
Harmo88
Il n\\
Posté le 26-11-2022 à 18:33:43  profilanswer
 

Harmo88 a écrit :


 

Citation :

Euréka ! Il y a tout de même des choses incompréhensibles ... lorsque j'ai modifié le CSS dans le fichier helico.CSS, les modifs ont bien été enregistrées dans le site, mais pas dans le local ... ???
C'est le même fichier.
Il a fallu que j'ouvre le fichier CSS dans Notepad++ comparer le CSS du site et du local, et l'enregistrer sous, pour que les modifs soient inscrites dans le fichier du local. Avec enregistrer ça fonctionnait bien ....
 
C'est le fichier en local qui m'a permis de créer le site ... donc c'est bon ... si les modifs sont bien prises en compte  :lol:  
Heureusement que je ne rencontre pas ce problème dans les fichiers de mes photos; 40 000 photos à reclasser  :cry:  
En tout cas, merci pour ta patience, qui a été mise à rude épreuve; le bon côté c'est que je te fais réviser  :cry:   :hello:  
Bon, qu'est-ce que je vais inventer pour nous triturer les neurones ?




 
 

Citation :

Pour ne plus qu'il y ait de confusion entre les fichiers CSS en ligne et en local, j'ai changé le nom du local; bien sur, il a fallu corriger le nom dans toutes les pages. Ça m'évitera des problèmes.


mood
Publicité
Posté le   profilanswer
 

 Page :   1  2  3  4  5  ..  12  13  14  ..  16  17  18  19  20  21

Aller à :
Ajouter une réponse
 

Sujets relatifs
Signature e-mail en HTML adaptative mode clair/sombre ?Exercice html, php, mysql, javascript
hébergement de page htmlresponsive scroll pas quand je glisse l'image
Probleme d'edition d'image dans DjangoEnvoi image sur blog impossible
Aligner le background au milieu de l'imageun problème de lien php dans le html
Affichage d'une image en infobulle au survol d'un lien (hover)HTML Select et OnClick() ne fonctionne pas sur Safari
Plus de sujets relatifs à : Insertion image en html depuis mon ordi


Copyright © 1997-2025 Groupe LDLC (Signaler un contenu illicite / Données personnelles)