Check My Website

naw · Post by **naw** » Fri Feb 20, 2009 10:28 pm

Hi All,

I had a couple of reports that my website layout is all messed up - I tested on FireFox 3.0.6 & IE 6 on WXP & everything looks fine to me.

The address is http://www.happy-feet.org.uk

Basic layout should have a navigation bar down the left hand side with yellow text with a black outline.

Background should be orange with a content *frame* (in a lighter colour) in the middle.

There should be a green text banner at the top saying "Nottingham Swing Dance Society" with a black and yellow text below saying "the home of Swing dance in Nottingham" and the web address just below...

Would appreciate any checks and info as to the Web Browser version and OS you're using.

Thanks in advance guys...

srod · Post by **srod** » Fri Feb 20, 2009 10:53 pm

The navigation bar looks all screwy here I'm afraid. It seems to obscure the main text. Some of the navigation text is yellow whilst some is white. I can do you a screenshot if you wish?

Vista premium sp1, IE 7.

naw · Post by **naw** » Fri Feb 20, 2009 11:01 pm

Oh blimey - what a pain. The yellow and white text is expected, but shouldnt be obscuring stuff.

I'd love to see a screen shot if its not too much trouble.

Thanks srod - Nigel

srod · Post by **srod** » Fri Feb 20, 2009 11:04 pm

www.purecoder.net/notSwingDance.png

Kaeru Gaman · Post by **Kaeru Gaman** » Fri Feb 20, 2009 11:28 pm

basically the same problem here with FF3 on WinXP

... and besides, the colors are too strong for my taste... try all a bit more pastell I suggest...

utopiomania · Post by **utopiomania** » Fri Feb 20, 2009 11:29 pm

There is remains of a previous left side menu in black fg text behind the ,ehh, left side menu.

What browser do u use to check how this site looks like?

naw · Post by **naw** » Fri Feb 20, 2009 11:51 pm

I'm using FF3.06 & IE6 on WXP - both look fine to me - I dunno whats happening...

I'm using lots of Apache SSI and CSS for positioning - I wonder if I've tried to be too clever and only achieved something that is stoopid.

The Left Navigation Menu is all working as designed - but for some reason, the Main Panel is broken and everything is shunted to the far left / top and not displaying in a white box with a black outline.

Appreciate your time folks...

As they say, a picture i worth a thousand words - at least I know its a CSS problem.

Would some please be so kind as to post the HTML that is returned to your browser ^u in FF or <ALT> v s in IE

Thanks again

Post by **Kiffi** » Fri Feb 20, 2009 11:59 pm

naw wrote:I dunno whats happening...

perhaps useful: http://tinyurl.com/b8d2rf

Greetings ... Kiffi

Mistrel · Post by **Mistrel** » Sat Feb 21, 2009 3:51 am

Always test in at least IE6, IE7, (now IE8?), FF2/3, Safari, and Opera if you want to be sure it displays right.

lexvictory · Post by **lexvictory** » Sat Feb 21, 2009 9:41 am

If you ask me, you should be using tables (in my as yet unqualified opinion), or at the very least you need to use a div/span for the main text content and position it accordingly.
What it currently does is draw the text on the bottom layer (seeing as it's just inside the body tag), then since you use absolute positioning, it draws the menu on top.

Also, if all the menu items are supposed to be yellow, you need to change the #BIGNAV class; firebug is telling me this id sets the colour to white in the css.
(Search Firefox addons for FireBug, it's really useful)

Kale · Post by **Kale** » Sat Feb 21, 2009 10:25 am

That's a pretty horrible site.

One thing i did notice is that you are using tables inside your divs for no reason whatsoever and also all tables are missing the <tr> tags.

I would start to use the w3c validator.

DarkLord · Post by **DarkLord** » Sat Feb 21, 2009 11:03 am

I get the same as everyone else, you need to use lighter colours as it is way to heavy on the eyes.

Another thing I noticed, you need a facebook account to view the pictures, could you make those images public as not everyone has facebook or wants to sign up for an account.

naw · Post by **naw** » Sat Feb 21, 2009 1:03 pm

Thanks guys - I found the problem - just a missing quote which had invalidated some of the HTML... The site looked ok to me until this morning, I suspect I was looking at a Proxy cached version.

Site looks a bit less *horrible* now...

BTW - I've been using facebook for photos since the site is hosted on a friends server - so I've been trying to keep the bandwidth requirements down to a minimum.

Not all the photos are posted by me, but they are of *our* events, facebook seems a convenient way of hosting images, though I appreciate that there are plenty of folk who dont have an account and dont want one.

I'm open to suggestions for (free) alternatives, though...

srod · Post by **srod** » Sat Feb 21, 2009 1:21 pm

Agreed, that looks one hell of a lot better!

Mistrel · Post by **Mistrel** » Sat Feb 21, 2009 1:22 pm

Kale wrote:That's a pretty horrible site.

You'd be surprised how many websites I've run into with yellow text on white background.

naw, it seems to be displaying ok in FF2 now. It would be best to post a reference of what it looks like to you so we can compare.