- Поисковые системы
- Практика оптимизации
- Трафик для сайтов
- Монетизация сайтов
- Сайтостроение
- Социальный Маркетинг
- Общение профессионалов
- Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты - покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки - обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
- Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
- Не про работу
Переиграть и победить: как анализировать конкурентов для продвижения сайта
С помощью Ahrefs
Александр Шестаков
Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий
подскажите пожалуйста как сделать вот такую полосатую табличку
и как можно сделать обводку таблици только сверху и снизу
1. :nth-child
2. table{
border-top
border-bottom
border-top + position: relative; top: -размер border;.
Стиль таблички-зебры
table {
border-collapse : collapse;
text-align:left;
margin : 0 0 20px 0;
width : 100%;
}
tr:nth-child(odd) {
background : #FFF;
}
tr:nth-child(even) {
background : #DDD;
}
tr:hover td {
background : #0099CC;
color : #FFF;
}
td, th {
padding : 0 5px;
vertical-align:top;
}
th {
background : #FFF;
border-bottom : 2px solid #0099CC;
color : #666;
font-size : 14px;
font-weight : bold;
}
td {
border-bottom : 1px solid #CCC;
font-size : 12px;
}
nth-child не поддерживается в древних IE
куды уж проще... ))
<tr><td>бла-бла</td><td>бла-бла</td></tr>
<tr class="сиреневенький"><td>бла-бла</td><td>бла-бла</td></tr>
<tr><td>бла-бла</td><td>бла-бла</td></tr>
<tr class="сиреневенький"><td>бла-бла</td><td>бла-бла</td></tr>
. сиреневенький {background : сиреневенький}
куды уж проще... ))
<tr><td>бла-бла</td><td>бла-бла</td></tr>
<tr class="сиреневенький"><td>бла-бла</td><td>бла-бла</td></tr>
<tr><td>бла-бла</td><td>бла-бла</td></tr>
<tr class="сиреневенький"><td>бла-бла</td><td>бла-бла</td></tr>
. сиреневенький {background : сиреневенький}
А если таблиц 100500 штук?
А если таблиц 100500 штук?
это каким же извращенном нужно быть, чтобы вручную писать 100500 таблиц 😕
Одно дело, когда таблица формируется программно (например, вывод технических характеристик, которые принадлежат различным продуктам, и эти характеристики поддаются сериализации)
тогда проще (ли?) добавлять нужный класс.
И другое вывод таблиц, техн.характеристик, когда - характеристики не структурированы. Здесь удобно использовать псевдо класс, или , как универсальный метод, js-скрипт
это каким же извращенном нужно быть, чтобы вручную писать 100500 таблиц 😕
Примерно таким же, как трижды стартовать интерпритатор на представленом участке кода😂😂😂
А если таблиц 100500 штук?
Тут ещё всё более тупо до безобразия - рисуете полосатый фон таблице...
две полоски + repeat