CSS не работает

Question

Иногда вещь 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> 

Update

Хорошо, я нашел проблему. Граница, которая показывалась в таблице, по-прежнему была связана со вторым, на котором я еще не применял класс.

Answer 1

Возможно, что CSS не растягивается во время работы вашего скрипта. Попробуйте следующий шаблон в таблице стилей:

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

Редактировать

Я вижу, что вы нашли проблему. Тем не менее, вы можете немного очистить свою реализацию, используя каскад более эффективно, как показано выше.

Answer 2

С каким браузером вы работаете? Когда вы просматриваете источник страницы, все выглядит так, как должно быть? Возможно, попробуйте опубликовать сгенерированный источник html для этого раздела страницы. Возможно, ваш код шаблона выводит некоторые плохие вещи, которые разбивают ваш html для этой конкретной таблицы (что может повлиять на рендеринг страницы).

Я обнаружил, что firebug неоценим при поиске и устранении неисправностей css. Вы можете легко увидеть, какие стили применяются к определенным элементам. Вы можете использовать его для выбора элемента и просмотра всех видов информации css и даже попробовать разные значения «на лету».

Кроме того, запятые в вашем сокращенном отступе td.cataglogCellare не нужны и могут вызвать некоторые проблемы в разных браузерах/версиях.

Кроме того, вы действительно не должны использовать тег <b> для разметки вашего контента. <em> или <strong> гораздо лучше семантически, и вы можете создавать стиль, чтобы создать любую презентацию.