6 replies [Last post]
ljbailey
ljbailey's picture
User offline. Last seen 1 year 12 weeks ago. Offline
rank Enthusiast
Enthusiast
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
User offline. Last seen 1 year 10 weeks ago. Offline
rank Enthusiast
Enthusiast
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
User offline. Last seen 1 year 12 weeks ago. Offline
rank Enthusiast
Enthusiast
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
User offline. Last seen 1 year 10 weeks ago. Offline
rank Enthusiast
Enthusiast
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
User offline. Last seen 19 hours 17 min ago. Offline
rank Moderator
Moderator
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8123
Points: 1302

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
User offline. Last seen 1 year 12 weeks ago. Offline
rank Enthusiast
Enthusiast
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
User offline. Last seen 19 hours 17 min ago. Offline
rank Moderator
Moderator
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8123
Points: 1302

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