473,703 Members | 2,375 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

Help taming lists needed

Howdy all,

After following a tutorial on ALA (taming lists) I converted my
navigation box from a table to a list. Generally very happy with it with
the exception of IE6 on the Win platform (haven't tested earlier
versions of IE on Win)

On IE6 for Win the <li>'s are spaced apart vertically, almost looks as
though there is an additional blank line between each one.
URL is: http:www.slidenight.com
Screenshots (Mac - how it should be):
http://www.slidenight.com/temp/iemac.jpg
http://www.slidenight.com/temp/moz1.4.jpg
http://www.slidenight.com/temp/camino07.jpg
http://www.slidenight.com/temp/mozfirebird.jpg
http://www.slidenight.com/temp/safari.jpg

the navigation box comes from an include:
http://www.slidenight.com/includes/navbox.php

stylesheet is at:
http://www.slidenight.com/styles/layout1.css

Any help in getting it right for IE6 win (and lower versions if the same
problem exists) would be much appreciated.

Cheers

Jon

Jul 20 '05 #1
9 1951
lists(nospam)at wrote:
Howdy all,

After following a tutorial on ALA (taming lists) I converted my
navigation box from a table to a list. Generally very happy with it with
the exception of IE6 on the Win platform (haven't tested earlier
versions of IE on Win)

On IE6 for Win the <li>'s are spaced apart vertically, almost looks as
though there is an additional blank line between each one.
URL is: http:www.slidenight.com
Screenshots (Mac - how it should be):
http://www.slidenight.com/temp/iemac.jpg
http://www.slidenight.com/temp/moz1.4.jpg
http://www.slidenight.com/temp/camino07.jpg
http://www.slidenight.com/temp/mozfirebird.jpg
http://www.slidenight.com/temp/safari.jpg

the navigation box comes from an include:
http://www.slidenight.com/includes/navbox.php

stylesheet is at:
http://www.slidenight.com/styles/layout1.css

Any help in getting it right for IE6 win (and lower versions if the same
problem exists) would be much appreciated.

Cheers

Jon

Remove all the spaces between </li> and <li> also line-breaks. You code
will look horrible, but it will work.

If you don't want this, you will have to use a border-bottom.

--
Anne van Kesteren
<http://www.annevankest eren.nl/>
Jul 20 '05 #2
In article <bp**********@r eader11.wxs.nl> ,
Anne van Kesteren <ma**@annevanke steren.nl> wrote:
Remove all the spaces between </li> and <li> also line-breaks. You code
will look horrible, but it will work.


This may also work, but will look less horrible:

<ul><
li>item</li><
li>item</li><
li>item</li><
/ul>

--
Kris
kr*******@xs4al l.netherlands (nl)
Jul 20 '05 #3
Kris wrote:
This may also work, but will look less horrible:

<ul><
li>item</li><
li>item</li><
li>item</li><
/ul>


Or use the proper way to get rid of white space:

<ul><!--
--><li>item</li><!--
--><li>item</li><!--
--><li>item</li><!--
--></ul>

--
Spartanicus
Jul 20 '05 #4
Spartanicus <me@privacy.net > writes:
Kris wrote:
This may also work, but will look less horrible:
|| <ul><
|| li>item</li><

That's illegal, and I think even tagsoup manglers will get confused.
See also:

<http://www.w3.org/MarkUp/SGML/productions.htm l#prod14>
Or use the proper way to get rid of white space:
| <ul><!--
| --><li>item</li><!--

That's bloated for its own sake, and quite unnecessary.

<ul<li
item</li


will do.
--
| ) Eric Bednarz
-(
| ) http://bednarz.nl/
Jul 20 '05 #5
lists(nospam)at wrote:

After following a tutorial on ALA (taming lists) I converted my
navigation box from a table to a list. Generally very happy with it with
the exception of IE6 on the Win platform (haven't tested earlier
versions of IE on Win)

On IE6 for Win the <li>'s are spaced apart vertically, almost looks as
though there is an additional blank line between each one.


Sounds like a box model problem.

The width of the a element, whose display you've set to "block," is
auto by default. But IE/Win screws up width: auto, inserting an extra
line. Thus, you need to set the width to 100%. That will cause the a
elements to stick out on browsers that get the box model correct.
Thus, override it using the child selector, which you already have.

html>body #navbox li a {
width: auto;
}

BTW, please get rid of the css instructions that call for micro fonts.
I have already chosen a font-size that works for me, thank you. And
never use px for font size, as IE/Win does not allow users to resize
the text.

--
Brian
follow the directions in my address to email me

Jul 20 '05 #6
It seems to me that the CSS and HTML can be simplified and achieve the
desired effect by doing away with the list. As is, the CSS turns off
the list style and the anchor becomes a block element, so I don't see
the purpose served by using "ul" and "li" tags.

Instead, put the anchors inside of "divs". Or just use anchors with
"br"s between.
Jul 20 '05 #7
Jeff Gutsell wrote:
It seems to me that the CSS and HTML can be simplified and achieve the
desired effect by doing away with the list. As is, the CSS turns off
the list style and the anchor becomes a block element, so I don't see
the purpose served by using "ul" and "li" tags.

Instead, put the anchors inside of "divs". Or just use anchors with
"br"s between.


I wonder why no one came up with that before. O wait, he forgot about
accessibility (and backwards-compatibility).

--
Anne van Kesteren
<http://www.annevankest eren.nl/>
Jul 20 '05 #8

"Jeff Gutsell" <je*********@fu se.net> wrote in message
news:27******** *************** ***@posting.goo gle.com...
I don't see
the purpose served by using "ul" and "li" tags.


I think the purpose is that those who must use a browser that won't execute
our lovely designs ought to see a nicely formatted list instead of a
meaningless formatless list of words.

By your thinking, h1 thru h6 and p are all the same too. I can format p's to
be 24pt and boldface and h1s to be 10pt and justified in a paragraph. To the
majority of viewers it wo=ill look ok, To those who require the text to be
marked for what it is so their browser can present it in a way it makes
sense, it will look stupid.

We use h1, p, ul and table for what they are because that's what they are
meant to do. Because that blind guy who happens along that site with his
speech browser might be the guy to make you rich if the site appeals to him.
Jul 20 '05 #9
(I got a server error when I tried to submit this before. Hope it
doesn't post twice.)
Thanks for the explanation. I certainly agree with supporting
accessibility conventions. My wife is blind and works in the field of
inclusion. I've seen firsthand the frustration of trying to use poorly
designed pages.\

Of course, HTML elements should be used for their intended,
fundamental purposes. I just hadn't thought that there are any
elements that really are natural fits for a table of contents. It
makes sense now that I think of it.
Jul 20 '05 #10

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

Similar topics

0
3549
by: Jimmy Cerra | last post by:
I recently came up with a cool little stylesheet for definition lists. There is a small demostration for the impatient . I hope this helps someone. Here's how I did it. Definition lists are usually styled something like: ] Term ] A tab of white space followed by the definition ] By
7
1806
by: Christian Christmann | last post by:
Hi, in the past I always appreciated your help and hope that you also can help me this time. I've spent many many hours but still can't solve the problem by myself and you are my last hope. I've a program which is using self-written double-linked lists as a data structure. The template list consists of list elements and the list itself linking the list elements.
1
2052
by: prime80 | last post by:
I'm building a project database to keep track of the various engineering projects ongoing in our department. These projects will be grouped by priority (=High, Medium, Low) and ranked within the priority (=1,2,3,etc.). What I'd like for it to do is automatically update rankings when a project rank is changed, a new project comes in, or a project is completed. For example, let's say there are 4 high priority projects. If High #2 is...
0
1643
by: aredo3604gif | last post by:
I have coded a serie of singly linked lists in ANSI C which I have to use. The lists are then stored in a serie of buckets with chained hash table technique. In the various lists there are nodes that carry the same type of data in some of their node fields and some don't. In the various nodes , the struct datatype, there is a flag set to 1 for items that I need to remove. In the removing condition I have to add another match with an...
4
363
by: Shane D. | last post by:
I have tried contacting the list owner, but nobody responds so I am knowingly sending administrative mail to the list. Sorry folks. For months, particularly since February, I have been receiving e-mail that is out-of-date. Since they are relatively old (weeks to months) I cannot say whether or not they are duplicates. A copy of such an e-mail I just received this morning is attached along its headers. Note that postgresql.org...
8
1683
by: rh0dium | last post by:
Hi all, I am using python to drive another tool using pexpect. The values which I get back I would like to automatically put into a list if there is more than one return value. They provide me a way to see that the data is in set by parenthesising it. This is all generated as I said using pexpect - Here is how I use it.. child = pexpect.spawn( _buildCadenceExe(), timeout=timeout) child.sendline("somefunction()")
2
3565
by: Cox | last post by:
Hello: My address jsmith435@cox.net is subscribed to at least the PHP General mailing list. I have for days now been trying to unsubscribe from all PHP mail lists. I have followed the instructions posted on the php.net web site but all my e-mails go unresponded to. I've tried contacting the webmaster as well as the admin address posted but all to no avail. I've tried using the link provided in each message to unsub but again no...
51
8626
by: Joerg Schoen | last post by:
Hi folks! Everyone knows how to sort arrays (e. g. quicksort, heapsort etc.) For linked lists, mergesort is the typical choice. While I was looking for a optimized implementation of mergesort for linked lists, I couldn't find one. I read something about Mcilroy's "Optimistic Merge Sort" and studied some implementation, but they were for arrays. Does anybody know if Mcilroys optimization is applicable to truly linked lists at all?
12
2049
by: Lars Eighner | last post by:
I take this example from a writer in alt.usage.english <news://r3jie3p93s1eaflgcckn2hinf3li4mnfud@4ax.com>, where the question of whether the "and" is required came up strictly as an issue of English usage, because it illustrates a recurring problem in HTML markup. How should this be marked up? Yes, generally, "Bob went to the store..." is marked up in P and the items as LI in OL. But logically, the list belongs to the paragraph. ...
0
8662
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...
0
9244
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. Here is my compilation command: g++-12 -std=c++20 -Wnarrowing bit_field.cpp Here is the code in...
0
9111
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth. The Art of Business Website Design Your website is...
1
9004
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...
0
8961
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...
1
6585
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 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 a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms. Adolph will...
0
5922
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert into image. Globals.ThisAddIn.Application.ActiveDocument.Select();...
0
4421
by: TSSRALBI | last post by:
Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...
0
4679
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?

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.