Can anybody solve what I thought was a simple issue. I have some generated dynamic code (html shown below) that depending on what option is chosen there may not be a value between some of the <li></li> tags. Safari and firefox closes this up as if there was no text there, which is what I want. But in IE6 (i've not checked IE7 yet) the space remains there.
In IE6 it looks like:
text 1


text 2

but I need it to be

text 1
text 2

I've been trying to figure out how. I think I've tried everything. Thanks people.

<style>
ul {
	list-style: none;
}

li {
	padding: 0;
}
</style>

<ul>
	<li>Text 01</li>
	<li></li>
	<li></li>
	<li>text 02</li>
</ul>

Since you're generating the text dynamically couldn't you generate the html dynamically as well?

That way you add logic to only generate the list items if there's text to fill between.

Did you check for multiple <p> tags or <br> tags? That seems to be the issue, but maybe not. Double check your html for <p> or <br> tags.

Originally Posted by vangogh

Since you're generating the text dynamically couldn't you generate the html dynamically as well?

That way you add logic to only generate the list items if there's text to fill between.

I took your advice and just used

PHP Code:

<?php
if ($value != "") {
?>
<li>
<?php
}
?>

etc

ta

I take it that worked. Glad to help if I did indeed help.