My line spacing in nested lists is wrong, why?

R

redemption2

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

Stefan B Rusynko

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

redemption2

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

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Top