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.

Alt text is displaying before image loads

Featured Replies

I have just uploaded my site for testing and when I view in Firefox the alt text displays before the image is loaded. I understand why its necessary but think it looks ugly. Any ideas how to hide the alt text? I have resized some of the larger images down to 70k but still seems to be happening. http://www.yorkgraphicdesigners.co.uk

 

Also, i thought my contact form was sorted but have been informed that when displayed in firefox on a pc it has slipped. It is ok for IE on pc and all mac browsers. I don't know how to write conditional css for an actual operating system eg. to target firefox on a pc only?

 

cheers

 

Mark

From how I understand it Firefox will load the page in roughly this type of order...

 

CSS

Javascript (if called in HEAD)

HTML

Images

Background images

Other media

 

If you're seeing ALT attribute text I'd suspect it's because there's some sort of delay with the image data coming from the server. So in those milliseconds during which the images arrive and Firefox renders them, all it can do is show your ALT text. This is actually normal behaviour for any browser.

 

I have noticed this occasionally on a few sites, typically when they seem to be slow - probably because the site/server is busy. Personally I can't see a problem, after all if I turn images off I'll see the ALT anyway!

i can't see your site. i just get a 403 error

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.