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.

Help with text going over image

Featured Replies

Hi all wonder if you can give me a hand with this sometimes on first loading of site the text goes over the image refreshing fixes this but wondered if there is a way to stop it totally. It is the image of the brush next to the main text where the problem is occurring.

 

http://www.gpwindows.co.uk/

You're using an old-fashioned table based layout, but a check with this validator didn't show any serious errors with the table codes although it did raise 11 errors and 23 warnings about other matters.

http://validator.w3.org/

 

I didn't see the text over image in either IE7 or Firefox.

 

Since one of the errors is that you used align="absmiddle" instead of align="middle" for the image of the brush, perhaps that affected some browsers.

 

You are using HTML 4.01 doctype but you have closed tags with /> which is for XHTML instead of > for HTML.

 

Images need alt="description" inside the img tag.

 

You should learn to use divs and CSS instead of tables for layout which might load in a browser more easily.

  • 2 weeks later...
  • Author

Ok i have validated it all now and every page passes yet i still get this problem in chrome mostly when i open it in a new tab or window refresh fixes it but would prefer it didn't happen at all really

Just had a look on Chrome 5, Mac OS X and couldn't replicate your problem. Where exactly is it occurring on the site?

It only happens on the main homepage here is a screen

NewPicture1-7.jpg

 

not happening for me in firefox or ie

ye only seems to be in chrome well for me anyway

 

ok in chrome also

Certainly ok for me in Chrome still, tried loading several times:

 

screenshot20100801at120n.png

 

You could put the image inside it's own div with a specified height and width. This way, if the text loads before the image, there's no jumping around of text in any browser. This may be what's causing the issue.

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.