Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 24.07.2013, 01:27   #1
shavedcat
Пользователь
 
Регистрация: 16.04.2009
Сообщений: 65
По умолчанию Проблема с простой таблицей

Рис 1. исходная
Код HTML:
 <table width="796" height="488" cellpadding="1" cellspacing="1" border="1" bordercolor="#000000">
       <tr>
       <td >1</td>
       <td>2</td>
       <td>3</td>
       <td>4</td>
       <td>5</td>
       
       </tr>
       
       <tr>
       <td colspan="2" rowspan="2">6</td>
       <!--<td>7  </td>-->
       <td rowspan="2">8</td>
       <td rowspan="2">9</td>
       <td> 10 </td>
       
       </tr>
       <tr>
       <!--<td>11  </td>
       <td> 12 </td>-->
       <!--<td> 13 </td>
       <td> 14 </td>-->
       <td>15 </td>
       
       </tr>
       </table>
       
</html>
Рис.2 - то что должно получиться.
Для этого объединяю ячейки 2,3,4 - colspan="3"
И ячейки 5 и 10 - rowspan="2"

Код HTML:
<table width="796" height="488" cellpadding="1" cellspacing="1" border="1" bordercolor="#000000">
       <tr>
       <td >1</td>
       <td colspan="3" >2</td>
       <!--<td>3</td>
       <td>4</td>-->
       <td rowspan="2">5</td>
       
       </tr>
       
       <tr>
       <td colspan="2" rowspan="2">6</td>
       <!--<td>7  </td>-->
       <td rowspan="2">8</td>
       <td rowspan="2">9</td>
       <!--<td> 10 </td>-->
       
       </tr>
       <tr>
       <!--<td>11  </td>
       <td> 12 </td>-->
       <!--<td> 13 </td>
       <td> 14 </td>-->
       <td>15 </td>
       
       </tr>
       </table>

Но получается фигня какая-то - Рис3

Помогите пожалуйста!
Спасибо!
Изображения
Тип файла: jpg 01.jpg (40.7 Кб, 115 просмотров)
Тип файла: jpg 02.jpg (43.0 Кб, 126 просмотров)
Тип файла: jpg 03.jpg (40.6 Кб, 123 просмотров)
shavedcat вне форума Ответить с цитированием
Старый 24.07.2013, 01:36   #2
Fenex
Форумчанин
 
Аватар для Fenex
 
Регистрация: 15.02.2012
Сообщений: 821
По умолчанию

Код HTML:
<table width="796" height="488" cellpadding="1" cellspacing="1" border="1" bordercolor="#000000">
	<tr>
		<td>&nbsp;</td>
		<td colspan="3">&nbsp;</td>
		<td rowspan="2">&nbsp;</td>
	</tr>
	<tr>
		<td rowspan="2" colspan="2">&nbsp;</td>
		<td rowspan="2">&nbsp;</td>
		<td rowspan="2">&nbsp;</td>
	</tr>
	<tr>
		<td>&nbsp;</td>
	</tr>
</table>
^-.-^ My GitHub

Последний раз редактировалось Fenex; 24.07.2013 в 01:42.
Fenex вне форума Ответить с цитированием
Старый 24.07.2013, 02:16   #3
shavedcat
Пользователь
 
Регистрация: 16.04.2009
Сообщений: 65
По умолчанию

Спасибо, но последняя колонка должна быть не такой. Верхняя ячнйка д.б. больше и смещена вниз.
shavedcat вне форума Ответить с цитированием
Старый 24.07.2013, 03:05   #4
shavedcat
Пользователь
 
Регистрация: 16.04.2009
Сообщений: 65
По умолчанию

Если быть точным то должно получиться так как на рисунке.

Попытался ввести длину и ширину каждой ячейки. Все рвано не выходит.

Код HTML:
<table width="796" height="488" cellpadding="1" cellspacing="1">
       <tr>
       <td height="220" width="193" >1 </td>
       <td colspan="3" height="220" width="460">2  </td>
       <!--<td>3  </td>
       <td>4  </td>-->
        <td rowspan="2" height="286" width="194">5  </td>
       
       </tr>
       
       <tr>
       <td height="266" width="265" rowspan="2" colspan="2">6</td>
       <!--<td>7  </td>-->
       <td rowspan="2" height="266" width="151">8  </td>
       <td rowspan="2" height="266" width="181">9</td>
       <!--<td> 10 </td>-->
       
       </tr>
       <tr>
      <!-- <td>11  </td>
       <td> 12 </td>
       <td> 13 </td>
       <td> 14 </td>-->
       <td rowspan="2"  height="210" width="194">15  </td>
       
       </tr>
       </table>
Изображения
Тип файла: jpg 04.jpg (39.3 Кб, 75 просмотров)
shavedcat вне форума Ответить с цитированием
Старый 24.07.2013, 03:14   #5
shavedcat
Пользователь
 
Регистрация: 16.04.2009
Сообщений: 65
По умолчанию

Все получилось! Спасибо всем! Надо было ввести размеры ячеек. Ошибся в олдном месте.

Работает в Firefox и Google chrome. В Explorer отказывается - ячейки сдвигаются.
Надоело. Сделаю все одной картинкой.

Последний раз редактировалось shavedcat; 24.07.2013 в 05:48.
shavedcat вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц



Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Проблема с таблицей AikKo HTML и CSS 3 25.10.2011 23:25
Проблема с таблицей. Vervolf HTML и CSS 3 02.08.2011 19:09
Проблема с таблицей! Braka Microsoft Office Word 1 03.07.2011 08:05
Проблема с таблицей May1980 Microsoft Office Word 2 16.01.2008 20:43