Prevent <li></li> collapse if empty

[matthewamzn]

I'm trying to make a table structure with lists. When there is nothing between <li></li> it seems to collapse. Is there a way to maintain it's width?

[D_Blackwell]

Can you supply a CSS/HTML code sample that replicates the issue? I'm not understanding the reference and difference between 'collapse' and 'maintain its width.?

Could it be, in this case, as simple as:

<li>
&nbsp;
</li>

just to put something in the container?

[matthewamzn]

I'm querying my database and there isn't always a result found. When there isn't a result I can't get CSS to keep the width.

.list1_origin {
width:60px;
display:block;
float:left;
overflow:hidden;
}

<li class="list1_origin">(result from database)</li>

[D_Blackwell]

Outside of my area, but can you handle it from that side? IF - no result found - THEN - and insert some sort of default 'place holder' which would provide the width?

[lighting]

set a "line-height" in your style

[matthewamzn]

I ended up adding a function. I guess css has to have something between the tags in order to set the width.

.list1_origin {
width:60px;
display:block;
float:left;
overflow:hidden;
}

function no_result_space($value) {
if (!isset($value)) {
echo "&nbsp;";
} else {
return $value;
}
}

<li class="list1_origin">no_result_space(some_value)</li>

[alt131]

matthewamzn - just missed you!

From a usability perspective, my first was with D_Blackwell - provide some indication the cell is intentionally "blank". (Although that may be obvious from the other data being displayed.)

Otherwise, simple height should do it. As in height:30px - whatever measurement will apear similar to the visual "line-height" of the <li>'s with content.

[sgietz]

May I ask why you want to display empty results? :)