Сайт сделан табличной версткой. В одной из ячеек присутствуют 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; /* Ширина таблицы */ }
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.
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке.
Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
Question
Mintaya
Сайт сделан табличной версткой. В одной из ячеек присутствуют 2 таблицы (друг за другом). Второй таблице присвоен класс
<table class="znachki">
CSS выглядит так:
.znachki {
width: 100%; /* Ширина таблицы */
height: auto; /* Высота таблицы */
text-align:center;
}
TD, TH.znachki {
border-collapse: collapse; /* Убираем двойные границы между ячейками */
border: 1px solid #CCCCCC; /* Параметры границы ячеек*/
}
ВОПРОС: почему класс znachki применяется ко всем таблицам?
Edited by MintayaLink to comment
Share on other sites
4 answers to this question
Recommended Posts
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.