Discussion :

[RastaBomboclat]

Bonjour,

J'ai un souci au niveau de l'affichage d'un logo sur m'a page d'accueil.
Quand je mets un lien hypertext du Web, l'image (logo) s'affiche sans problème. Mais quand la référence est d'une image se trouvant sur mon ordinateur, l'image ne s'affiche pas. Je ne sais ni ne comprends pas pourquoi Veuillez trouvez ci-dessous le bout de mon code qui ne fonctionne pas comme je le souhaite. C'est du HTML avec quelque bout de CSS3 et Bootstrap4.

Mon Code:

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<nav class="navbar navbar-default navbar-static-top"> <!-- "navbar navbar-default navbar-static-top"> -->
		<div class="container-fluid">
            <div class="navbar-header">
                <a class="navbar-brand" href="#"><img style="width: 90px;" src="../assests/images/My%20Logo%20(official).jpg" alt="">
                <strong><span style="color: #33cc33;font-size: 17px;">Rasta</span><span style="color: #ffff00; font-size: 17px;">Bomb</span><span style="color: #ff0000; font-size: 17px;">oclat</span></strong>
                </a>
            </div>
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <!-- <a class="navbar-brand" href="#"><img style="width: 50px;" src="https://www.google.fr/images/branding/googlelogo/2x/googlelogo_color_92x30dp.png" alt="">google logo</a> -->
    </div>

Vous remarquerez que j'ai mis en commentaire le teste que j'avais fait avec le logo de Google. Ce dernier s'était afficher normalement et sans souci.

En espérant que j'ai bien énoncé mon problème, je vous remercie tous d'avance pour vos contributions.

[RastaBomboclat]

Bonjour cher membre,

N'y a-t-il vraiment personne pour me donner une solution à ce problème?
Même parmi les ADMINISTRATEURS, personne n'a pu avoir quelque chose?

[ProgElecT]

Salut

src="../assests/images/My%20Logo%20(official).jpg", donc ton fichier image est le répertoire parent du HTML (on remonte d'un niveau).

As tu essayé une autre image, renommer ton fichier My%20Logo%20(official).jpg c'est curieux comme nom, personnellement, étant encor un peu d'ebutant en HTML, j'ai des doutes sur le caractère espace écrit de cette façon %20, essais de passer src="../assests/images/My Logo (official).jpg" des fois .....

[NoSmoking]

Bonjour,
comme déjà conseillé dans une autre discussion :
❝ Je ne saurais trop te conseiller de renommer tes images, en mettant tout en minuscule et en supprimant espace et caractères spéciaux. ❠

[RastaBomboclat]

Bonjour à tous, et particulièrement à vous qui avez répondu à mon poste.

Ca ne marche toujours pas. J'ai enlevé le caractère spécial(_), tout comme les majuscule. J'ai même pour testet, créé deux fichier images (jpg et png), juste pour voir si le problème ne venait pas de là, mais toujours rien.

Je vous remercie pour toutes vos contributions.

[ProgElecT]

Salut

, as tu un message d'erreur de chargement dans la console (F12 onglet Console et/ou Ctrl+Maj+K) ?

Dans la console tu devrais avoir une ligne de se type ⯈ GET http://localhost/TesteurGetPost/PC.jpg, cliques sur ⯈, tu te retrouves avec un déroulé d'informations, cliques sur l'onglet Réponse, là tu devrais avoir une information de se style:

ou une autre information, en tout cas une information pourquoi l'image n'est pas chargée ......