bulleted text line spacing

[werstin]

I have a bulleted (unordered) list. Where there is text that wraps to more lines, the last text line usually has a larger line space above it than the rest of the lines. How do I fix this?

I am using FrontPage & Dreamweaver and have an advanced knowledge of HTML code.

This problem also comes up intermittently with paragraphed text. The final line of text has a larger space above it than the other lines. When this happens, I fix it by sticking a </p> code at the end of the text. This doesn't work with the bulleted text. It just makes a larger space between the the bullets.

Does anyone know how to fix this? Many thanks!!!

[Jick]

I use frontpage sometimes as well and I have done some extensive searching on the net about this exact problem and it seems that this is a problem with frontpage itself and not your HTML code. Hope that helps. :D

[werstin]

Thanks. It seems that it happens with DreamWeaver too.

Does anyone know of a work-around?

[Vladdy]

...Just out of curiousity: if you have an "advaced knowledge of HTML", why bother with FrontPage and DreamWeaver :confused: :confused:

As far as your problem goes, it is hard to tell without seeing the code. Post a link or snippet that shows the described behavior.

[werstin]

:rolleyes: its ok to be lazy, right?

[werstin]

snippet of the code:


<ul>
<li><font face="Verdana, Arial, Helvetica, sans-serif" color="#666666" size="1">Customer
Relationship Management System (CRM) - allows representatives
to document customer interactions and assist with problem resolution
during future callbacks.&nbsp; Issues are categorized for clients
to help identify problem areas.&nbsp; In addition, clients have
web-based access to monitor trouble tickets at any time.</font></li>

<li><font face="Verdana, Arial, Helvetica, sans-serif" color="#666666" size="1">Remote
silent monitoring - upon request, client engineers and management
can listen to interactions between support representatives and
customers, from the client's office.</font></li>

<li><font face="Verdana, Arial, Helvetica, sans-serif" color="#666666" size="1">System
monitoring - we are able to monitor the ISP client's network to
determine system status.</font></li>

<li><font face="Verdana, Arial, Helvetica, sans-serif" color="#666666" size="1">Internet
Connection Wizard - an ideal program for an ISP switch-over, this
software fits conveniently on a floppy disk and automatically
updates the user's settings for DNS servers, email servers, and
email address.&nbsp;</font></li>
</ul>

[Vladdy]

font tag was depreciated eons ago ("advanced knowledge of HTML", huh?) .... start by removing it and using CSS.
With WYSI!WYG editors you may save some time laying things out, but then waste twice as much for debugging. I would call this being masochistic, not lazy...

[nkaisare]

Use stylesheets and throw away those <font> tags

li { font-family: Verdana, Arial, Helvetica, sans-serif;
color: #666; font-size: 10px;
margin-top: 0px; margin-bottom: 0px;
padding: 0px }

Its not clear to me what your problem is. If you want additional space between two list items, use margin-top: 10px or something. Just play around with margin and padding to get the effect you desire.

[Kelley Poulos]

Even though it is deprecated, the font tag shouldn't be affecting only part of the block it surrounds. What browser(s) show the extra space?

[Robert Wellock]

It sounds to me that the list is defining terms; on a semantic level therefore it would be better served as a 'definition list' rather than unordered.

A link to the page in question may help with diagnostics since the list itself doesn't tell the whole story.