473,320 Members | 1,865 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,320 software developers and data experts.

Help needed styling menu

Hi guys,

I am trying to build a simple menu. See

http://jupiter.ianhobson.co.uk/msc/index.htm

It looks how I want in FF and Safari, but IE6 is not playing nice. It is
adding space between the <lielements.

Anyone know why and/or how to fix it?

BTW - the rather excessive markup of wrappers etc is to get the width
constrained between a max and min. The min width stops the layout
breaking and the max is to stop very long lines of text that are hard to
read. It works. (See layout.css) but I have disabled some parts I am not
using to prove they were not interfering with the menu.

Thanks for your input.

Ian

p.s. The page validates HTM 4.01 strict. I haven't checked the css - the
W3 validator has been down all weekend.
Oct 1 '07 #1
3 1429
Ian Hobson wrote:
>
http://jupiter.ianhobson.co.uk/msc/index.htm

It looks how I want in FF and Safari, but IE6 is not playing nice. It is
adding space between the <lielements.

Anyone know why and/or how to fix it?
Adjust the padding and margins of the <uland <lielements. IE has a
slightly different take on those spacings than other browsers.
BTW: the bottom color of background.png does not match the background color.

--
jmm (hyphen) list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)
Oct 1 '07 #2
JL
Ian Hobson wrote:
Hi guys,

I am trying to build a simple menu. See

http://jupiter.ianhobson.co.uk/msc/index.htm

It looks how I want in FF and Safari, but IE6 is not playing nice. It is
adding space between the <lielements.

Anyone know why and/or how to fix it?
Yes. It's a stupid bug in IE that adds unwanted whitespace after the
closing li elements. A simple way to fix this is to mark up the list
like this:

<ul class="depth1">
<li class="current first"><a
href="/index.htm">Home</a></li><li><a
href="/about.htm">About Olivia</a></li><li><a
href="/contact.htm">Contact Us</a></li></ul>

HTH
Oct 2 '07 #3
JL wrote:
Ian Hobson wrote:
>Hi guys,

I am trying to build a simple menu. See

http://jupiter.ianhobson.co.uk/msc/index.htm

It looks how I want in FF and Safari, but IE6 is not playing nice. It
is adding space between the <lielements.

Anyone know why and/or how to fix it?

Yes. It's a stupid bug in IE that adds unwanted whitespace after the
closing li elements. A simple way to fix this is to mark up the list
like this:

<ul class="depth1">
<li class="current first"><a
href="/index.htm">Home</a></li><li><a
href="/about.htm">About Olivia</a></li><li><a
href="/contact.htm">Contact Us</a></li></ul>
Thank you.

Just the information I needed - and I never thought of taking that
approach. And as the pages are all generated, I can even fix them using
the generator!

Thanks again.

Ian
Oct 4 '07 #4

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

5
by: brett | last post by:
If you render this code, the menu items should align horizontally across the page. If the DIV tag is removed around "Search Library", you'll see what I mean. However, with the DIV tag in place,...
11
by: Ian | last post by:
'm hoping someone can help me resolve a problem I am having with stylesheets. I've only just started usinbg them so it's more than likely something similar. Trouble is I don't seem to be able to...
4
by: jereme.goblue | last post by:
The web page at http://www.rossowinspections.com/ has an issue with the left menu. The left menu has 7 links. One of the links doesn't work. Using Firefox 1.5 the Fees link isn't a clickable...
53
by: Paul Watt | last post by:
Hi again, Ok so I've got two new problems with this layout http://www.paulwatt.info/test/turn/ 1) When I increase the width of the Maincontent Div from 73% to 74% to line it up with the right...
1
by: leicklda | last post by:
Hi there, I'm very novice to web design. I'm trying to make a pulldown menu, but the formatting keeps getting screwed up when you roll the mouse over it. Please see www.boundarysys.com for...
1
by: xx75vulcan | last post by:
Howdy! I've got a javascript menu that was handed to me. I believe it was hand coded- but not sure. I need to find a way to specify the font color and size of the menus. Currently, the menu...
1
by: atombee | last post by:
Hi- this is the project that will not end! (sure you've all been there). I had originally purchased a php/css nav bar for the client, but it was buggy as hell, so I decided to do in css, in which I...
15
by: rhino | last post by:
I've put together a prototype of two-tiered CSS tabs that works really well in IE6, IE7, and FF2. It also works very well in Opera 9.27 _except_ that the placement of the lower tier of tabs is...
0
by: DolphinDB | last post by:
The formulas of 101 quantitative trading alphas used by WorldQuant were presented in the paper 101 Formulaic Alphas. However, some formulas are complex, leading to challenges in calculation. Take...
0
by: DolphinDB | last post by:
Tired of spending countless mintues downsampling your data? Look no further! In this article, you’ll learn how to efficiently downsample 6.48 billion high-frequency records to 61 million...
0
by: ryjfgjl | last post by:
ExcelToDatabase: batch import excel into database automatically...
0
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
1
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
0
by: Vimpel783 | last post by:
Hello! Guys, I found this code on the Internet, but I need to modify it a little. It works well, the problem is this: Data is sent from only one cell, in this case B5, but it is necessary that data...
0
by: ArrayDB | last post by:
The error message I've encountered is; ERROR:root:Error generating model response: exception: access violation writing 0x0000000000005140, which seems to be indicative of an access violation...
0
by: CloudSolutions | last post by:
Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
0
by: Faith0G | last post by:
I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.