Forum Moderators: open

Message Too Old, No Replies

Alternative to <li>

         

malasorte

5:53 pm on Nov 9, 2005 (gmt 0)

10+ Year Member



Hello all,

Is there an alternative code to <li>, that will give the same graphic effect (a filled circle) but not requaires the use of <ul>, <ol>, etc. tags.

I want this:

<code>Some text<br>
<code>Some more text<br>

In can use <li> this way but the html doesen't validate...

Thanks!

PhraSEOlogy

8:15 pm on Nov 9, 2005 (gmt 0)

10+ Year Member



Did you use the closing tag </li>?

<li>Some text</li>
<li>Some more text</li>

jetboy

8:24 pm on Nov 9, 2005 (gmt 0)

10+ Year Member



In theory, any element you apply the CSS:

display: list-item;
list-style-type: disc;

to will do what you want, but I doubt you'll get this to work cross-browser. Alternatively, use a background image. However, if the information you're displaying lends itself to a list, then list markup is what you should be using. Why not post your code, and maybe we can get it to validate.

malasorte

10:24 pm on Nov 9, 2005 (gmt 0)

10+ Year Member



Thanks all, I've solved the problem. I've used this little code: &#8226;
In browsers this appears like a small filled circle, exact the same effect that <li> has. And it's valid in HTML 4.01. Yey!

After two days work got all my pages validated, what a nice feeling! This little code was the last thing I needed for a succsesful validation

PhraSEOlogy

10:30 pm on Nov 9, 2005 (gmt 0)

10+ Year Member



malasorte,

Glad to hear you found the solution.