<ul> & <il> gives 1 more line?

A

affiliateian

I have <ul> & <il> in a cell but after uploading my file, the cell
looks like it has a <br> or 2 at the bottom? Any ideas? I am guessing
it is the CSS. What can I add to it to eliminate the extra lines?
 
L

Leonard Blaisdell

I have <ul> & <il> in a cell but after uploading my file, the cell
looks like it has a <br> or 2 at the bottom? Any ideas? I am guessing
it is the CSS. What can I add to it to eliminate the extra lines?
Click to expand...

URL?

leo
 
D

dorayme

I have <ul> & <il> in a cell but after uploading my file, the cell
looks like it has a <br> or 2 at the bottom? Any ideas? I am guessing
it is the CSS. What can I add to it to eliminate the extra lines?
Click to expand...

You need to use <li> rather than <il>, the latter is known to
give tricky results.

And you can control the line heights and where all goes up to a
point by such things as setting line-height, margins, padding,
list-style-position, styling any containing box the ul might be
sitting in and so on...
 
A

affiliateian

Sorry, they are <li>'s. My typo.

What is the proper syntax for controling margins? I tried this this in
the CDD but nothing happened:

LI { margin: 0; }

When I tried this:

UL { margin: 0; }

it took away the extra line but it also removed all the bullet points.

Can anyone share the proper syntax for the CSS?
 
D

dorayme

Sorry, they are <li>'s. My typo.

What is the proper syntax for controling margins? I tried this this in
the CDD but nothing happened:

LI { margin: 0; }

When I tried this:

UL { margin: 0; }

it took away the extra line but it also removed all the bullet points.

Can anyone share the proper syntax for the CSS?
Click to expand...

That is because the before (default) and after is margin: 0. To
make a big effect, choose some other value. Like -5px? or 20px or
-10px...

But first, try the following and describe exactly - exactly -
what it is you want and maybe someone, even me, can tell you what
to put in the css style (nothing there in the following):

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html>
<head>
<title>A simple list</title>
<meta http-equiv="Content-Type" content="text/html;
charset=ISO-8859-1">

<style type="text/css" title="text/css">
<!--

-->
</style>

</head>

<body>

<ul>
<li>The baffled young trader</li>
<li>The desert crossing</li>
<li>The fork an army faced</li>
<li>Missionaries and cannibals</li>
<li>The missing king</li>
<li>The camel skin trader</li>
<li>The king's daughters</li>
<li>Poo &amp; Piglet take a walk</li>
<li>Three wise men</li>
<li>The liar and the truth teller</li>
</ul>

</body>
</html>
 
?

=?iso-8859-1?Q?Kim_Andr=E9_Aker=F8?=

Sorry, they are <li>'s. My typo.

What is the proper syntax for controling margins? I tried this this in
the CDD but nothing happened:

LI { margin: 0; }

When I tried this:

UL { margin: 0; }

it took away the extra line but it also removed all the bullet points.

Can anyone share the proper syntax for the CSS?
Click to expand...

Try this:

UL { margin-top: 0; margin-bottom: 0; }

That'll keep the side margins to the default.
 
A

affiliateian

This worked:

UL { margin-top: 0; margin-bottom: 0; }

5 stars for you! Thanks again!
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

Styling nested <UL><LI> :( 1
Different font sizes inside same div 2
Working on mobile css menu with plenty of frustration! 2
Help with my responsive home page 2
I need help fixing my website 2
ul li styling 13
Is it possible an iframe can overlapp another? 3
Multi select options in a menu 1

Members online

No members online now.
Total: 33 (members: 0, guests: 33)
Robots: 456

Forum statistics

Threads
473,768
Messages
2,569,574
Members
45,048
Latest member
verona

Latest Threads

Top