6 replies [Last post]
ljbailey
ljbailey's picture
Offline
Enthusiast
Scotland
Last seen: 12 years 12 weeks ago
Scotland
Joined: 2009-01-10
Posts: 224
Points: 59

Hi Guys,

I have just put the new design of my site live. I know it is fine on IE8 and FF3.5 I was hoping you guys could let me know if it has any problems in any of the browsers you use, and also give me your comments on it. I didn't design it, but I converted the PSD into xhtml/css. Click the first link in my signature to get there.

Liam Bailey is director of Galloway Web Services, a Stranraer web design company, sister of SEO copywriting services company Write About Property.

Vade
Vade's picture
Offline
Enthusiast
Ireland
Last seen: 12 years 10 weeks ago
Ireland
Joined: 2007-08-13
Posts: 315
Points: 276

I don't know if you've

I don't know if you've changed something since posting but its far from fine for me in either IE8 or FF 3.5.

Have you tested in in a wide screen display? I'm on 1680x1050 and the design doesn't appreciate it at all.

A picture is worth 1000 words so...

FF 3.5

and IE8

ljbailey
ljbailey's picture
Offline
Enthusiast
Scotland
Last seen: 12 years 12 weeks ago
Scotland
Joined: 2009-01-10
Posts: 224
Points: 59

I think that should have

I think that should have solved it, let me have a look now please

Liam Bailey is director of Galloway Web Services, a Stranraer web design company, sister of SEO copywriting services company Write About Property.

Vade
Vade's picture
Offline
Enthusiast
Ireland
Last seen: 12 years 10 weeks ago
Ireland
Joined: 2007-08-13
Posts: 315
Points: 276

You've solved the issue with

You've solved the issue with the main content but now your footer hovers about 40px above the end of the screen.

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 8 years 17 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

Your code is clearly written

Your code is clearly written from a (IMHO misguided) SEO perspective rather than an accessibility perspective. All the titles on images and links are pretty much unnecessary for a real user. It's doubtful how beneficial they'd be for SEs either (and most of them don't actually make sense as sentences). The big banner image should actually be a background-image or at the very least have a null alt attribute because it's not actually content.

The rollover arrow images in the left column should be combined with the default state:
a) so you don't get a delay waiting for the new image to load; and
b) to reduce http requests.

The spacing between the 'Latest Articles' and the 'Latest Blog Posts' boxes is different from the space between the others in the left column.

You get a horizontal scrollbar at 1024 x 780.

The header is generally too big for interior pages as on smaller screens nearly 3/4 of the page is taken up with it and very little view of the actual page content.

The change from normal layout to blog layout is a bit jarring and if it were me, I'd just make them both the same.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

ljbailey
ljbailey's picture
Offline
Enthusiast
Scotland
Last seen: 12 years 12 weeks ago
Scotland
Joined: 2009-01-10
Posts: 224
Points: 59

The rollover arrow images in

The rollover arrow images in the left column should be combined with the default state:
a) so you don't get a delay waiting for the new image to load; and
b) to reduce http requests.

Please explain how to do this?

Liam Bailey is director of Galloway Web Services, a Stranraer web design company, sister of SEO copywriting services company Write About Property.

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 8 years 17 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

Put both states of the image

Put both states of the image into a single image and move the hover state into view by changing background-position.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference