Div как таблица
Автор Мария Вавилова задал вопрос в разделе Другие языки и технологии
Как сделать таблицу с помощью div'ов и получил лучший ответ
Ответ от Ёигизмунд Таврический[гуру]
<style type="text/css">
body {
margin: 0;
padding: 50px;
background-color: #FFFFFF;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
}
.tablewrapper {
position: relative;
}
.table {
display: table;
}
.row {
display: table-row;
}
.cell {
display: table-cell;
border: 1px solid red;
padding: 1em;
}
.cell.empty
{
border: none;
width: 100px;
}
.cell.rowspanned {
position: absolute;
top: 0;
bottom: 0;
width: 100px;
}
</style>
<div class="tablewrapper">
<div class="table">
<div class="row">
<div class="cell">
Top left
</div>
<div class="rowspanned cell">
Center
</div>
<div class="cell">
Top right
</div>
</div>
<div class="row">
<div class="cell">
Bottom left
</div>
<div class="empty cell"></div>
<div class="cell">
Bottom right
</div>
</div>
</div>
</div>
Источник:
html: <div id="wrapp"><div id="row1">Ячейка 1</div><div id="right"><div class="rows2">Ячейка 2</div><div class="rows3">Ячейка 3</div></div></div>css: #wrapp{height: 120px;width: 300px;background: #ccc;border: 1px solid black;text-align: center;}#row1 {height: 120px;width: 140px;border: 1px solid black;float: left;line-height: 120px;}#right {height: 100%;width: 156px;border: 1px solid black;float: right;}.rows2, .rows3 {width: 156px;border-bottom: 2px solid black;height: 58px;line-height: 58px;}.rows3 {border: none;}
как открыть файл с расширением MDX
Описание расширения .mdx, чем открыть файл mdxФормат файла .mdx #1 (наиболее вероятный)
подробнее...
Как открыть файл формата RTF с помощью bnkseek.dbf ?
экспорт файлов поддерживается в формате dbf, а файл у вас rtf - это обычный текстовой файл
подробнее...
Какой программой можно открыть файл формата MDX ?
Описание расширения .mdx, чем открыть файл mdx
Формат файла .mdx #1 (наиболее вероятный)
подробнее...
Расскажите по подробние о тесте Даф! ! Deutschland =))
замен DaF (Deutsch als Fremdsprache) – аналог американского TOEFL или английского IELTS,
подробнее...
жена решила подарить мне зеркалку, выбор стал NIKON D5300 или Canon EOS 700D что посоветуете ?
Nikon D5300 характерно двадцать четыре миллиона пикселей, что лично меня смущает.
(с)
подробнее...
подскажите 300*300 dpi какой размер должен быть фото?
Абсолютно любой.
Колеса 15" - какой расход бензина должен быть
подробнее...
чем открыть файл mdx
рмат файла .mdx #1 (наиболее вероятный)
Описание файла .mdx на русскомОбраз диска MDX
подробнее...
подскажите что за документ формата DBF....какая нужна прога что бы его прочесть?
DBF — формат хранения данных, используемый в качестве одного из стандартных способов хранения и
подробнее...
Как рассчитать коэффициент УЕФА?
Рейтинг каждой ассоциации рассчитывается УЕФА на основании выступления команд этой страны в
подробнее...
Как расположить два блока в HTML рядом по горизонтали (один слева, другой справа, на одном уровне)?
< div class="menu" > < /div >
< div class="content" > < /div >
подробнее...
Как сохранисть лист Excel в dbf-формате?
В предыдущих версиях Excel (до Excel 2007)
можно просто выбрать в меню "Файл" -
подробнее...
как в worde разместить две картинки на одном уровне
Конечно же поместить в невидимую таблицу состоящую из двух столбцов и одной строки. В каждый
подробнее...
Как в ворде сделать текст в два столбика.
разметка страницы - колонки
или таблицу справа сделай из одного столбца и
подробнее...