2010-08-13 139 views
0

有时候dang的东西有效,有时候不起作用。我在我的应用程序中有很多表格,并且所有的表格都在工作。这个没有什么不同,除了它,CSS没有被应用,上帝知道为什么。帮帮我。CSS不能正常工作

table.catalogContainer 
{ 
    border: none; 
    padding: 50px; 
    margin-left: 100px; 
    margin-right: 100px; 
    margin-top: 50px; 
    margin-bottom: 50px; 
} 

td.catalogCell 
{ 
    border: none; 
    padding: 30px, 20px, 50px, 20px; 
} 

<div id = "catalog"> 
     <table class = "catalogContainer"> 
      <% while ((category = Helper.GetNextCategory(categoryIndex++)) != null) 
       { %> 
       <tr> 
        <td class = "catalogCell"> 
         <img src = "../../Content/Category.gif" 
         width = "25px" height = "25px" alt = "Category" /> 

         <b> 
          <%= Html.ActionLink(category.Name, 
            "DisplayCategory", 
            "Catalog", 
            new { id = category.Id }, 
            null) %> 
         </b> 
        </td> 

        <td> 

        </td> 
       </tr> 
      <% } %> 
     </table> 

更新

好吧,我发现这个问题。表中显示的边界仍然是由于我没有申请该课程的第二个边界。

+0

这是不可能的。 CSS可以工作,或者不工作。它不像它根据火星的当前位置闪烁或熄灭。 – jfar 2010-08-13 02:49:31

+0

你把你的CSS放在一个不同的文件或在你的页面? – 2010-08-13 02:51:36

+0

@jfar对我而言,整个Web开发看起来就像这样。上帝,我讨厌这样做。我无法想象坐在他地下室的一个人如何创建了整个StackOverflow网站。我发现创建一个功能很少的模拟网站非常困难。这花费了很多时间。 – 2010-08-13 02:56:46

回答

0

这可能是因为脚本运行时CSS没有及时拉出。试试下面的图案样式表:

#catalog table 
{ 
    ... 
} 
#catalog table td 
{ 
    ... 
}

编辑

我看你已经发现了这个问题。不过,如上所示,通过更有效地使用级联,您可以稍微清理一下实现。

0

你用什么浏览器测试?当你查看页面源时,一切看起来应该如何?也许尝试发布页面的该部分生成的源html。有可能你的模板代码输出了一些不好的东西,这些东西正在破坏你的特定表格的html(这可能会影响页面呈现)。

我发现萤火虫在诊断css时非常宝贵。您可以轻松查看哪些样式正在应用于特定元素。您可以使用它来选择一个元素并查看各种css信息,甚至可以随时尝试不同的值。

此外, 在你的速记填充td.cataglogCellare逗号是不必要的,可能会导致在不同的浏览器/版本的一些问题。

此外, 您确实不应该使用<b>标记来标记您的内容。 <em>或<强>语义上好多了,您可以创建任何需要的演示文稿。

+0

如果我可能会建议,而不是使用HTML实体<和>,您应该使用您的帖子中HTML代码的代码格式;使它们更易于阅读。 – 2010-08-13 03:18:22

+0

感谢您的提示。我将来会使用这种方法。 – 2010-08-13 03:35:33