Site critique and help

Associate
Joined
1 Feb 2006
Posts
1,868
Location
Reading
My gf is going travelling end of the year so I've made her a travel blog as a lil surprise before she goes away.

www.kimmystravels.co.uk

Firstly can you just critique it, any improvements etc.

Secondly I have a problem with both IE6 and 7. The nav bar (red bit under "Kimmy's Travel Blog") doesn't show initially, if you refresh or ctrl+refresh it still doesn't show, but if you click "Kimmy's Travel Blog" twice, which takes you back to the homepage the nav bar appears.

The source still shows the div exists and so does the IE dev toolbar, it doesn't show.

It's hard to describe but have a play in IE and you will see.

Any ideas?
 
Not sure about the nav-bar, but the design is very nice :)

A few things though:
  • The gradients on either side of the main container are a little too hard and noticeable.
  • I'm not too keen on the bars on either side of the image: they make the page look more cluttered.
  • The nav-bar looks a bit too 3D and plasticky.
  • The rollovers on the nav-bar could be done with CSS rather than javascript.
 
Not sure about the nav-bar, but the design is very nice :)

A few things though:
  • The gradients on either side of the main container are a little too hard and noticeable.
  • I'm not too keen on the bars on either side of the image: they make the page look more cluttered.
  • The nav-bar looks a bit too 3D and plasticky.
  • The rollovers on the nav-bar could be done with CSS rather than javascript.

Thanks for the input. Removed the bars as I was unsure about them too. I'll change the roll overs to css aswell. Might soften the side bars aswell.
 
its to do with the javscript you have used for the image at the bottom right and the nav menu, its sometimes appearing, sometimes not.

why are you using javascript for the nav? it would be easier to do it with css by having like

nav_button: {styling here for button not being hovered over}
nav_button:hover {stlying you want for when it is being hovered over}

no need to thank me just pay it forward
 
Last edited:
its to do with the javscript you have used for the image at the bottom right and the nav menu, its sometimes appearing, sometimes not.

why are you using javascript for the nav? it would be easier to do it with css by having like

nav_button: {styling here for button not being hovered over}
nav_button:hover {stlying you want for when it is being hovered over}

no need to thank me just pay it forward
Actually it wasn't the javascript, the problem existed before I added it.

The problem is to do with a bug in internet explorer. Removing position:absolute and replacing it with float:right fixed it.

I used js because hover only works on anchors in lte IE6, which means I would have to use images for both states of the button, and I guess I preferred using js rather than doubling my menu imagery and increasing b/w ;p

The menu still works if js was disabled which is the main thing.
 
A couple more thoughts:
  • The main content pane isn't centred properly between the left side of the page container and the side-bar (slightly too far to the left).
  • The bottom dotted border on the side-bar should be removed in my opinion, but that's up to you really.
 
A couple more thoughts:
  • The main content pane isn't centred properly between the left side of the page container and the side-bar (slightly too far to the left).
  • The bottom dotted border on the side-bar should be removed in my opinion, but that's up to you really.
Cheers Inquisitor, you've been a great help.

I've toned down the page shadow and centred the content, was merely me forgetting to update div widths.

I'm also not sure about that dotted border, I put it in because I felt that the random image was kinda hanging out on its own down there, I wanted to make it feel included, if that makes sense.
 
Back
Top Bottom