could LI element be just 1px height ?

[davyzhang]

when I use LI tag as a separator like a line in UL tag

<ul>
<li>line1 </li>
<li id="sep"></li> /*here i wanna make it like a line ,that means 1px
height is ok*/
<li>line2</li>
</ul>
with the css like this one
#sep
{
display:block;
width:180px;
height:1px;
padding:0px;
margin:0px;
line-height:0px;
font-size:0pt;
background-color:#FFFFCC;

}
but both in IE and FF there's a Default height looks like 2px
displayed,can I make it 1px height?

or any other way to display a 1px height line between two li elements ?

thanx a lot!!!

[Johannes Koch]

da*******@gmail.com wrote:

when I use LI tag as a separator like a line in UL tag

<ul>
<li>line1 </li>
<li id="sep"></li> /*here i wanna make it like a line ,that means 1px
height is ok*/
<li>line2</li>
</ul>

Why do you need a separator? Because in reality there are two lists?
Because each list item should be separated from the next? Use
border-bottom or border-top.
--
Johannes Koch
In te domine speravi; non confundar in aeternum.
(Te Deum, 4th cent.)

[Martin Jay]

In message <11*********************@y43g2000cwc.googlegroups. com>,
"da*******@gmail.com" <da*******@gmail.com> writes

when I use LI tag as a separator like a line in UL tag

<ul>
<li>line1 </li>
<li id="sep"></li> /*here i wanna make it like a line ,that means 1px
height is ok*/
<li>line2</li>
</ul> with the css like this one
#sep
{
display:block;
width:180px;
height:1px;
padding:0px;
margin:0px;
line-height:0px;
font-size:0pt;
background-color:#FFFFCC;

}
but both in IE and FF there's a Default height looks like 2px
displayed,can I make it 1px height?

or any other way to display a 1px height line between two li elements ?

Hmmm... How about this instead?

CSS:

#sep
{
width:180px;
border-bottom: 1px solid #FFFFCC;
margin:0px;
}

HTML:

<ul>
<li id="sep">line1 </li>
<li>line2</li>
</ul>
--
Martin Jay

[ironcorona]

da*******@gmail.com wrote:

when I use LI tag as a separator like a line in UL tag

<ul>
<li>line1 </li>
<li id="sep"></li> /*here i wanna make it like a line ,that means 1px
height is ok*/
<li>line2</li>
</ul>

Why don't you just extend the bottom margin of the list item that you
want the separator under?

<ul>
<li style="margin-bottom:1px;">line1</li>
<li>line2</li>
</ul>

where 1px is whatever the default is + 1px
--
ironcorona

[davyzhang]

hehe ok, I get it:)

the reson why I need a separator is coming from my experince of win32
application program desgin,

logically , a menu should have separator as a component

and use bottom or top border is fine, thanx a lot~