My line spacing in nested lists is wrong, why?

redemption2 · 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>
|

redemption2 · Oct 26, 2006

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

CSS Problems	9	Aug 17, 2008
mamt	0	Oct 20, 2008
any ideas why I can update one table in my database but not the other?	2	Sep 22, 2006
FrontPage Form Problem	0	Oct 7, 2004
External data from HTML document	2	Dec 12, 2009
text not displaying right in boxes at less than 1024 res, why?	4	Dec 16, 2006
Frontpage removes javascript after save	6	Jan 2, 2008
pages don't work in Firefox?	2	Jan 12, 2010

My line spacing in nested lists is wrong, why?

redemption2

Stefan B Rusynko

redemption2

Ask a Question

Similar Threads