Веб-строительство и интернет-проекты
Построение таблицы.
Создана: 31 Декабря 2007 Пон 15:37:03.
Раздел: "Веб-строительство и интернет-проекты"
Сообщений в теме: 8, просмотров: 3282
-
31 Декабря 2007 Пон 15:37:03Так сказать не очень сложно, но что то у меня не получается, может кто нибудь подскажет как сделать таблицу что бы выглядила вот так:
Код: __________________
| | |
| 1 | |
| | |
|_______| |
| |
| 2 |
| |
|__________________|
-
31 Декабря 2007 Пон 22:24:36табличной версткой при помощи colspan и rowspan ты это не решишь
используй блочную верстку -
02 Января 2008 Срд 23:30:25Мдя, а почему вы это назвали таблицей, а не гипотенузой?
То, что указали вы, это прямоугольник в прямоугольнике. Таблица, это первую очередь упорядоченный набор данных, отображаемый при помощи строк и столбцов.
В чем у вас непосредственно возникло затруднение? в логике или в отображении?
Предлагаю следующее. Нарисуйте на листке бумаги вашу таблицу. После заполните ее карандашом произвольными данными. Что будет во вписанном квадратике, что будет в прямоугольнике "контейнере". После чего уже пойдете дальше. Или нарисуете просто таблицу с 4 ячейками и уберете у нужных ячеек нужные границы. Или же воспользуетесь блоками, с соответственно настроенными свойствами float, overflow. -
-
03 Января 2008 Чтв 22:59:12
от куда? от туда откуда и все. Зачем мне учить то, что я знаю? Политех? бывал и там в свое время.
Код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Test</title>
<style type="text/css">
<!—
#wrap {
background-color:#00CC00;
width: 400px;
height:300px;
border-left:medium dashed #000000;
border-right:medium dashed #000000;
border-bottom:medium solid #000000;
border-top:medium solid #000000;
}
#block {
background-color:#0033FF;
width:200px;
height:200px;
float:left;
padding: 5px 0 0 5px;
margin: 0 10px 5px 0;
border-right:medium dashed #000000;
border-bottom:medium solid #000000;
}
—>
</style>
</head>
<body>
<div id="wrap">
<div id="block">внутренний блок внутренний блок блок внутренний блок блок внутренний блок блок внутренний блок блок внутренний блок блок внутренний блок блок внутренний блок </div>
внешний блок внешний блок внешний блок внешний блок внешний блок внешний блок внешний блок внешний блок внешний блок внешний блок внешний блок внешний блок
внешний блок внешний блок внешний блок внешний блок внешний блок внешний блок внешний блок внешний блок внешний блок внешний блок внешний блок внешний блок </div>
</body>
</html>
-
06 Января 2008 Вск 13:36:45<table style="border-collapse: collapse; border: solid;">
<tr>
<td style="border-right: hidden; border-bottom: hidden">121212</td>
<td style="border: none">232323</td>
</tr>
<tr>
<td style="border: none">343434</td>
<td style="border: solid">454545</td>
</tr
</table>
проверено в FF, IE, Opera -
06 Января 2008 Вск 23:19:36Adelante писал
:<table style="border-collapse: collapse; border: solid;">
<tr>
<td style="border-right: hidden; border-bottom: hidden">121212</td>
<td style="border: none">232323</td>
</tr>
<tr>
<td style="border: none">343434</td>
<td style="border: solid">454545</td>
</tr
</table>
проверено в FF, IE, Opera
почти но не попал =) вписанный прямоугольник с права.... но идея пральная, то что топикстартеру надо что бы отображение было или данные были вписанны во вложенный прямоугольник а в контейнере обтекали вложенный прямоугольник, но тогда с помощью таблиц не реально....в Двух словах, Не понятена постановка задачи -
