Articles of table

Выравнивание изображений в строке с текстом под каждым изображением

Короче говоря, я пытаюсь создать такой же дизайн: Где белые квадраты – это изображения, а красные щетки – это строки текста (верхняя строка будет содержать имя и под их специальностью), но использование divs оказалось проблематичным, поскольку я не могу заставить контент выстраиваться в правильном порядке row. Я не слишком люблю использовать таблицу для чего-то вроде […]

Абсолютный стиль div в ячейке таблицы

У меня есть div с абсолютной положением и шириной: 100% внутри ячейки таблицы, а ширина вычисляется до ширины windows, а не ширины ячейки таблицы. ширина ячейки таблицы также является переменной, поэтому мне нужно, чтобы ширина абсолютного div была такой же, как ширина ячейки таблицы. Как я могу это сделать?

Проверьте, свободен ли текст в ячейке

У меня есть таблица в html. Некоторые ячейки выделены жирным шрифтом, а некоторые – нормальные. Как я могу проверить, выделена ли какая-либо ячейка жирным шрифтом (например, i, j) и получить текст этой ячейки без тега. Ячейки могут иметь только текст. Если он полужирный – он должен содержать тег. Например: Not bold text Bold text PS […]

Центрируйте изображение внутри div. Горизонтально и вертикально

Я думаю, что этот вопрос задавался много раз, но я целый день искал в Интернете и не могу найти ни одного хорошего решения. Я хочу центрировать изображение внутри div так, чтобы оно выглядело как рамка. У меня есть изображения разных размеров, некоторые – портрет, некоторый пейзаж. Я хочу, чтобы они были центрированы по горизонтали и […]

Таблицы HTML. Как сделать столбцы дочерней таблицы такой же, как и столбцы родительской таблицы?

Итак, у меня есть таблица внутри таблицы (внутри td). Эта дочерняя таблица имеет точно такое же количество столбцов, что и родительская таблица. Единственная проблема заключается в том, что столбцы дочерней таблицы не такие же, как столбцы родительской таблицы. Вот как это выглядит: Как стилизовать дочернюю таблицу? Есть ли предопределенный способ исправить это? Или мне нужно […]

почему нет правого заполнения в td для телефона Blackberry

Я пытаюсь применить padding:3px к td но он не применяется к правой стороне td при изменении размера windows Вот ДЕМО, я попробовал Проверьте это в хроме и посмотрите на мой скриншот. Снимок экрана ( посмотрите на правую сторону изображения, нет прокладки ) Когда я использую встроенный блок для изображения, он работает в браузере, но не […]

Отзывчивая таблица по двум или более таблицам с разным заголовком таблицы

Как заставить обработанную таблицу работать на двух или нескольких таблицах на одной странице с другим заголовком таблицы? При просмотре на мобильном устройстве или планшете заголовок таблицы получает данные метки из css. Итак, как изменить css, чтобы включить данные метки для таблицы 2 n так далее. http://css-tricks.com/responsive-data-tables/ /* Label the data */ td:nth-of-type(1):before { content: “First […]

HTML-таблица, номер щелчка строки

Есть ли способ узнать номер строки, где я недавно нажал, в таблице HTML? Мне нужно это поведение, чтобы выяснить, будет ли использоваться щелчок сверху и снизу текущей выбранной строки. Я полагаю, что алгоритм будет следующим: 1. выберите одну строку 2. выберите другую строку в той же таблице 3. узнайте, имеет ли строка, выбранная в (2) […]

Как я могу построить простую таблицу 4×4 с заполняемыми блоками

Используя JQuery, я хочу построить таблицу размером 4×4 с блоками одинакового размера, которую я могу «заполнить» цветом. Наглядный пример: Для этого вопроса круг не обязательно должен быть включен. Я ищу советы, ссылки или предложения о том, как это сделать. Я не очень хорошо знаком с функциональностью Jquery canvas / draw, но я думаю, что это […]

HTML TD Clickable

У меня есть меню, которое вы можете видеть в верхней правой части страницы – www.balibar.co HTML: Search Languages Login CSS: table#indexNavigation { width: 100%; height: 25px; font-weight: normal; font-size: 1.1em; border-collapse: collapse; } table#indexNavigation td { text-align: center; color: white; width: 33.33%; border-right: 1px solid #FFF; cursor: pointer; } table#indexNavigation td#activeNavLink { border-right: none; } […]