嵌套增量列表XHTML + Slidy

时间:2010-07-14 01:29:32

标签: html xhtml nested html-lists xhtml-1.0-strict

我是XHTML的新手,我可以使用一些帮助。我正在使用一个名为“Slidy”的工具来帮助我在网上放一张幻灯片,我想制作一个增量列表,这样当你进行幻灯片放映(点击或按右箭头)时,就会出现下一个项目。这应该是下一个项目是外部列表中的新项目还是嵌套列表中的第一个项目的情况。目前,当我在浏览器中查看此内容时,我需要将幻灯片推进一段额外的时间才能进入嵌套列表。

这就是我所拥有的:


< ?xml version="1.0" encoding="utf-8"? >
< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" >
< html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en" > 
< head > 
  < title >Generic Title< /title > 
  < meta name="copyright" 
   content="Copyright © 2010 Jordan" / > 
  < link rel="stylesheet" type="text/css" media="screen, projection, print" 
   href="./w3c-blue2.css" / > 
  < script src="./slidy.js" 
   charset="utf-8" type="text/javascript" >< /script > 
< /head >

< div class="slide" > < h1 >Header Text< /h1 > < p >The generic preamble to the list:< /p > < ol class="incremental", type="1" > < li >To do generic things vaguely with some programming language< /li > < li >To utilize 'Slidy' as a tool for presentation of progress by:< /li > < ol class="incremental", type="a" > < li >Learning This< /li > < li >Learning That< /li > < li >Implementing the knowledge into a 'Slidy' slideshow< /li > < /ol > < /ol > < /div >

虽然在那里,有人可以告诉我如何将XHTML标签放入S.O.的文本字段中。没有添加那些额外的空格。

1 个答案:

答案 0 :(得分:0)

问题是嵌套列表不被视为外部列表的列表项,因此您需要移动标记,以便</li>之后的:位于整个嵌套之后名单。像这样:

< div class="slide" >
    < h1 >Header Text< /h1 >
    < p >The generic preamble to the list:< /p >
    < ol class="incremental", type="1" >
       < li >To do generic things vaguely with some programming language< /li >
       < li >To utilize 'Slidy' as a tool for presentation of progress by:< !--move this -->
            < ol class="incremental", type="a" >
                < li >Learning This< /li >
                < li >Learning That< /li >
                < li >Implementing the knowledge into a 'Slidy' slideshow< /li >
            < /ol >
       < /li >< !-- over here-->
    < /ol >
< /div >

或者,您可以在嵌套列表class="non-incremental"中创建第一个项目。这更像是一种解决方法,它可能是更好的风格来做上述解决方案