Jump to content
  • 0

Заданы границы ячеек для одной таблицы, но они присутствуют на всех таблицах.


Mintaya
 Share

Question

Сайт сделан табличной версткой. В одной из ячеек присутствуют 2 таблицы (друг за другом). Второй таблице присвоен класс

<table class="znachki">

CSS выглядит так:

.znachki {

width: 100%; /* Ширина таблицы */

height: auto; /* Высота таблицы */

text-align:center;

}

TD, TH.znachki {

border-collapse: collapse; /* Убираем двойные границы между ячейками */

border: 1px solid #CCCCCC; /* Параметры границы ячеек*/

}

ВОПРОС: почему класс znachki применяется ко всем таблицам?


/*удалим отступы и маркеры в ненумерованном списке, зададим ширину пунктов меню */
ul {
margin: 0;
padding: 0;
list-style: none;
list-style-position: inside;
width: 146px;
border-bottom: 2px solid #FFFFFF;
}
/* задать положение элементов списка */
ul li {
position: relative;
}
/* подменю появлялось справа от пункта родительского меню когда над этим пунктом курсор */
li ul {
position: absolute;
left: 144px;
top: 0;
display: none;
}
/* стили для списка меню*/
ul li a {
display: block;
text-decoration: none;
color: #000000;
background: #CCCCCC;
padding: 10px;
border: 2px solid #FFFFFF;
border-bottom: 0;
}

/*стили для ссылок пунктов меню при наведении на них курсора мыши*/
a:hover {
background: #FFCCCC; /* Цвет фона под ссылкой */
color: #3366CC; /* Цвет ссылки */
}



/*чтобы подменю появлялись в тот момент, когда курсор находится над элементом списка*/
li:hover ul, li.over ul {
display: block;
}


a img {
border: none; /* Убираем границу изображения-ссылки*/
}

A {
text-decoration: none; /* Отменяем подчеркивание у ссылки */
}

/*IE Win понимает разрывы строк между ссылками в нашем HTML коде как незаполненное пространство из-за этого в IE ссылки не прилегают тесно одна к другой. Это можно обойти применивк Holly Hack, которые прячет эти правила от всех браузеров, кроме IE Win*/
/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

.letter {
color: #FF6699; /* Цвет первого символа*/
font-size: 150%; /* Размер шрифта */
font-weight: bold; /* Начертание текста */
}

.minus {
color: #3366CC; /* Цвет первого символа*/
font-size: 200%; /* Размер шрифта */
}

/* Линия для выделения*/
DIV.brd {
border-bottom: 2px solid #99CCFF; /* Параметры границы */
background: #FFFFFF; /* Цвет фона */
padding: 0px; /* Поля вокруг текста */
}

BODY {
background: #999999; /* Цвет фона сайта*/
font-family: Arial, sans-serif; /* Гарнитура шрифта */
}

#TABLE {
width: 800px; /* Ширина таблицы */
border: 0px; /* Рамка вокруг таблицы */
font-size: 10pt; /* Размер текста */
margin: 0 auto; /* Выравниваем таблицу по центру окна */
}

.Head {
padding: 0px; /* Расстояние от содержимого ячейки в которой находится шапка сайта до ее границы */
line-height: 0px; /*Межстрочный интервал */
font-size: 0px; /* Для того чтобы убрать нижний отступ который отображается только в IE */
border: 0px;/* Отсутствие границы */
}

.Down {
padding: 0px; /* Расстояние от содержимого ячейки в которой находится шапка сайта до ее границы */
line-height: 0px; /*Межстрочный интервал */
font-size: 0px; /* Для того чтобы убрать нижний отступ который отображается только в IE */
border: 0px;/* Отсутствие границы */
background-image: url('/Down_Site.jpg'); /* Путь к фоновому изображению */
height: 113px; /* Высота */
}

.Menu {
padding: 0px; /* Расстояние от содержимого ячейки до их границы */
height: 100%; /* Высота блока */
line-height: 100%; /*Межстрочный интервал*/
background: #CCCCCC; /* Цвет фона*/
border-top: 3px solid #CCCCCC; /* Линия сверху*/
border-bottom: 3px solid #CCCCCC; /* Линия снизу */
border-left: 0px; /* Линия слева */
border-right: 0px; /* Линия справа */
vertical-align: top; /* Выравнивание по верхнему краю ячеек */
}

.rightimg {
float: left; /* Выравнивание по правому краю */
margin: 0px 0px 0px 0px; /* Отступы вокруг картинки */
}

.tab {
background: #FFFFFF; /* Цвет фона ячеек*/
border: 3px solid #CCCCCC; /* Параметры границы ячеек*/
vertical-align: top; /* Выравнивание по верхнему краю ячеек */
line-height: 150%; /*Межстрочный интервал */
}

.data {
color: #FF6699; /* Цвет текста */
font-size: 8pt; /* Размер текста */
}

p {
margin: 0px 0px 0px 0px; /* Отступы вокруг */
line-height: 150%; /*Межстрочный интервал*/
}

.news {
color: #3366CC; /* Цвет текста */
font-size: 10pt; /* Размер текста */
font-weight: bold; /* Начертание текста */
}

.rednews {
color: #FF6699; /* Цвет текста */
font-size: 10pt; /* Размер текста */
font-weight: bold; /* Начертание текста */
}

.little {
font-size: 8pt; /* Размер текста */
}

.schetchik {
position: relative; /* Относительное позиционирование */
top: 40px; /* Положение от верхнего края */
left: 60px; /* Положение от левого края */
}

.znachki {
width: 100%; /* Ширина таблицы */
height: auto; /* Высота таблицы */
text-align:center;
}


TD, TH.znachki {
/*border-collapse: collapse; /* Убираем двойные границы между ячейками */
border: 1px solid #CCCCCC; /* Параметры границы ячеек*/
}





.yandex {
padding: 0px; /* Расстояние от содержимого ячейки в которой находится шапка сайта до ее границы */
line-height: 0px; /*Межстрочный интервал */
font-size: 0px; /* Для того чтобы убрать нижний отступ который отображается только в IE */
border: 0px;/* Отсутствие границы */
background-image: url('/For_yandex.jpg'); /* Путь к фоновому изображению */
height: 60px; /* Высота */
width: 800px; /* Ширина таблицы */
}

Edited by Mintaya
Link to comment
Share on other sites

4 answers to this question

Recommended Posts

  • 0
ВОПРОС: почему класс znachki применяется ко всем таблицам?

Это не класс значки применяется ко всем таблицам, это ваше явное указание стилей для TD применяется

Вы не верно указали наследственность, в вашем случае нужно так:

.znachki TD, .znachki TH {
border-collapse: collapse; /* Убираем двойные границы между ячейками */
border: 1px solid #CCCCCC; /* Параметры границы ячеек*/
}

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy