I am getting an unwanted space on my html document between Macellolophus rubromarginatus and
Fam. Paradoxosomatidae (syn. Strongylosomatidae, Strongylosomidae). Can anyone tell me how to get rid of it.
Thanks
<p><strong><font color="#000099">Ord.
Polydesmida</font></strong></p>
<ul><li> Fam. Chelodesmidae</li>
<li>Fam. Xystodesmidae (syn. Devilleidae)
<ul>
<li>Gen.<em> Macellolophus</em>
<ul>
<li><em>Macellolophus rubromarginatus</em> Lucas 1846</li>
</ul>
</li>
</ul>
</li>
<li>Fam. Paradoxosomatidae (syn. Strongylosomatidae, Strongylosomidae)
<ul>
<li>Gen. <em>Boreviulisoma </em></li>
</ul>
</li>
unwanted space in html ul li
Moderator: General Moderators
Maybe try this...
Code: Select all
<p align="left"><strong><font color="#000099">Ord.
Polydesmida</font></strong></p>
<ul>
<li> Fam. Chelodesmidae</li>
<li>Fam. Xystodesmidae (syn. Devilleidae)</li>
<li>Gen.<em> Macellolophus</em>
<ul>
<li><em>Macellolophus rubromarginatus</em> Lucas 1846</li>
</ul>
</li>
<li>Fam. Paradoxosomatidae (syn. Strongylosomatidae, Strongylosomidae)</li>
<li>Gen. <em>Boreviulisoma </em></li>
</ul>Try something Like this... should work for you if don't have any specific reasons for not using table.... 
Code: Select all
<table width="600" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><strong><font color="#000099">Ord. Polydesmida</font></strong> </td>
</tr>
<tr>
<td><ul>
<li> Fam. Chelodesmidae</li>
<li>Fam. Xystodesmidae (syn. Devilleidae)</li>
<li>Gen.<em> Macellolophus</em>
<ul>
<li><em>Macellolophus rubromarginatus</em> Lucas 1846</li>
</ul>
</li>
<li>Fam. Paradoxosomatidae (syn. Strongylosomatidae, Strongylosomidae)</li>
<li>Gen. <em>Boreviulisoma </em></li>
</ul></td>
</tr>
</table>Except that there's no reason to use a table in that situation.
By default, unordered lists are indented and have vertical margins. You can change this by redefining them in your style sheets. For instance:
If you want to start over from scratch and build it to look how you want:
You can also apply these and other style rules to LI elements.
By default, unordered lists are indented and have vertical margins. You can change this by redefining them in your style sheets. For instance:
Code: Select all
ul { padding: 0px; margin: 0px; }Code: Select all
ul { list-style: none }