li display none in Netscape 7.2 mac

[benv]

Hi

I'm relatively new to css2, but have done a lot of reading and testing so far.

I have a problem with having my radio buttons displayed like paragraphs not inline

I tried
li
{
display :none
}

[benihana]

li > list item, not a radio button.

the syntax for inline is

display:inline;

good luck

[DrDoc]

Welcome to WebmasterWorld!

Are you talking about radio buttons in forms, or do you mean the bullets on list items?

display: none

will cause an element not to be displayed at all. Instead, what you want to try is

display: inline

, assuming you're going for something like this:

• item1 • item2 • item3

[benv]

What I want is
my radio buttons (of a form) displayed each on a different line, not inline.

not see bullets of list if I have to make one

I had understood it's best not to use <br> but rather something like <li> displayed none

[benihana]

do you meanu some thing like:

css:

li {
list-style-type:none;
}

html:
<ul>
<li>
<input name="" type="radio" value="" />
</li>
<li>
<input name="" type="radio" value="" />
</li>

etc etc?

[SuzyUK]

Hi benv - Welcome to WebmasterWorld!

could you possibly give us a snippet of your HTML?

You could put your checkboxes within a list <li> which would mean they would automatically display each on a new line. I'm not understanding where the display: none; comes into this, possibly it's just a cross in terminology, but some code will help.

If you want to remove the bullets from the list
use

ul {
list-style: none;
}

on the actual list element (ul) itself..

Thx
Suzy

benihana types quicker hehe ;)

[benv]

Thanks a lot everyone

I think I was confusing the "display : none" with the "list-style: none", which works perfectly well for my purpose

While I'm there, could someone tell me if it's ok to use <br> for ordinary line breaks in CSS, as this is what I would have done if I had used tables

in CSS
li {
list-style: none;
}

<div id="sondage">
Utilisez vous ...
<form>
<li><input type="radio" name="sondage" value="souvent" class="row">Souvent</li>
<li><input type="radio" name="sondage" value="jamais" class="row">Jamais</li>
<li><input type="radio" name="sondage" value="toujours" class="row">toujours</li>
</form>

</div>

with standard html
I would have written

<form>
<input type="radio" name="sondage" value="souvent" class="row">Souvent<br>
<input type="radio" name="sondage" value="souvent" class="row">Souvent<br>
<input type="radio" name="sondage" value="souvent" class="row">Souvent<br>
</form>