Member Avatar for MrScruff

If you check out this page in internet explorer you will see an annoying 'no picture' square at the the top of the page:

That picture happens to be the image which is at the top of the forum in this page with an annoying border around it - it looks out of place:

Now if you look at them both in Firefox you will see how they are meant to look.

First off how do I get rid of that annoying square? If I delete the image it gets rid of the image on the second page.

Second how do I get rid of that annoying border?

Bit of a complicated one but thanks for any help its much appreciated!

  • 2 Contributors
  • 2 Replies
  • 106 Views
  • 1 Day Discussion Span
  • Latest Post Latest Post by MrScruff

Dani AI

Generated

A compact checklist and a couple of fixes for the two symptoms here: IE showing a broken-image box on books.php while Firefox shows the image, and the forum header image getting an unwanted border. noted that removing the image removed it from the forum too (that means the same file/resource is used on both pages). reported it looked fixed, but the steps below help diagnose and prevent reoccurrence.

Quick checks to run

  • Open the image by itself (right‑click -> Open in new tab). If that fails you have an HTTP error to track (404/403).
  • Inspect the actual src (View source). Verify it is the correct, absolute or properly relative path and not affected by a <base> tag on one page.
  • Use a network/status check (browser dev tools or curl -I <image-url>) to confirm the server response code and headers.
  • Clear IE cache or force refresh (Ctrl+F5). IE caches aggressively and can show stale/broken results.
  • Remember server filename case sensitivity and any hotlink/referrer protection that might block some pages but not others.

Remove the link border (recommended CSS)

a img { border: 0; outline: none; }
img { border: none; display: block; }

Avoid relying on the old border="0" attribute everywhere; CSS is cleaner and works across browsers.

Notes and common gotchas

  • If the header image is included via a shared include or stylesheet, deleting the file removes it site‑wide. To suppress it on one page, override with page-specific CSS (for example add a class to the body and hide the header image).
  • If the file is a PNG and IE6-era rendering is a concern, handle PNG transparency separately (or use a non-alpha fallback).
  • Check server logs for repeated 404s from IE user agents — that will show whether IE really failed to fetch the file.

These steps identify whether the problem is a missing/blocked resource, a path/case issue, caching, or a styling/markup border.

Recommended Answers

All 2 Replies

Member Avatar for FC Jamison

It appears that you've already fixed this particular problem.

Member Avatar for MrScruff

Yep and good old programming fashion its thrown up another load ;)

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.