X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> таблица
al3290
al3290
Topic Starter сообщение 18.2.2011, 2:41; Ответить: al3290
Сообщение #1


возможно ли создать таблицу вида

__________
|......|......|
|...1.|...2..|
|......|......|
|____|......|
|......|......|
|......|____|
|..3..|......|
|......|..4...|
|____|____|


то есть в таблице всего 4 ячейки, такие что высота ячеек 1=40, 2=60, 3=50, 4=30. ширина ячеек одинаковая, например = 20

если возможно то как?
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
alexdrob
alexdrob
сообщение 18.2.2011, 3:07; Ответить: alexdrob
Сообщение #2


<style>
table { border-collapse: collapse; text-align: center; }
td { width: 20px; border-width: 1px; border-color: black; border-style: solid; }
</style>

<table>
<tr>
<td height="40">1</td><td height="60" rowspan="2">2</td>
</tr>
<tr>
<td height="50" rowspan="2">3</td>
</tr>
<tr>
<td>4</td>
</tr>
</table>

Похоже?)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
texno
texno
сообщение 18.2.2011, 8:05; Ответить: texno
Сообщение #3


Вообще то браузер не может так сделать, на пол ячейки.
Надо сделать две ячейки, и в каждую вложить свою таблицу из двух вертикальных ячеек. Гарантия кроссбраузерности.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
alexdrob
alexdrob
сообщение 18.2.2011, 15:24; Ответить: alexdrob
Сообщение #4


А можно дивами, тоже будет кросбраузерно)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
al3290
al3290
Topic Starter сообщение 18.2.2011, 19:59; Ответить: al3290
Сообщение #5


спасибо, оба варианта подходят, про таблицу внутри таблицы думал, но получается некрасивый код, а про добавление ещё одной "строки" в таблицу не догадался
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Apay
Apay
сообщение 18.2.2011, 22:39; Ответить: Apay
Сообщение #6


зевю только такой способ
<style type="text/css">
table { border-collapse:collapse; text-align:center; }
td { width:100px; border:1px solid #000000; }
td.col3 { font-size:1px; width:1px; border:none; }
</style>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td>1</td>
<td rowspan="2">2</td>
<td class="col3" height="40">&nbsp;</td>
</tr>
<tr>
<td rowspan="2">3</td>
<td class="col3" height="20">&nbsp;</td>
</tr>
<tr>
<td>4</td>
<td class="col3" height="30">&nbsp;</td>
</tr>
</table>
</body>


Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) непослушная таблица (((
1 alex577 2844 9.2.2013, 2:40
автор: -Eraser_str-
Открытая тема (нет новых ответов) Таблица растягивается в Chrome , Opera в FireFox все хорошо , помогите.
0 Hammer2900 6239 3.2.2013, 22:01
автор: -Hammer2900-
Открытая тема (нет новых ответов) Таблица распределения игроков.
5 mafao 4571 19.11.2012, 22:49
автор: -Arks-
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыТаблица записи на прием.
Как реализовать
16 gaaarfild 6160 7.4.2011, 18:19
автор: gaaarfild
Открытая тема (нет новых ответов) Послать на печатать obejct(таблица),как?
1 MannishArt 5800 31.3.2011, 13:57
автор: -Baron93-


 



RSS Текстовая версия Сейчас: 28.3.2024, 19:38
Дизайн