My line spacing in nested lists is wrong, why?

Guest · Oct 25, 2006

In a large table cell, I am trying to create a bulletted list within a
bulletted list, using the basic <ul> and <li> tags. Whenever I attempt it,
two problems occur:
1. The first entry in the nested list is too close to the entry above it,
barely even two or three pixels of clearance.
2. Between the last entry in the nested list and the next entry in the
original list, there is a large gaping space between them, almost the size of
a full line, but not quite.

I examined the coding for all of the list, and there was nothing out of
place, no extra tags, no extra or missing spaces or breaks, and I even
attempted adding a few spaces and breaks to solve it. It didn't help.
Playing around with the list properties CAN remove the bottom whitespace, but
not the lack of space at the top.

Any help would be extremely appreciated. The code I am using is below:

<ul>
<li><a href="../../units/program/training.html">Introduction to Air Pollution Control</a></li>
<li><a target="_blank"
href="../../docs/units/program/training/risk_based_air_toxics.ppt">Risk-Based Air Toxic Training Course</a></li>
<li><a href="../../docs/general/training/CD%20library.xls">AMS Training CD Library</a> (Click here to see a list of available training disks)</li>
<ul>
<li><a
href="../../docs/general/training/CD%20library/BACT%20Workshop"
target="_blank">BACT Determination Workshop</a></li>
<li><a target="_blank"
href="../../docs/general/training/CD%20library/VOC%20Emissions">Evaluating Petroleum Industry VOC Emissions</a></li>
<li><a target="_blank"
href="../../docs/general/training/CD%20library/Get%20On%20Board">Get On Board!</a></li>
<li><a target="_blank"
href="../../docs/general/training/CD%20library/Guide%20to%20MARAMA/homepage.html">Guide to Mid-Atlantic Regional Air Quality MARAMA</a></li>
<li><a target="_blank"
href="../../docs/general/training/CD%20library/Particulate%20Emission%20Inventories">Preparation of Fine Particulate Emission
Inventories</a></li>
</ul>
</li>
<li><a href="../../docs/general/training/selfstudy.xls"
target="_blank">Taped or Self Study Courses</a></li>
<li><a href="../../docs/general/training/VIDEOS.doc">Asbestos Unit Video List</a></li>
</ul>

Stefan B Rusynko · Oct 26, 2006

1) Add a css style in the head section to remove the built in margins of the UL tags

<style type="text/css">ul { margin-top: 0px;margin-bottom: 0px;}</style>

2) Malformed code - Should be

<ul>
<li><a href="../../units/program/training.html">Introduction to Air Pollution Control</a></li>
<li><a target="_blank" href="../../docs/units/program/training/risk_based_air_toxics.ppt">Risk-Based Air Toxic
Training Course</a></li>
<li><a href="../../docs/general/training/CD%20library.xls">AMS Training CD Library</a>
(Click here to see a list of available training disks)
<ul>
<li><a href="../../docs/general/training/CD%20library/BACT%20Workshop" target="_blank">BACT Determination
Workshop</a></li>
<li><a target="_blank" href="../../docs/general/training/CD%20library/VOC%20Emissions">Evaluating Petroleum
Industry VOC Emissions</a></li>
<li><a target="_blank" href="../../docs/general/training/CD%20library/Get%20On%20Board">Get On
Board!</a></li>
<li><a target="_blank" href="../../docs/general/training/CD%20library/Guide%20to%20MARAMA/homepage.html">Guide
to Mid-Atlantic Regional Air Quality MARAMA</a></li>
<li><a target="_blank" href="../../docs/general/training/CD%20library/Particulate%20Emission%20Inventories">Preparation of Fine Particulate Emission Inventories</a></li>
</ul>
</li>
<li><a href="../../docs/general/training/selfstudy.xls" target="_blank">Taped or Self Study
Courses</a></li>
<li><a href="../../docs/general/training/VIDEOS.doc">Asbestos Unit Video List</a></li>
</ul>

PS
Remove all spaces from file/folder names - will break your links

--

_____________________________________________
SBR @ ENJOY (-: [ Microsoft MVP - FrontPage ]
"Warning - Using the F1 Key will not break anything!" (-;
To find the best Newsgroup for FrontPage support see:
http://www.frontpagemvps.com/FrontPageNewsGroups/tabid/53/Default.aspx
_____________________________________________

| In a large table cell, I am trying to create a bulletted list within a
| bulletted list, using the basic <ul> and <li> tags. Whenever I attempt it,
| two problems occur:
| 1. The first entry in the nested list is too close to the entry above it,
| barely even two or three pixels of clearance.
| 2. Between the last entry in the nested list and the next entry in the
| original list, there is a large gaping space between them, almost the size of
| a full line, but not quite.
|
| I examined the coding for all of the list, and there was nothing out of
| place, no extra tags, no extra or missing spaces or breaks, and I even
| attempted adding a few spaces and breaks to solve it. It didn't help.
| Playing around with the list properties CAN remove the bottom whitespace, but
| not the lack of space at the top.
|
| Any help would be extremely appreciated. The code I am using is below:
|
| <ul>
| <li><a href="../../units/program/training.html">Introduction to Air Pollution Control</a></li>
| <li><a target="_blank"
| href="../../docs/units/program/training/risk_based_air_toxics.ppt">Risk-Based Air Toxic Training Course</a></li>
| <li><a href="../../docs/general/training/CD%20library.xls">AMS Training CD Library</a> (Click here to see a list of available training disks)</li>
| <ul>
| <li><a
| href="../../docs/general/training/CD%20library/BACT%20Workshop"
| target="_blank">BACT Determination Workshop</a></li>
| <li><a target="_blank"
| href="../../docs/general/training/CD%20library/VOC%20Emissions">Evaluating Petroleum Industry VOC Emissions</a></li>
| <li><a target="_blank"
| href="../../docs/general/training/CD%20library/Get%20On%20Board">Get On Board!</a></li>
| <li><a target="_blank"
| href="../../docs/general/training/CD%20library/Guide%20to%20MARAMA/homepage.html">Guide to Mid-Atlantic Regional Air Quality MARAMA</a></li>
| <li><a target="_blank"
| href="../../docs/general/training/CD%20library/Particulate%20Emission%20Inventories">Preparation of Fine Particulate Emission
| Inventories</a></li>
| </ul>
| </li>
| <li><a href="../../docs/general/training/selfstudy.xls"
| target="_blank">Taped or Self Study Courses</a></li>
| <li><a href="../../docs/general/training/VIDEOS.doc">Asbestos Unit Video List</a></li>
| </ul>
|

Guest · Oct 26, 2006

Thank you very much. The css style is what fixed it, with an adjustment of
3px for the top margin.

text not displaying right in boxes at less than 1024 res, why?	4	Dec 16, 2006
FrontPage Form Problem	1	Oct 7, 2004
any ideas why I can update one table in my database but not the other?	2	Sep 22, 2006
Rollover in 2nd column	1	May 5, 2008
External data from HTML document	2	Dec 12, 2009
http://drpcdr.ca	4	Oct 29, 2005
Script Help Needed	1	Feb 10, 2005
Codes Showing through in Browser	10	Nov 24, 2003

My line spacing in nested lists is wrong, why?

Guest

Stefan B Rusynko

Guest

Ask a Question

Similar Threads