473,326 Members | 2,125 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,326 software developers and data experts.

Horizontal List

Having a bit of trouble.

http://users.rcn.com/neal413/horizlisttest.html

Because of design restraints, I need to follow a 100% wide header section
with a div. The background color of the nav-containing content element
needs to be different, but I'd like the nav to butt up against the header
and look seamless.

In the test example given, the addition of line-height: 2; causes a gap in
IE. Eliminating it means the "buttons" overlap in all browsers if they
wrap.

Ideas? Goal is to not have a gap in IE and allow "buttons" to wrap without
overlap. I might just be overlooking something stupid.
Jul 21 '05 #1
2 2661
Neal wrote;
Having a bit of trouble.

http://users.rcn.com/neal413/horizlisttest.html I'd like the nav to butt up against the header
and look seamless. In the test example given, a gap in IE. Ideas? Goal is to not have a gap in IE and allow "buttons" to wrap without
overlap. I might just be overlooking something stupid.


Eliminating position:relative on #localnav eliminates the cap.

Tested using IE6 for Win

KISS.
--
Lauri Raittila <http://www.iki.fi/lr> <http://www.iki.fi/zwak/fonts>
Jul 21 '05 #2
On Sat, 23 Oct 2004 01:22:29 +0300, Lauri Raittila
<la***@raittila.cjb.net> wrote:
Neal wrote;
Having a bit of trouble.

http://users.rcn.com/neal413/horizlisttest.html

I'd like the nav to butt up against the header
and look seamless. In the test example given, a gap in IE.

Ideas? Goal is to not have a gap in IE and allow "buttons" to wrap
without
overlap. I might just be overlooking something stupid.


Eliminating position:relative on #localnav eliminates the cap.

Tested using IE6 for Win

KISS.


Actually, removing that screws other layout things up in the full version.
I added some top padding onto the ul, that seems to have fixed it.
Jul 21 '05 #3

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

Similar topics

7
by: addled | last post by:
Hi there, after reading posts here for a few months, I've built the courage to see if someone can see where I"m going wrong in the webpage I've been working on. In particular the horizontal nav...
1
by: Peter Mount | last post by:
Hi When I zoom into my site (http://www.petermount.au.com) with Opera 7.54 the horizontal scrollbar doesn't show when the site image is bigger than my screen. Yet the horizontal scrollbar shows...
2
by: Dan V. | last post by:
Why is there a large space before the background image (horizontal orange line under top NAV horizontal CSS list buttons) in Internet Expolorer 6 only? http://www.officeactivate.com/fish ...
4
by: Mark Reed | last post by:
Hi Guru's, Hopefully I can explain this OK.....What I am trying to do is create a QC check sheet using the following fields: ASN, PO & Qty. This information will be at the top of each report with...
5
by: Chris Beall | last post by:
Objective: Using an HTML list, create a horizontal nav menu with these characteristics: - All menu items have the same width at all times. - When the window width is reduced, the menu items...
9
by: Verona Busch | last post by:
Hi everybody, I am very happy to find this group. I am searching for a solution to make a horizontal list menu with submenu on hover. I found a lot of examples for horizontal lists which open...
9
by: patrick j | last post by:
Hi I've just discovered that IE 7 messes up horizontal lists. I've done a bit of searching the web but a solution has not sprung forth from this searching. Below is a url with a horizontal...
2
by: pbd22 | last post by:
Hi. I am trying to make a horizontal list that counts (downward) and a horizontal list that illustrates the time. Both list should be formatted the same (except for the nomenclature). I seem to...
1
by: Red Head | last post by:
Hello :) I would like to have an horizontal image list where you can drag and drop the images to reorder them (like slide reorder in powerpoint, but then in an horizontal way) so i had a look...
12
by: ryrocks | last post by:
Hello everyone! Im having a little trouble with my horizontal scrolling set of video thumbnails. I've got 6 video thumbnails that the user scrolls through horizontally, I've got this working...
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...
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...
1
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...
1
by: Shællîpôpï 09 | last post by:
If u are using a keypad phone, how do u turn on JavaScript, to access features like WhatsApp, Facebook, Instagram....
0
by: af34tf | last post by:
Hi Guys, I have a domain whose name is BytesLimited.com, and I want to sell it. Does anyone know about platforms that allow me to list my domain in auction for free. Thank you
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...
0
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 3 Apr 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome former...

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.