image won't showed but showed only placeholder.image

Engaged ,
Dec 25, 2021 Dec 25, 2021

Copy link to clipboard

Copied

I reall don't what I did wrong.

Looks just fine from Dreamweaver but web image won't showed.

I used the Bootstrap Componensts to place the image.

 

Thank you for reading and advice please

Views

104

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Adobe Community Professional , Dec 25, 2021 Dec 25, 2021

The error is in your code.

 

This is the correct URL to your image:

https://www.ifollowhim.com/Image/homepage_picture.jpg

 

This is 404 not found on server:

<img src="/public_html/Image/homepage_picture.jpg" class="img-fluid" alt="Placeholder image">

 

Change it to this:

<img src="Image/homepage_picture.jpg" class="img-fluid" alt="Placeholder image">

 

NOTE:  Public_html is a virtual root directory on your remote server only.  It should NEVER appear in the local folder. See screenshot:


image.png

Hope tha

...

Likes

Translate

Translate
Adobe Community Professional ,
Dec 25, 2021 Dec 25, 2021

Copy link to clipboard

Copied

Upload your page and dependant files to your remote server.

Post the URL here for us to see.

 

Nancy O'Shea, Adobe Product User & Community Professional
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Engaged ,
Dec 25, 2021 Dec 25, 2021

Copy link to clipboard

Copied

Thank you,

 

here is the link  https://www.ifollowhim.com/index.html

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Dec 25, 2021 Dec 25, 2021

Copy link to clipboard

Copied

The error is in your code.

 

This is the correct URL to your image:

https://www.ifollowhim.com/Image/homepage_picture.jpg

 

This is 404 not found on server:

<img src="/public_html/Image/homepage_picture.jpg" class="img-fluid" alt="Placeholder image">

 

Change it to this:

<img src="Image/homepage_picture.jpg" class="img-fluid" alt="Placeholder image">

 

NOTE:  Public_html is a virtual root directory on your remote server only.  It should NEVER appear in the local folder. See screenshot:


image.png

Hope that helps.  Merry Christmas!

 

Nancy O'Shea, Adobe Product User & Community Professional
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Engaged ,
Dec 28, 2021 Dec 28, 2021

Copy link to clipboard

Copied

Thank you for your advice.

I tried few steps but won't work.

Here I did after your advice.

 

#1   I removed  public_html/ and  upload the file then it created the index2 file.

#2   I changed remote server like this

 

<img src="Image/homepage_picture.jpg" class="img-fluid" alt="Placeholder image">
<footer>&copy; 1999-2021 wefollowhim.com</footer>
</body>
</html>

 

But when I view on web that page showed

 

<img src="/public_html/Image/homepage_picture.jpg" class="img-fluid" alt="Placeholder image">

 

Is there a big mistake on my Root directory?

 

Thank you for reading and your patience,

James

 

 

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Dec 28, 2021 Dec 28, 2021

Copy link to clipboard

Copied

@Nancy OShea has already given you the solution; the link should read as follows

 

BenPleysier_0-1640759384234.png

 

Wappler, the only real Dreamweaver alternative.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Engaged ,
Jan 04, 2022 Jan 04, 2022

Copy link to clipboard

Copied

Please be patience with me,

I copied this code from index.html and looks fine

</header>

<img src="Image/homepage_picture.jpg" class="img-fluid" alt="Placeholder image">
<footer>&copy; 1999-2021 wefollowhim.com</footer>

 

BUT STILL SHOW ON WEB PAGE LIKE and won't show the image

 

wefollow_2-1641354708608.png

 

 

 

I know I got the answer but It doesn't changed on webpage Why?  another mistake

thank you for reading it



Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Jan 04, 2022 Jan 04, 2022

Copy link to clipboard

Copied

Does the image show in Dreamweaver?

Wappler, the only real Dreamweaver alternative.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Jan 05, 2022 Jan 05, 2022

Copy link to clipboard

Copied

LATEST

It looks like you didn't change the index.html page as suggested.  The code is still broken.

 

<img src="/public_html/Image/homepage_picture.jpg" class="img-fluid" alt="Placeholder image">

 

Are you editing the correct file?   index.html is NOT the same as INDEX.html or Index.html.

Did you save changes and upload index.html to your server again?

Please do that now and let us know when it's uploaded.

 

 

 

Nancy O'Shea, Adobe Product User & Community Professional
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines