Вопросы с меткой [табличная-верстка]
Руководство по использованию метки табличная-верстка отсутствует.
29
вопросов
0
голосов
1
ответ
35
показов
Почему не работает sticky на мобильных устройствах? | Table
У меня используются такие стили, чтобы сделать th в качестве sticky для многих устройств. Но работает только на ПК.
th {
background: white;
position: sticky;
top: 0;
/* Don't forget this, ...
1
голос
1
ответ
37
показов
Возможно ли создать в табличной верстке HTML подобную таблицу?
было дано задание создать подобный сайт с помощью табличной вёрстки,
однако как не пытаюсь сделать подобное разделение верхнего ряда и последнего, никак не выходит, я начинаю сомневаться, что это ...
0
голосов
2
ответа
41
показ
Как я могу получить градиентное обрамление ячейки td по всей таблице?
table {
width:200px;
height: 100px;
}
td {
width:20px;
height: 20px;
background: gray;
}
td:hover {
background: linear-gradient(270deg, rgba(42, 115, 163, 0.354167) 0%, rgba(42, 115, 163, 0....
0
голосов
1
ответ
38
показов
Как увеличить отступы между строками таблицы или как-то лучше можно?
Подскажите пжста, как увеличить отступы между строками таблицы до уровня, примерно, равного высоте этих цифр-изображений? И еще, ячейку с "02" не смог поставить ровно, 01 и 03 вроде ...
0
голосов
1
ответ
53
показа
Как сделать каждую четную строку таблицы другого цвета?
Подскажите , что я делаю не так , для того , чтобы менять четную строку , надо применить к tr:nth-child(2n) , но почему-то ничего не работает , что не так ?
const app = new Vue({
el: '#app',
...
0
голосов
1
ответ
85
показов
Как переделать блочную верстку в табличную
Сделал блочную верстку, но не знаю как перевести его в табличную, но чтобы все положения элементов сохранялись.
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
a {
text-decoration: ...
0
голосов
2
ответа
663
показа
Двойная рамка вокруг ячеек таблицы <table>
Я новичок. Пытаюсь создать таблицу в html
* {
margin: 0;
padding: 0;
}
.hstyle {
text-align: center;
}
.calltable tr td {
/*border-spacing: 10px;*/
padding-left: 25px;
...
0
голосов
1
ответ
120
показов
Как изменить порядок отображения блоков в табличной верстке?
Нужно сверстать адаптивный имейл. Возникла проблема с отображением секции на мобильных устройства. Как сделать так, чтобы на мобильных устройствах блок с текстом отображался выше картинки?
<!...
3
голоса
1
ответ
751
показ
Можно ли использовать absolute в верстке письма?
Есть ли варианты использовать абсолют, ну и соответственно right, left, top, bottom? У меня задача встала, нужно на огромную картинку наложить ссылки и их расставить по местам. Есть варианты? Вообще ...
0
голосов
1
ответ
34
показа
Синтаксис css кода
Прочел https://habr.com/ru/company/pechkin/blog/256853/ и столкнулся с таким кодом
table[class=contenttable] {
width:320px !important;
}.
Что за синтаксис тег[class=contenttable] (...
0
голосов
1
ответ
33
показа
Размеры мобильного экрана для адаптивного приложения
Для задания на https://www.figma.com/file/5rXv5Q5Jw4auNDZMEsxvD3/%D0%A2%D0%B5%D1%81%D1%82%D0%BE%D0%B2%D0%BE%D0%B5-%D0%B7%D0%B0%D0%B4%D0%B0%D0%BD%D0%B8%D0%B5-%D0%B4%D0%BB%D1%8F-%D0%92%D0%B5%D1%80%D1%81%...
0
голосов
1
ответ
83
показа
Нецелое число пикселей при верстке
Как задать размер элемента при написании html-кода в нецелое число пикселей, а именно в целое число и бесконечную десятичную дробь (например, (100/3)%)?
2
голоса
0
ответов
59
показов
Верстка писем / В gmail почте добавляется увеличение изображения, как убрать
Подскажите, пожалуйста, как сделать, что б при открытии письма в gmail почте не добавлялась возможность масштабирования изображения как на рисунке ниже
Код верстки письма
<img class="...
0
голосов
0
ответов
31
показ
При добавлении :nth-child(2) margin-bottom изменяется для всех .topbar ul,а хотелось,чтоб только для него
.genre {
height: 450px;
width: 18%;
background-color: rgb(0, 0, 0);
margin-left: 12%;
border-radius: 10px;
float: left;
}
.genre h3 {
padding-top: 4%;
...
0
голосов
1
ответ
150
показов
Объединить ячейки таблицы при th td с помощью css
Возможно ли объединить ячейки таблицы только с помощью css? Нужно чтобы заголовок был наверху, текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст ...
0
голосов
2
ответа
687
показов
Адаптивная таблица в столбик
Нужно из левой таблицы сделать правую таблицу. Знаю что таблицы обычно для адаптива ломают по строкам, но мне нужно сломать ее так, чтобы колонки таблицы начали переноситься на новые строки. На скрине ...
0
голосов
0
ответов
84
показа
Вертикальные полосы между изображениями в письмах
#backgroundTable {margin:0; padding:0; width:100% !important; line-height:100% !important;}
.outer {Margin: 0 auto; width: 600px;}
body {margin: 0; padding: 0; min-width: 100%; width: ...
1
голос
1
ответ
365
показов
Как правильно перенести шаблон из HTML во Vue.component
День добрый.
Столкнулся с такой проблемой.
js файл фетчит данные с локального порта, и я вывожу это дело на странице.
js:
//Забираем json из '/receive/', парсим его в gridData
var gridData = new ...
2
голоса
3
ответа
1k
показов
Как выровнять ссылку по центру в ячейке таблицы HTML
Не могу понять как центрировать по вертикали и горизонтали текст ссылки, когда ячейке присвоено display: block.
td {
box-sizing: border-box;
height: 75px;
outline: 1px solid #7d7f7d;
...
-1
голос
1
ответ
520
показов
Как разделить строки таблицы?
Всем добрый вечер (или утро). Сделал себе мини иконки на гидхаб, но они слишком плотно налеплены. Даже прямо склеились. Как разделить теги TR между собой?
Код: https://jsfiddle.net/7cw0c57v/
* {
...
0
голосов
1
ответ
894
показа
Таблицы и циклы [закрыт]
У меня не получается написать программу, выводящую на экран таблицу, в которой количество строк и столбцов задается пользователем. В каждой ячейке выводится ее порядковый номер.
1
голос
1
ответ
237
показов
Переход на на новую строку в табличной верстке
Имеется табличный блок, внутри которого заполняются данные с БД.
Как мне сделать так, чтобы в каждой строке данные заполнялись по 2 колонки одинковой высоты, то есть если соседний блок больше по ...
2
голоса
1
ответ
377
показов
Адаптация таблицы под мобильные устройства
Есть психологический тест, сделан в виде таблицы. Вся тема Wordpress прекрасно адаптирована под мобильные, но страница с тестом просто обрезается(нет ни прокрутки, ни переноса текста на следующую ...
4
голоса
2
ответа
173
показа
Как можно выравнить числа в таблице по точке или запятой?
Существует возможность средствами HTML+CSS выравнить в таблице, в теге TD числа по определенному знаку (по точке или запятой)?
Например:
----
153.12
98.357
753.00
0.002
15
32145.9998
1
голос
3
ответа
59
показов
Желтые границы в письме под Samsung Email
Здравствуйте!
Верстаю email-письмо, во всех клиентах отображается нормально, и только под Samsung Email появляются какие-то желтые границы. В коде этого цвета нет вообще.
Не пойму откуда они взялись и ...
0
голосов
1
ответ
22k
показов
Сверстать таблицу при помощи div
Сделать предоставленную таблицу блочными элементами , с применением свойства CSS display: table | table-row | table-cell.
Пользоваться html запрещено.
1
голос
1
ответ
1k
показов
Разная ширина столбцов в разных рядках
Мне нужна таблица состоящая из 3х рядков.
1й: 1й столбец шириной в 10%, 2й столбец шириной в 90%
2й: 1й столбец шириной в 90%, 2й столбец шириной в 10%
3й: 1 столбец шириной в 100%
Имею данный код:
...
1
голос
1
ответ
2k
показов
Отступ внутри таблицы на сайте HTML
Создал меню, запихнул в таблицу, хочу прижать все элементы внутри таблицы к её краям.
Всё прижал к краям таблицы, но меню не удалось. Отступы по бокам сверху и снизу.
Подскажите, как убрать этот ...
0
голосов
2
ответа
3k
показов
как запретить изменение размера таблицы в зависимости от содержимого
Мне нужно уравнить ширину каждой ячейки
.grid {
width:100%;
color:#333;
font-family:sans-serif;
}
.grid td {
background:#eee;
border:1px solid #ccc;
padding:2px;
transition:all .5s;
}
....