Member Avatar for chinee

yes i am really new, but for the longest while i have been trying to insert images but they never work. right now i want to place a logo next to the name, to my knowledge i have inputed all the root directives needed. take a look.

<h1><img src="Libraries/documents/web dev pics/genlogo.jpg" alt="Generation Changers 

Procuction Company" width="92" height="92" /></h1>
  • 3 Contributors
  • 2 Replies
  • 114 Views
  • 14 Hours Discussion Span
  • Latest Post Latest Post by gracyj

Dani AI

Generated

: common causes for an image not showing are an incorrect web path (Windows Explorer paths like "Libraries/..." won’t work on a server), stray line breaks inside the tag/attributes, or filename/case mismatches. was right to flag the line-break issue and checking the path; ’s +1 is fine — the advice is on target but needs a few practical checks to finish the job.

Quick checklist to verify (do these in order):

  1. Place the image in your site folder (for example images/logo.png) and use forward slashes in the src. Avoid spaces in folder or filenames — use - or _ instead.
  2. Open the image directly in a browser using the URL you plan to use (e.g., https://your-site.com/images/logo.png). If it 404s, the path or location is wrong.
  3. Use the browser DevTools Network/Console to look for 404s or other errors; inspect the element to confirm the src the page is trying to load.
  4. Remember that many web hosts are case-sensitive (Logo.png != logo.png). Also check file permissions (readable by the web server).
  5. Keep attribute values on one line (no unintentional newlines inside alt or src), and prefer descriptive alt text or alt="" if decorative.

Example modern markup and simple CSS to keep a logo beside a heading:

<header class="site-header">
  <h1 class="brand">
    <img src="/images/logo.png" alt="Generation Changers" class="logo">
    Generation Changers
  </h1>
</header>

<style>
.brand { display: flex; align-items: center; gap: 0.5rem; }
.logo { width: 92px; height: 92px; object-fit: contain; }
</style>

Following those checks and the example will solve most “image not appearing” problems. If the image still fails to load, the direct-image URL and the server file tree are the next places to verify.

Recommended Answers

All 2 Replies

Member Avatar for Kraai

Hi, try to make it one line, and not 2 paragraphs, like so:

<h1><img src="Libraries/documents/web dev pics/genlogo.jpg" alt="Generation Changers 
Procuction Company" width="92" height="92" /></h1>

You may also want to make sure the path to the image is defined corrwctly, by pointing to it starting with etc....

Edited by Kraai because: its early morning here.... spelling
Member Avatar for gracyj

yes i agree with Kraai....

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.