无序列表编码混乱

Question

我的ul和li明显出了问题。我知道我犯了一个巨大的错误，但我找不到。当你转到这里时：http://icpy.webs.com/text/Mass.htm你会看到两个缩略图不同，但两个弹出窗口都有与第一个缩略图相同的更大的图像。

Answer 1

为什么这些在doctype之前？那些自定义元素是什么？

<link rel="stylesheet"type="text/css"href="../text/aboutleft.css">
<img src="http://icpy.webs.com/content/masslayout.png"/><br>
____________________________________________________________________________<br><br>
<x><re>colors available</re></x><br>
<x><gre>available to unlimited users </gre></x><br>
<x>Changes available: box, link, username</x><br><br>

为什么不使用masslayout.png的相对链接呢
你听说过HTML中的<hr>元素吗？

我没有看到任何缩略图，也没有弹出窗口，我不知道你在说什么。

jQuery存储在谷歌上，它在大多数用户的缓存中。为什么要存储并链接另一个？

您的CSS：

    .fancybox-custom .fancybox-skin {
        box-shadow: 0 0 50px #222;
    }
    body {
        max-width: 700px;
        margin: 0 auto;
                    #cas ul {
                           list-style-type: none;
                    }
    }

这是什么？？你想要什么？

<a class="fancybox" title="Mass Sale layouts" href="#inlineframe>

Href属性需要一个右引号。

查看您的源代码，然后进入检查器，请尽可能多地更正错误。

Answer 2

我认为原因是这样的，因为两个框都在同一个<a>-标签内，当然它只链接到一个大图像：

<a class="fancybox" title="Mass Sale layouts" href="#inlineframe">
  <img src="http://dgamerhelp.webs.com/soccer/layouts/BEA01.png"/>
  <div id="inlineframe" style="width: 1040px; height: 785px; display: none;">
  </div>
</a>
<a class="fancybox" title="Mass Sale layouts" href="#inlineframe">
  <img src="http://dgamerhelp.webs.com/soccer/layouts/JAK01.png"/>
  <div id="inlineframe" style="width:1040px;height:785px;display: none;">
  </div>
</a>