Quick coding help...

Reply Subscribe

Thread Tools

Search this Thread

Jan 19, 2007 | 07:31 AM

Cebby

Thread Starter

Registered User

Joined: Sep 2002

Posts: 11,199

Likes: 2

From: Pittsburgh, PA

Quick coding help...

I have a website I've been working on for a while now - it is nearly complete.

I have a small nagging problem that I can't seem to cure here.

When you do an unordered list <ul> and have a bit of text above it, the code automatically puts an extra blank line in between the unordered list and the text above it.

I need to figure out how I can eliminate that extra line on the page at the link attached.

Between lines "Adjoining..." and "Oversized..."

http://www.villabellavita.com/index....d=16&Itemid=33

Thanks in advance.

My workaround was putting everything in a table as I did on "Maps & Proximities" page.

Jan 19, 2007 | 07:43 AM

garrett1478

Banned

Joined: Jan 2005

Posts: 0

Likes: 0

Quote:

Originally Posted by Cebby

My workaround was putting everything in a table as I did on "Maps & Proximities" page.

that's what i was going to suggest...but i dont really know enough about HTML to know any other solution.

Jan 19, 2007 | 08:31 AM

jsnby

Contributing Member

Joined: Nov 2005

Posts: 486

Likes: 0

From: Glendale, CA

try this(i broke up the lines so I could read it better):

Code:

<p>All Bedroom Suites Include:</p>
<ul style="margin-bottom: 0px; padding-bottom: 0px">
  <li>Adjoining Bathrooms luxuriously appointed with: </li>
</ul>
<ul style="margin-top: 0px; padding-top: 0px">
  <ul>
    <li>Oversized showers with multiple shower heads on main level</li>
    <li>Double sinks on main level</li>
    <li>French soaps and spa toiletries</li>
  </ul>
  <li>Custom Walk-in closets equipped with electronic safes </li>
  <li>Flat Screen TVs - Satellite Service</li>
  <li>....</li>
</ul>