4 replies [Last post]
jofield
jofield's picture
User offline. Last seen 2 years 30 weeks ago. Offline
newbie
Joined: 2009-07-09
Posts: 2
Points: 0

Hi

I'm very new to using CSS and found a CSS menu generator online that would let me create a menu with sub-levels for my online store.

The menu has been uploaded to my site and works perfectly in Firefox but when I view it in IE8 the sub-level menus do not appear when I hover on any menu items.

Does anyone know what I've done wrong?

Website address for my store is http://www.fieldshypnotherapystore.co.uk

Any help would be greatly appreciated as I don't know where to start!

Many, many thanks

CupidsToejam
CupidsToejam's picture
User offline. Last seen 2 weeks 13 hours ago. Offline
rank Guru
Guru
Timezone: GMT-6
Joined: 2008-08-15
Posts: 2634
Points: 1552

validate your code, you have

validate your code, you have some very significant errors.


First basic few steps in building a webpage
1. Gather and collect content.
2. Organize the content into meaningful semantic valid HTML
3. Design the prototype
4. Style using CSS

http://www.pixelbehavior.com

Hugo
Hugo's picture
User offline. Last seen 8 hours 42 min ago. Offline
rank Moderator
Moderator
Joined: 2004-06-06
Posts: 15095
Points: 2190

You have a number of issues

edit/ too slow! that'll teach me to slope of making tea!

You have a number of issues chief amongst them a complete lack of a DTD this means that you have thrown IE8 into quirks mode and unless you have scripting for the nav hover it possibly won't work, add a DTD and IE8 will kick into life, however you have used that frankly horrible approach to include table markup for IE browsers that can't hover elements other than anchors, but you haven't correctly stated the GT IE 6 statements so that might be causing IE8 to have a fit.

Personally I would get rid of that approach to murdering the markup for the sake of a dying browser IE7 & 8 happily work with li:hover add a simple csshover.htc script to enable things in IE6 and be done then you can strip all that conditional comment markup out and have a lighter page.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

jofield
jofield's picture
User offline. Last seen 2 years 30 weeks ago. Offline
newbie
Joined: 2009-07-09
Posts: 2
Points: 0

Hi Thanks for your

Hi
Thanks for your responses. To be honest they were a little above my head though, not sure what DTD is??

As I said I'm a newbie to CSS and have found a menu generator at purecssmenu.com that generated the code for me. The webpage itself is a template from my online store host so didn't really get a lot of say over the coding in it, I just added the generated code for the menu into it.

Think i can validate code through my html editor I use though so will have a go at that and see what help it offers.

Thanks for your suggestions

Deuce
Deuce's picture
User offline. Last seen 2 days 15 hours ago. Offline
rank Guru
Guru
Timezone: GMT-6
Joined: 2005-11-20
Posts: 4416
Points: 1835

Then you should begin with

Then you should begin with some tutorials like HTML Dog

all ยป http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph