CSS не работает

Question

Иногда чертова вещь работает, а иногда нет.У меня есть много таблиц в моем приложении, и 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>

Обновление

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

Answer 1

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

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

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

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

Answer 2

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

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

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

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