Articles of css tables

Нежелательное пространство строк в таблице

У меня есть таблица, которая содержит сегментированную картинку. Изображение сегментируется из-за добавления мыши над эффектом на некоторые части изображения. Хотя автономная версия в порядке, когда она интегрирована в WordPress как HTML-код боковой панели, становится беспорядочной (изменения cell-padding ). Поскольку у меня нет контроля над родительским элементом управления (здесь DIV ), как я могу переопределить родительский […]

Форматирование таблицы – как получить согласованные / эквивалентные размеры?

У меня есть таблица, всегда три столбца относительно одной и той же информации. Я пытаюсь заставить его выглядеть так: Таким образом, каждая «ячейка» (в области x ) представляет собой в настоящее время два td ‘s, один для текста и другой для изображения. Я пытаюсь понять, как равномерно размещать их по всей странице и помещать небольшой […]

Нежелательное место справа от сайта

Я строил сайт, и я получаю горизонтальные полосы прокрутки и огромное пространство справа от страниц продукта. Моя первая мысль была незакрытым div, но я проверил с W3C, и он проверяет. Интересно, это из-за чего-то (кнопки, вкладки), которые относительно позиционируются. Не могли бы вы указать мне в правильном направлении. Буду признателен за любую оказанную помощь. Ссылка […]

Как стилизовать рекурсивный каталог с помощью css?

Я пытаюсь сделать отображение рекурсивного каталога в html с использованием json-данных с сервера node.js и использовать его в качестве контекста рендеринга для шаблона dustjs-linkedin . Данные содержат следующую структуру: { “isDirectory”: true, “path”: “”, “name”: “”, “files”: [ { “name”: “Light House.jpg”, “filename”: “Light%20House.jpg”, “path”: “/Light%20House.jpg”, “bytes”: 561276, “date”: “2012-07-25T16:30:45.094Z”, “prettyDate”: “Jul 25 2012 11:30:45”, […]

Работайте над тем, чтобы CSS-таблицы таблицы отображались правильно в IE6 / 7?

Мой сайт отлично отображается в IE8 / Firefox / Chrome, но я не могу понять, как заставить его работать с IE. Соответствующий CSS: #maincontent { display: table; } #content { display: table-cell; width: 620px; padding-left:4%; padding-right: 22px; padding-bottom:15px; } #sidebar { display: table-cell; width: 300px; } #content и #sidebar находятся в #maincontent . В IE6 […]

Наложение на ячейку таблицы при наведении первой ячейки

Я создал список таблиц. Когда пользователь набирает первую ячейку с 3-мя точками Edit и Delete , отображаются, а ниже – прозрачный фон. Все в порядке, когда контент находится в одной строке. Проблема возникает, когда есть больше контента. Высота наложения не регулируется. Я пробовал top: 0; bottom: 0; height: 100% top: 0; bottom: 0; height: 100% […]

Поскольку ящик-тень не может использоваться на дисплее: элементы таблицы-таблицы, как я могу имитировать таблицу и использовать тень windows для элементов псевдо-строки?

Уже было подтверждено , что невозможно добавить box-shadow к display:table-row элемент display:table-row таким образом, который совместим со всеми основными браузерами. По причинам, которые удручают мой разум, строка не может быть названа как группа, а это означает, что вы не можете добавить box-shadow к целой строке в display:table и можете добавлять ее только к отдельному display:table-cell […]

zebra (четные / нечетные) строки css в и проблема с гиперссылкой

У меня есть этот маленький код выбора, который должен содержать четные / нечетные строки зебры. Я не понимаю, как изменить css для этого: 1, каждый другой, который будет указан (и не каждую секунду), должен иметь .cven css 2, если один из них щелкнул, должен быть полужирным шрифтом (Я не мог понять, как объединить эти два […]

Сделать фон для строк таблицы, проходящих за пределы таблицы

В настоящее время я пытаюсь создать таблицу с полосой зебры, где цвет фона для полос растягивает всю длину экрана, но фактическое содержимое строки остается в пределах таблицы. Более конкретно, я использую Bootstrap, поэтому я хочу, чтобы содержимое строки таблицы действовало так, как будто они находятся внутри .container . В сущности, я пытаюсь создать таблицу, которая […]

Как сделать все строки таблицы той же самой высотой, что и самая большая

Я пытаюсь сделать все строки таблицы той же самой высотой, что и тот, который имеет самый длинный текст в нем, соответственно расширяя. Но все, что я достиг, это дать им фиксированную высоту после прочтения этого: как я могу заставить все строки в таблице иметь одинаковую высоту Это означает, что мне нужно предсказать, сколько текста я […]