Web разработка > HTML и CSS

CSS код таблицы применяется ко всей странице

(1/2) > >>

REDFOX:
Добрый день. Уже несколько дней не могу понять, почему CSS код, написанный для таблицы, применяется ко всей странице. Таблице задан соответствующий ID. Если точнее, то проблема заключается в том, что во всем тексте на странице тень, которая прописана для текста таблицы.

Сам код CSS
(нажмите чтобы показать/скрыть) #tab1 {

font-size: 14px;
border-radius: 10px;
border-spacing: 0;
text-align: center;
}


#tab1 th {
background: #00BFFF;
color: white;
text-shadow: 0 1px 1px #2D2020;
padding: 5px 1px;
}
#tab1 th, td {
border-style: solid;
border-width: 0 1px 1px 0;
border-color: white;
}
#tab1 th:first-child, td:first-child {
text-align: center;
text-shadow: 0 1px 1px #2D2020;
padding: 5px 1px;
}
#tab1 th:first-child {
border-top-left-radius: 10px;
text-shadow: 0 1px 1px #2D2020;
padding: 5px 1px;
}
#tab1 th:last-child {
border-top-right-radius: 10px;
border-right: none;
text-shadow: 0 1px 1px #2D2020;
padding: 5px 1px;
}
#tab1 tr:nth-child(even) {
background: #98FB98;
text-shadow: 0 1px 1px #2D2020;
padding: 5px 1px;
}
#tab1 tr:nth-child(odd) {
background: #32CD32;
text-shadow: 0 1px 1px #2D2020;
padding: 5px 1px;
}

#tab1 tr:last-child td:first-child {
border-radius: 0 0 0 10px;
}
#tab1 tr:last-child td:last-child {
border-radius: 0 0 10px 0;
}
#tab1 tr td:last-child {
border-right: none;
}

Plan:
Давайте ссылочку на страницу с таблицей!

REDFOX:
Plan, http://onlyprofit.net/broker/top_brokerov

Plan:
Если я вас правильно понял, то этот блок лишний, если его убрать тень остается только в таблице

#tab1 th:first-child, td:first-child {
text-shadow: 0 1px 1px #2D2020;
}

А цифры лучше смотрятся (ИМХО) белым цветом с черной тенью, а не черные цифры с черной тенью. Или сделать вообще без тени

REDFOX:
Plan, большое спасибо, помогло. Но не могли бы вы подробней описать то, как нашли эту ошибку в коде, чтобы я в следующий раз не задавал таких глупых вопросов и не тратил чье-либо время?)) Еще раз спасибо!))

Навигация

[0] Главная страница сообщений

[#] Следующая страница

Перейти к полной версии