Member Avatar for slw613

Alright, so I am a graphics designer and I am putting an art portfolio together for college, I decided to make a website portfolio, so heres the site

As you can see none of the links work, and the images spaces are blank because I am clueless on how to code a web site. Any help?

  • 5 Contributors
  • 7 Replies
  • 110 Views
  • 5 Days Discussion Span
  • Latest Post Latest Post by MidiMagic

Dani AI

Generated

Quick, practical checklist for that builds on the tips from , and . Blank image boxes and non-working links mean the browser is requesting files that either don't exist on the server, are in a different folder, or have a mismatched filename. Follow the steps below in order so you find the exact cause and fix it cleanly.

First, verify the site files on the host: use your host control panel or an FTP client (for example, FileZilla) to confirm the directory tree on the server matches your local tree and that image files and HTML pages actually uploaded. If you can run a quick local test, serve the folder with a simple HTTP server to mimic how a real web server behaves:

# run from your project root (Python 3)
python3 -m http.server 8000

Check remote responses directly with curl to see HTTP status codes. A 404 means the file path in the HTML is wrong or the file is missing:

curl -I https://yourdomain.com/path/to/file.jpg

Use the browser developer tools (Network tab) to spot 404s and see exactly which URLs the page tried to fetch; this quickly shows path mistakes, typos, or case differences. MDN has a concise guide to the Network panel here: Browser Network panel (MDN). Also review the HTML image element reference if you need a refresher: HTML img element (MDN).

Common gotchas to check: filename case (Linux hosts are case-sensitive), unexpected spaces or special characters in filenames, incorrect relative paths (../ vs ./), missing pages (create gallery.html, downloads.html if needed), and file permissions (typical public files use 644). Work in small steps: create one simple test page that links to one image, confirm it loads locally, upload the exact folder, then inspect network requests on the live site. This method isolates the problem fast and prevents guessing.

Recommended Answers

All 7 Replies

Member Avatar for buddylee17

Well here's how to add a link to the gallery. Obviously, you'll have to make a gallery.html page, otherwise you'll get a page not found error. Change:

<td><img src="images/index_06.jpg" width="87" height="16" alt=""></td>

To

<td><a href="gallery.html"><img src="images/index_06.jpg" width="87" height="16" alt="gallery"></a></td>
Member Avatar for slw613

see this is where my problems begin, i dont know where to insert this code, and also i dont think i have the document to input it in either (CSS document)

thus the reason why i need help from ground up

Member Avatar for peter_budo

then you need to start with w3schools.com learning basics of HTML and after that CSS (Cascading Style Sheets)

Member Avatar for slw613

thanks for the refferrence site, ill try this out!

Member Avatar for sreein1986

you didn't give the links those images

<A HREF="links.html"><IMG SRC="web_template_files/index_04.jpg" ALT="" WIDTH="60" HEIGHT="16" BORDER="0"></A>
<A HREF="Gallery.html"><IMG SRC="web_template_files/index_06.jpg" ALT="" WIDTH="87" HEIGHT="16" BORDER="0"></A>
<A HREF="downloads.html"><IMG SRC="web_template_files/index_08.jpg" ALT="" WIDTH="135" HEIGHT="16" BORDER="0"></A>

please use the code and replace link names links.html, gallery.html, downloads.html

Member Avatar for peter_budo

- was this suggestion mentioned already in first reply?

Member Avatar for MidiMagic

You have to copy the images onto the server. The Internet can't see what is on your PC.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.