Lists
It is possible to create lists in the same way as in HTML by making use of the "ol", "ul" and "li" tags. The lists can be nested. The optional "class" parameter allows the use of a desired CSS class. The following examples demonstrate the usage of ordered and unordered lists.
Ordered lists
<ol [class=""]> <li>Element 1</li> <li>Element 2</li> <li>Element 3</li> </ol>
Unordered lists
<ul [class=""]> <li>Element 1</li> <li>Element 2</li> <li>Element 3</li> </ul>
Balazs Halasy (10/03/2005 11:47 am)
Balazs Halasy (28/04/2005 2:32 pm)
Comments
<p> tags in <li> tags?
Tuesday 06 September 2005 7:15:46 am
Nathan Kelly
Is output as this:-
Semantically speaking this is ok but the extra mark-up is not necessary and it now means you need to do more work with CSS to style these links lists that would otherwise be un-necessary. For example:-
I know that is a small issue, but this is most obvious when you need your list items to "display:inline;" or float left or right in pixel perfect fasion. There is also the possibility of issues arising with more complex multiple nested lists. For example I have on occasion seen this scenario poping up:-
Unfortunately this code will not validate as XHTML Strict, however I have only seen this output occur on one or two occasions - in reality I should never get this type of output.
Is there any way around this type of occurrence?
p tags in li tags?
Tuesday 06 September 2005 7:50:47 am
Nathan Kelly
Is output as this:-
Semantically speaking this is ok but the extra mark-up is not necessary and it now means you need to do more work with CSS to style these links lists that would otherwise be un-necessary. For example:-
I know that is a small issue, but this is most obvious when you need your list items to "display:inline;" or float left or right in pixel perfect fasion. There is also the possibility of issues arising with more complex multiple nested lists. For example I have on occasion seen this scenario poping up:-
Unfortunately this code will not validate as XHTML Strict, however I have only seen this output occur on one or two occasions - in reality I should never get this type of output.
Is there any way around this type of occurrence?
Re: p tags in li tags?
Tuesday 06 September 2005 7:51:50 am
Nathan Kelly
Imagine *link is an href""
When using the unordered list as a navigation block Ez has a tendency to wrap an anchor tag in paragraph tags so what should look like this:-
Is output as this:-
Semantically speaking this is ok but the extra mark-up is not necessary and it now means you need to do more work with CSS to style these links lists that would otherwise be un-necessary. For example:-
I know that is a small issue, but this is most obvious when you need your list items to "display:inline;" or float left or right in pixel perfect fasion. There is also the possibility of issues arising with more complex multiple nested lists. For example I have on occasion seen this scenario poping up:-
Unfortunately this code will not validate as XHTML Strict, however I have only seen this output occur on one or two occasions - in reality I should never get this type of output.
Is there any way around this type of occurrence?
Re: Re: p tags in li tags?
Tuesday 06 September 2005 7:56:20 am
Nathan Kelly