CSS list menus

spinal007 · #1 Jul 26th, 2006, 17:14

RE url: http://temp.cksltd.co.uk/

does any one have any idea why I get this stupid get underneath the links in IE and Firefox?

PS.: I've tried:
line-height: doesn't work
height: hies sub-menu in firefox, doesn't work in ie
margins are set to zero...

Code: Select all

        /* Main Menu */
        .xm ul{ background:yellow; width:148px; border-style:solid; border-color:#a0d0fe; border-width:0px 2px 2px 0px; list-style-type:none; padding:0; margin:0px 0px 10px 0px; }
        .xm li.l1{ width:148px; display:block; }
        .xm a.l1{ line-height:30px; overflow:hidden;    font-weight:bold; text-decoration:none; }
        .xm a.l1:link, .xm a.l1:visited{ color:#656556; border-style:solid; border-color:#fff; border-width:1px 0px 0px 0px; display:block; background:url(/img/menu-bg.gif) top left no-repeat; background-position:0px 0px; padding:0px 0px 0px 20px; }
        .xm a.l1:hover, .xm a.l1.Active{ color:#474739; border-color:#a0d0fe !important; background-position:0px -30px !important; }
        
        .xm ul.l2{ padding:0;margin:0; border:0; overflow:hidden; }
        .xm li.l2{ width:120px; margin:0px 0px 0px 20px; overflow:hidden; }
        .xm a.l2{ line-height:14px; height:14px; overflow:hidden;    font-weight:normal; display:block; background:url('/img/menu-bg-small.gif') left center no-repeat; padding:3px 3px 3px 20px;margin:0px;    border:0; display:block; }
        .xm a.l2:link, .xm a.l2:visited{  }
        .xm a.l2:hover, .xm a.l2.Active{ color:#090; }

mreine · #2 Jul 26th, 2006, 18:17

You really need to stop compressing your source code so that people can look at it and help! aaaaaaaaaaaaaaahhhhhhhhhhhhhhhhhhh!

spinal007 · #3 Jul 26th, 2006, 18:31

LOL, sorry...
it's done now.........

PS.: don't you use firefox? I always use the clean up code function (on any site)

mreine · #4 Jul 26th, 2006, 18:43

I like how the AIS toolbar works in IE. FF is ok, but I'm not a big fan. It's clunky and images take forever to load compared to IE. I can watch each image turn from X's to images in FF.

(puts on fire protection for the heat I'm about to receive)

mreine · #5 Jul 26th, 2006, 18:54

Wow man, you have quite a maze of css code going on there. I would like to help, but it's going to take some time to decipher all that. Not sure when I can get to it.

spinal007 · #6 Jul 26th, 2006, 19:11

The banners: yeah, still need to optimize those..........
The round corner boxes: it may seem the images talke a while to load, but they only load after the page has finished loading (a script dynamically sets the background)

But anyway, DUDE, this isn't up for critique!

Focus!
All the css you need is on my first post...

------

Quote:

Originally Posted by mreine

(puts on fire protection for the heat I'm about to receive)

ROFLMAO!

mreine · #7 Jul 26th, 2006, 21:31

I wasn't refering to your page, I was refereing to FF in general being a slower and crappier browser. All I hear is how great FF is, but it always sucks when I use it. That's why I was going to put on the fire protection to take the heat from all the FF lovers!

moojoo · #8 Jul 27th, 2006, 16:01

It runs better under Linux and OS X than Windows unfortunately but its due to Windows not FF code imo. Although under OS X it doesn't quite fit the OS X Human Interface Guidelines but I like using it anyway.

spinal007 · #9 Jul 27th, 2006, 16:38

Oh, stupid me, completelly mis-read your post. Anyway...

You might be interested to know that 2 weeks ago I decided to switch altogether to FF. It's now my default browser and I don't think I'll be going back.

What you need are some nice extensions and you'll fall in love with it, I guarantee it!

PS.: I'll post urls here in a minute....

moojoo · #10 Jul 27th, 2006, 17:31

The extensions are simply awesome. very handy. Not sure why I like it more than Safari but eh I just do.

spinal007 · #11 Jul 27th, 2006, 18:09

Almost forgot, LOL

1. JSView: Debugging and source code stuff...
2. Total Validator: as the mane suggests...
3. Firebug: Debugging and source code stuff...
4. GMail Manager: pretty neat...
5. WebDeveloper toolbar: YOU MUST HAVE THIS
6. IE Tab: Let's you see pages in FF using the IE engine. It's IE and Firefox in one.
7. SEOpen: neat SEO tools

and a few other beauties.... check the plugins page:
https://addons.mozilla.org/

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Using a list for navigation, can you center a list?	tonyb	Web Page Design	4	May 9th, 2008 17:26
2 Drop down list - auto select depending on choice from first list	ciaranleeper	JavaScript Forum	0	Mar 26th, 2008 12:38
Spacing between list items incorrect when span tag is used in a list item...	MikeTheVike	Web Page Design	5	Apr 18th, 2007 02:52
menus in css	cressy	Web Page Design	12	Apr 15th, 2007 13:42
menus	benbacardi	JavaScript Forum	5	Jun 29th, 2004 10:31

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
CSS list menus