Page 1 of 1

unwanted space in html ul li

Posted: Thu Sep 18, 2003 4:13 am
by jarow
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>

Posted: Thu Sep 18, 2003 4:17 am
by igoy
Little more specific please... I tried using the code you posted.. but couldn't understand what space you are talking about...

Posted: Thu Sep 18, 2003 4:18 am
by igoy
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>

Posted: Thu Sep 18, 2003 4:33 am
by cypher
The only space I can see is between Ord. Polydesmida and the un-ordered list

What browser are you using? ...

Posted: Thu Sep 18, 2003 4:39 am
by igoy
I'm using IE 6; SP1. and NetScape 7.2.

Both of them shows same result when I copied your Code.
Let me see again..

do you Mean to say that you don't want the extra line space between your title (Ord. Polydesmida) and start of your List (Fam. Chelodesmidae).. rite ?

Posted: Thu Sep 18, 2003 4:44 am
by igoy
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>

Posted: Thu Sep 18, 2003 12:15 pm
by Unipus
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:

Code: Select all

ul &#123; padding: 0px; margin: 0px; &#125;
If you want to start over from scratch and build it to look how you want:

Code: Select all

ul &#123; list-style: none &#125;
You can also apply these and other style rules to LI elements.

Posted: Fri Sep 19, 2003 3:09 am
by igoy
now now.... 8O why didn't I thought of that...
very well unipus... thanks for reminding that.... :idea: