asked on

HTML List format

HI Experts,
How do I make
* Take Exit for Dulles Tool Road:
o If traveling South, take exit on right onto Dulles Toll Road
o If traveling North, take exit 45 on left onto Dulles Toll Road
//I do not want this blank line to appear in the webpage//
* Follow Dulles Toll Road Directions

appear as

* Take Exit for Dulles Tool Road:
o If traveling South, take exit on right onto Dulles Toll Road
o If traveling North, take exit 45 on left onto Dulles Toll Road
* Follow Dulles Toll Road Directions

The html code that I use is:
                        <span class="style1">From I-495</span>
                        <ul type="disc">
<li class="style1">Take Exit for Dulles Tool Road:</li>
                          <ul type="circle">
<li class="style1">If traveling South, take exit on right onto Dulles Toll Road</li>
                          <li class="style1">If traveling North, take exit 45 on left onto Dulles Toll Road</li>
                   </ul>
                          <li class="style1">Follow Dulles Toll Road Directions</li>
              </ul>

* Take Exit for Dulles Tool Road:
o If traveling South, take exit on right onto Dulles Toll Road
o If traveling North, take exit 45 on left onto Dulles Toll Road
* Follow Dulles Toll Road Directions

Pratima

     <span>  From I-495</span>
<table><tr><td>
                        <ul type="disc">
                  <li class="style1">Take Exit for Dulles Tool Road:</li>
                          <ul type="circle">
                    <li class="style1">If traveling South, take exit on right onto Dulles Toll Road</li>
                            <li class="style1">If traveling North, take exit 45 on left onto Dulles Toll          Road</li>
                        </ul>
                          <li class="style1">Follow Dulles Toll Road Directions</li>
                  </ul>
</td></tr></table>

Open in new window

ASKER CERTIFIED SOLUTION

eXman_pl

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

eXman_pl

Another thing is to just set the margin to 0 , then you loose control of the indent thought.
Hope this helps

bruno

your code is incorrect, try the attached HTML

in your CSS you'd wnat to do this:

ul ul { margin-top: 0; padding-top: 0; }

that will get nested lists

<span class="style1">From I-495</span>
<ul type="disc">
   <li class="style1">Take Exit for Dulles Tool Road:
      <ul type="circle">
         <li class="style1">If traveling South, take exit on right onto Dulles Toll Road</li>
         <li class="style1">If traveling North, take exit 45 on left onto Dulles Toll          Road</li>
      </ul>
   </li>
   <li class="style1">Follow Dulles Toll Road Directions</li>
</ul>

Open in new window