Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Images displaying red cross

Featured Replies

Hi,

 

Sorry to ask a really stupid question, but I have uploaded my website to my hosting server, I've uploaded the whole site including all images to the public_html and ftp folders. My images are in an image folder within the root folder. No matter what I do none of the images are showing when I view my page online.

 

this is my code for my header, not working on any page...

 

<img src="images/header1.jpg" alt="DuckLabDesigns Header/Logo" width="700" height="150" hspace="50" vspace="0" />

 

And this is the code for my portfolio page, again, just red x's...

 

<img src="/images/mark.jpg" width="250" height="300" alt="More than Words">

<img src="/images/bri.jpg" alt="Every picture tells a story" width="250" height="300" hspace="100">

<img src="/images/grunge.jpg" alt="City Grunge" width="250" height="300" vspace="15">

<img src="/images/jenglasto.jpg" alt="Festivector" width="250" height="300" hspace="100" vspace="15">

 

Got quite a few other images I need to add so would like to get this sorted before I start else it'll be a pretty crap website!

 

Thanks

got a link?

 

have you tested putting the full path to where you expect an image to be in the browser address bar?

 

do they have .jpg extension or .JPG?

 

what browser have you tested with?

  • Author

Ahh removed the / before image on the portfolio lot and that works when I live view it. Have to see what it's like on the server!

 

Still have prob with header though

"/" means the root of the website,this doesn't work on localhost but should work live.

Also, do what zed said to do, check file extensions etc.

  • Author

Hi - I've tested in ie, google chrome & firefox and the same problem occurs everytime, it's just the darn header.

 

I don't have a link at the moment, well I do, but this is my first ever website and after looking at the standard of some beginners on here, I'm kinda nervous about releasing it to the critics!!! sorry

 

File ext's are all .jpg

 

confuzzled!

We won't criticise the design unless you ask for it. Post the link then remove it after we've seen it.

  • Author

here you go - let me know when you've looked!

Edited by CarrieD

looked!

 

I know the paths to your images now. If the file names are all ok, where in relation to your index.html file is the 'images' directory?

  • Author

looked!

 

I know the paths to your images now. If the file names are all ok, where in relation to your index.html file is the 'images' directory?

 

 

My site root is DuckLab...with index, about etc

Images is a sub folder in this directory named images

 

Thanks by the way, appreciate it.

Aye. Make sure the 'images' folder is inside the root folder which contains your index.html file. Sometimes this folder is called public_html or htdocs

 

EDIT: Ah! It's public_html in your case then! Just noticed your first post mentioned that.

 

So your images folder is inside that folder then?

Edited by Blofeld

  • Author

God, I am so crap at this sorry guys!!

 

On my C: I have Folder Ducklab as site root with html files, inside this folder is my images folder.

so C/users/cazaroo/ducklabdesigns/images

 

on my server, I have public_html which has all my html pages listed then my images listed. Is this where I'm going wrong? Do I need a seperate folder for my images? My other images for my digital portfolio are working though, just the header on ALL pages?!

 

Think I'm trying to run before I walk, maybe I should head back to the beginning!!

None of the pictures are working for me I'm afraid.

 

It is best to contain your images in a folder otherwise you will end up struggling to find files the more you have in there. You shouldn't disrupt the folder structure when moving it from your computer to the server otherwise links will be broken.

 

This is how your folder structure appears to be from the source code of your site but it obviously isn't set out like that:

 

public_html/index.html

public_html/about.html

public_html/images/mark.jpg

public_html/images/header1.jpg

Header image fixed I see! ;) Now just stick all the rest of your images in there and you're sorted!

 

btw - in your navigation, you have the home button set as home.html instead of index.html and on your about page you have the webservices.html set as services.html - and digitalart.html as digital.html

Edited by Blofeld

  • Author

Yeah, I've just sorted my folders out on my server. I'm such a newbie!

 

Thanks for your help, feel free to pm me with any constructive criticism over my site.

  • Author

Header image fixed I see! ;) Now just stick all the rest of your images in there and you're sorted!

 

btw - in your navigation, you have the home button set as home.html instead of index.html and on your about page you have the webservices.html set as services.html - and digitalart.html as digital.html

 

 

Yeah, I have just noticed that. I'm just having an argument with dreamweaver and my hosting file manager now! Think I might have to rejig the whole thing about and get a bit more organised!

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.