17 replies [Last post]
nevets2001uk
nevets2001uk's picture
Offline
Regular
UK
Last seen: 9 years 7 weeks ago
UK
Timezone: GMT+1
Joined: 2004-01-14
Posts: 29
Points: 11

I have just finished redesigning the layout that will be the basis for my new website and was wondering whether people could check it for me and give comments on the use of CSS (still learning this) and the overall appearance.

It's a photography website and the layout will be rebuilt in VS2005 so that I can manage the content dynamically. This version is static XHTML Strict and CSS.

I have validated both and got passes and I have tested in IE6, IE7, Netscape and Firefox. My only problem is that Firefox doesn't display it at all well, whereas it looks fine in the others. If someone could shed light on why this is that would be fantastic. If there are other browsers that this could be tested in then even better.

Thanks in advance for any help and advice you can give me.

Steve

http://www.sjgphotography.co.uk/version2/

Cheers,
Steve

burlster
burlster's picture
Offline
Leader
Bournemouth
Last seen: 2 years 11 weeks ago
Bournemouth
Timezone: GMT+1
Joined: 2007-05-31
Posts: 693
Points: 45

Good work

I tend to just look at it from a users aesphetic point of view (my way of admitting I haven't looked at the code), but nice design, very professional feel about it. No issues really, I'm afraid to say as it stands I'm really quite impressed! It even took my text size increase well!!

Good work,

J

P.S. What's the story behind that awesome looking plane then?

Have YOU said Hello yet?
The CSSCreator Hello Thread

nevets2001uk
nevets2001uk's picture
Offline
Regular
UK
Last seen: 9 years 7 weeks ago
UK
Timezone: GMT+1
Joined: 2004-01-14
Posts: 29
Points: 11

Thanks very much for looking

Thanks very much for looking at it so quickly. I'm pleased it stands up well and that you like the design. I'm not really a designer and have gone through many ideas for this redesign that seemed good at the start and ended up looking old fashioned and messy. This was the first one that I finished and was pretty happy with! :rolleyes:

The jet is a popular favourite at many of the airshows I go to and was a Ground Attack fighter for the Swiss Air Force before retiring and being registered to a private owner in the UK. He painted it with that very bright colour scheme and keeps it flying for a lot of shows. The Hawker Hunter dates back to the late 50's and many were retired during the late 60's early 70's.

Steve

Cheers,
Steve

Tom L
Tom L's picture
Offline
Enthusiast
Liverpool
Last seen: 8 years 34 weeks ago
Liverpool
Timezone: GMT+1
Joined: 2005-09-23
Posts: 91
Points: 2

Nice but...

Nice looking site but problems in Firefox (I'm using version 2.0.0.6).

The main content overwrites the footer. have you used heights in your css? Maybe try floating your footer.

There are a couple of other issues with alignment but this may be solved once the footer is in the right place.

edit - anyone know a good browser simulator? I had a really good one but lost all my bookmarks the other week.

burlster
burlster's picture
Offline
Leader
Bournemouth
Last seen: 2 years 11 weeks ago
Bournemouth
Timezone: GMT+1
Joined: 2007-05-31
Posts: 693
Points: 45

Multiple IE

Tom L... Try this mate, it was in a thread recently. http://tredosoft.com/Multiple_IE

It works for me, well for running IE6 and IE7 on the same machine at least which makes checking very easy and convenient Smile. I think I have a user called Erox to thank for that one.

J

Have YOU said Hello yet?
The CSSCreator Hello Thread

burlster
burlster's picture
Offline
Leader
Bournemouth
Last seen: 2 years 11 weeks ago
Bournemouth
Timezone: GMT+1
Joined: 2007-05-31
Posts: 693
Points: 45

Unfortunate

Steve... Tom L is right I'm afraid... here's what I see in Firefox!

Can't believe I missed that! Sorry dude, looks fine in IE7!!!

AttachmentSize
burleyjscreen05.jpg 61.25 KB

Have YOU said Hello yet?
The CSSCreator Hello Thread

Tom L
Tom L's picture
Offline
Enthusiast
Liverpool
Last seen: 8 years 34 weeks ago
Liverpool
Timezone: GMT+1
Joined: 2005-09-23
Posts: 91
Points: 2

Nice one for that.

Nice one for that. UPDATE: Installed the exe from that page and it's great! Works a treat Smile

I have IE6 and IE7 running together thanks to that Evolt.org site but I'm not convinced that my IE6 is the true version of that bollocks browser!

Sorry nevets, didn't mean to take over the thread Smile but perhaps if someone could post a URL for a good browser simulator, it will help in the future.

ChristinaG
Offline
Regular
Northampton
Last seen: 11 years 43 weeks ago
Northampton
Joined: 2006-11-30
Posts: 29
Points: 0

Maybe this isn't very

Maybe this isn't very helpful to say this at this stage. But if you have time its best to build from scratch viewing in Firefox which is a truer representation of CSS and then if needs be, 'hack' for IE. I'm afraid your site breaks in Netscape, Opera, Firefox and Safari (all very similar to the picture above).

Beautiful in IE though and I really like the design. Clean, simple, stylish. It will be a very user-friendly site.

Its difficult to work backwards and fix for all the other browsers although the more experienced bods in here hopefully can help you.

nevets2001uk
nevets2001uk's picture
Offline
Regular
UK
Last seen: 9 years 7 weeks ago
UK
Timezone: GMT+1
Joined: 2004-01-14
Posts: 29
Points: 11

Thanks so much everyone.

Thanks so much everyone. I've made some tweaks (mainly adding some clear;both) comments to some areas which has sorted the main issue of the footer being too high etc.

The only areas that seem to now be a problem are the menu at the top and the tracker bar just underneath the photograph. Both of which use Unordered Lists. Perhaps there is a simple error in my CSS styling for the UL or LI elements that would fix this?

I wish I has designed for Firefox first! I'll learn from that mistake. BTW you mention it looks wrong in Netscape too. I tested in Netscape 8 just now and all seemed fine. It might have been my tweaking though! Could someone else test to make sure it's not just me that sees it properly?

Cheers,
Steve

ChristinaG
Offline
Regular
Northampton
Last seen: 11 years 43 weeks ago
Northampton
Joined: 2006-11-30
Posts: 29
Points: 0

You've updated it... looking

You've updated it... looking good in Firefox2 and Netscape. Opera still doesn't force your 'content' container down. And one little error... whats going on with the breadcrumb, before the '> here'. Its a link but I can't see it. Is it white?

nevets2001uk
nevets2001uk's picture
Offline
Regular
UK
Last seen: 9 years 7 weeks ago
UK
Timezone: GMT+1
Joined: 2004-01-14
Posts: 29
Points: 11

The breadcrumb is one of the

The breadcrumb is one of the two remaining issues. With IE it displays the background as blue (and the link in white) but not in firefox. Also the top menu is still not working quite right but I can't figure it out at all!

Does opera do something different with UL's? I've just installed it and the menus on the right are a bit wacky.

Cheers,
Steve

nevets2001uk
nevets2001uk's picture
Offline
Regular
UK
Last seen: 9 years 7 weeks ago
UK
Timezone: GMT+1
Joined: 2004-01-14
Posts: 29
Points: 11

I think I now have

I think I now have everything working. It looks good in the browsers I have access to.

Any further comments are welcomed.

Cheers,
Steve

Cheers,
Steve

Tom L
Tom L's picture
Offline
Enthusiast
Liverpool
Last seen: 8 years 34 weeks ago
Liverpool
Timezone: GMT+1
Joined: 2005-09-23
Posts: 91
Points: 2

That site is looking smart

That site is looking smart now dude!

One little comment, the text on your main nav is in caps in the code. I suggest you make it normal lowercase and use css (text-transform) to make it uppercase on the screen.

nevets2001uk
nevets2001uk's picture
Offline
Regular
UK
Last seen: 9 years 7 weeks ago
UK
Timezone: GMT+1
Joined: 2004-01-14
Posts: 29
Points: 11

Thanks. Good idea. I'll have

Thanks. Good idea. I'll have a look into that.

Cheers,
Steve

Business Services UK
Offline
Regular
Last seen: 11 years 46 weeks ago
Joined: 2007-09-12
Posts: 17
Points: 0

I like it, which is unusual

I like it, which is unusual for me on site reviews, look clean, loads well ...........well done

tags are no existant and there are a few seo issues, but all in all what a great site good luck with it

nevets2001uk
nevets2001uk's picture
Offline
Regular
UK
Last seen: 9 years 7 weeks ago
UK
Timezone: GMT+1
Joined: 2004-01-14
Posts: 29
Points: 11

Thanks for taking a look.

Thanks for taking a look. I'm very pleased the design is looking good to everyone. I've yet to include any tags etc as I just wanted to get the layout working. I'll make sure to include them in the final version.

A bit off topic but does anyone know how google will handle it when I switch to my new site as all the current pages will change slightly and no longer be accessible via their old URLs. Will all of my google dead links lead to any problems with google? I'm planning on creating some custom error pages to point the visitor in the right direction.

Cheers,
Steve

Business Services UK
Offline
Regular
Last seen: 11 years 46 weeks ago
Joined: 2007-09-12
Posts: 17
Points: 0

You are on the right tracks

You are on the right tracks for sure, if you want some advice on your tags, drop me a line before you start.

I started a blog this morning that may be of interest to you http://websitedesign.tumblr.com/

I would also get your head around this, it is very important for sites like yours

http://www.ragepank.com/articles/38/optimise-for-google-image-search/

nevets2001uk
nevets2001uk's picture
Offline
Regular
UK
Last seen: 9 years 7 weeks ago
UK
Timezone: GMT+1
Joined: 2004-01-14
Posts: 29
Points: 11

Thanks for the advice and

Thanks for the advice and links. I seem to get reasonable results using the tagging on my current ste and intend to implement a similar setup on my new one once implemented. I will also look to optimise things a bit further. I will contact you when I get to this stage if I need some help.

Cheers,
Steve