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

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

Вернуться   Форум программистов > Web программирование > HTML и CSS
Перезагрузить страницу Сложная таблица.
Регистрация

Восстановить пароль
Регистрация Задать
вопрос		 Заплачу
за решение		 Новые
сообщения 		Сообщения
за день 		Расширенный
поиск		 Правила Всё
прочитано

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

Ответ
 
Опции темы Поиск в этой теме
Старый 08.03.2010, 15:24   #1
Alex Cones
Trust no one.
Старожил
 
Аватар для Alex Cones
 
Регистрация: 07.04.2009
Сообщений: 6,526
По умолчанию Сложная таблица.
Помогите, пожалуйста, составить сложную таблицу. Все мои попытки к успеху не привели:

Пунктир - объединенные ячейки.

P.S. И подскажите, пожалуйста, в чем можно составлять такие таблицы, чтобы было видно исходный код.
SQUARY PROJECT - НАБОР БЕСПЛАТНЫХ ПРОГРАММ ДЛЯ РАБОЧЕГО СТОЛА.
МОЙ БЛОГ
GRAY FUR FRAMEWORK - УДОБНАЯ И БЫСТРАЯ РАЗРАБОТКА WINAPI ПРИЛОЖЕНИЙ
Alex Cones вне форума Ответить с цитированием
Старый 08.03.2010, 16:03   #2
bashkos
Пользователь
 
Аватар для bashkos
 
Регистрация: 03.08.2008
Сообщений: 30
По умолчанию
Код:
<table border="1" width="100%" cellpadding="5" cellspacing="0" style="table-layout: fixed;">
	<tr>
		<td colspan="2">&nbsp;</td>
		<td colspan="2">&nbsp;</td>
		<td colspan="2">&nbsp;</td>
	</tr>
	<tr>
		<td>&nbsp;</td>
		<td colspan="2">&nbsp;</td>
		<td colspan="2">&nbsp;</td>
		<td>&nbsp;</td>
	</tr>
	<tr>
		<td colspan="2">&nbsp;</td>
		<td colspan="2">&nbsp;</td>
		<td>&nbsp;</td>
		<td rowspan="2">&nbsp;</td>
	</tr>
	<tr>
		<td>&nbsp;</td>
		<td colspan="2">&nbsp;</td>
		<td colspan="2">&nbsp;</td>
	</tr>
	<tr>
		<td colspan="2">&nbsp;</td>
		<td colspan="2">&nbsp;</td>
		<td colspan="2">&nbsp;</td>
	</tr>
</table>
bashkos вне форума Ответить с цитированием
Старый 08.03.2010, 16:08   #3
Alex Cones
Trust no one.
Старожил
 
Аватар для Alex Cones
 
Регистрация: 07.04.2009
Сообщений: 6,526
По умолчанию
Огромное Вам спасибо!
SQUARY PROJECT - НАБОР БЕСПЛАТНЫХ ПРОГРАММ ДЛЯ РАБОЧЕГО СТОЛА.
МОЙ БЛОГ
GRAY FUR FRAMEWORK - УДОБНАЯ И БЫСТРАЯ РАЗРАБОТКА WINAPI ПРИЛОЖЕНИЙ
Alex Cones вне форума Ответить с цитированием
Старый 23.04.2012, 23:05   #4
sasha11
Новичок
Джуниор
 
Регистрация: 23.04.2012
Сообщений: 1
По умолчанию
Пожалуйста помогите мне!!! Буду Очень признательна, не успеваю со здачей, и еще не знаю как делать! напишите код!))
Заранее спасибо)))
sasha11 вне форума Ответить с цитированием
Старый 24.04.2012, 07:59   #5
Naive
Раздолбайских Дел
Старожил
 
Аватар для Naive
 
Регистрация: 22.05.2009
Сообщений: 3,828
По умолчанию
Просто считаете в каждой строке кол-во ячеек, начинающихся с этой строчки, далее расставляете colspan & rowspan.
Раньше сложные таблицы можно было рисовать в фотошопе 6.
Alar, верни репу!
Naive вне форума Ответить с цитированием
Старый 24.04.2012, 15:49   #6
ShnapS
Пользователь
 
Регистрация: 15.05.2008
Сообщений: 44
По умолчанию
Цитата:
Сообщение от sasha11 Посмотреть сообщение
Пожалуйста помогите мне!!! Буду Очень признательна, не успеваю со здачей, и еще не знаю как делать! напишите код!))
Заранее спасибо)))
Код HTML:
<table border="1" width="1000" height="500" style="border-collapse: collapse;">
	<tbody>
		<tr>
			<td colspan="3">&nbsp;</td>
			<td rowspan="2">&nbsp;</td>
			<td rowspan="2">&nbsp;</td>
			<td colspan="3">&nbsp;</td>
			<td colspan="2" rowspan="2">&nbsp;</td>
		</tr>
		<tr>
			<td>&nbsp;</td>
			<td colspan="2">&nbsp;</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
		</tr>
		<tr>
			<td colspan="3">&nbsp;</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
			<td colspan="3">&nbsp;</td>
			<td rowspan="2">&nbsp;</td>
			<td>&nbsp;</td>
		</tr>
		<tr>
			<td rowspan="2">&nbsp;</td>
			<td rowspan="3">&nbsp;</td>
			<td rowspan="2">&nbsp;</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
			<td colspan="3">&nbsp;</td>
			<td>&nbsp;</td>
		</tr>
		<tr>
			<td colspan="5">&nbsp;</td>
			<td>&nbsp;</td>
			<td rowspan="2">&nbsp;</td>
		</tr>
		<tr>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
			<td colspan="2">&nbsp;</td>
			<td colspan="3">&nbsp;</td>
			<td>&nbsp;</td>
		</tr>
		<tr>
			<td rowspan="3">&nbsp;</td>
			<td rowspan="2">&nbsp;</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
			<td rowspan="3">&nbsp;</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
		</tr>
		<tr>
			<td rowspan="2">&nbsp;</td>
			<td rowspan="2">&nbsp;</td>
			<td rowspan="2">&nbsp;</td>
			<td>&nbsp;</td>
			<td rowspan="3">&nbsp;</td>
			<td colspan="2">&nbsp;</td>
		</tr>
		<tr>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
		</tr>
		<tr>
			<td>&nbsp;</td>
			<td colspan="2">&nbsp;</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
			<td colspan="2">&nbsp;</td>
		</tr>
	</tbody>
</table>
ShnapS вне форума Ответить с цитированием
Старый 06.11.2014, 14:05   #7
fedorenko
Новичок
Джуниор
 
Регистрация: 06.11.2014
Сообщений: 2
По умолчанию
Помогите, пожалуйста, составить сложную (или может быть вложенную) таблицу. Все мои попытки не привели к нужному результату:

Интересует вторая таблица, там где текст огибает картинки с цветами. Необходимо сделать так, чтобы получилась лесенка из картинок, а текст шел сверху вплотную по этой лесенке.
Последний раз редактировалось fedorenko; 06.11.2014 в 14:14.
fedorenko вне форума Ответить с цитированием
Старый 06.11.2014, 15:55   #8
Fenex
Форумчанин
 
Аватар для Fenex
 
Регистрация: 15.02.2012
Сообщений: 821
По умолчанию
Ох, вот они родные кнопочки... как же они напоминают IE5.5 в Win98... ня!
^-.-^ My GitHub
Fenex вне форума Ответить с цитированием
Старый 08.11.2014, 17:08   #9
fedorenko
Новичок
Джуниор
 
Регистрация: 06.11.2014
Сообщений: 2
По умолчанию
Для таблицы с цветами был написан код:
Код:
<html>
  <head>
     <title>Таблица с цветочками</title>
  </head>
 
  <body bgcolor="#99ccff">
     <table width="1300" align="center" cellspacing="0" bgcolor="#ffffff" border="8" bordercolor="red">
        <tr align="center">
           <td height="60">
              <img src="images2/FLOWER1.GIF" border="0" align="middle">
              <b><font color="blue" size="6">Сцена с цветами</font></b>
              <img src="images2/FLOWER2.GIF" border="0" align="middle">
           </td>
        </tr>
     </table>
      
    <table width="1300" align="center" cellspacing="0">
        <tr>
           <td height="30">
           </td>
        </tr>
     </table>
 
  <table width="1300" align="center" cellspacing="0" bordercolor="grey" border="2" frame="hsides" rules="none">
        <tr>
           <td width="300" align="center">
           </td>
           <td width="1000" align="right" valign="middle"> 
               Этот человек, по виду - фермер, скоро будет арестован за хищение цветов. 
               Эти цветы, достигшие 1 метра в диаметре, служили солдатам как прикрытие в Европе в I и II Мировых войнах. 
               К несчастью, из-за вражеского огня выделялось огромное количество пыльцы,солдаты чихали и выдавали свою позицию. 
               Годами учёные спорили,что это такое. 
               Одни говорят - цветок, другие - бокал шампанского. 
               Есть мнение, что это модель Кальвина Кляйна 1952 года. 
               Возможно, это выхлоп НЛО с секретными, но мирными целями. 
               Это единственная фотография обитателя планеты Флор. 
               Фотограф подвергался риску, так как это существо покрыло его землей, и поливало трое суток (в знак дружбы). 
               Коварный признак вот-вот набросится на беспечный цветок.  
               Подобные встречи редки, но медлительным жертвам не всегда удается вовремя удрать.
             <img src="images2/5167.GIF" border="0" vspace="5"  hspace="5" align="left">
             <img src="images2/5194.GIF" border="0" vspace="5" hspace="5" align="left">
             <img src="images2/01004.JPG" border="0" vspace="20" hspace="5" align="left">
             <img src="images2/SUNFLOWR.JPG" border="0" vspace="40" hspace="5" align="left">
             <img src="images2/SUMMER.JPG" border="0" vspace="65" hspace="5" align="left">
             <img src="images2/ARMYSPY.GIF" border="0" vspace="10" hspace="5" align="right">
             <img src="images2/TELESCP.GIF" border="0" vspace="30" hspace="5" align="right">
             <img src="images2/GHOST1.GIF" border="0" vspace="65" hspace="5" align="right">
           </td>
       </tr>
  </table>
  </body>
</html>
Результат следующий:


А нужно, чтобы было вот так:

То есть текст должен огибать картинки (сверху и справа), как будто спускаясь по "лесенке".
Последний раз редактировалось fedorenko; 08.11.2014 в 17:13.
fedorenko вне форума Ответить с цитированием
Старый 14.11.2014, 02:03   #10
xxbesoxx
Участник клуба
 
Аватар для xxbesoxx
 
Регистрация: 10.08.2010
Сообщений: 1,401
По умолчанию
fedorenko Вы не слышали случайно "div блочная верстка html и css" погуглить не пробовал ?
E_MAIL: rijgvina7@yahoo.com
xxbesoxx вне форума Ответить с цитированием
Ответ


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



Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Сложная арифметика (Си) Gon Помощь студентам 3 02.06.2009 11:47
Сложная задачка _°PROTOS°_ Паскаль, Turbo Pascal, PascalABC.NET 5 03.05.2009 15:17
Сложная задача asale Microsoft Office Excel 6 07.04.2009 20:36
Сложная маска kostyabramin HTML и CSS 6 31.03.2009 01:01
Сложная программа Виктория Помощь студентам 2 03.12.2006 00:30

Реклама на форуме - Обратная связь - Правила - Исходники Delphi - Справочник Delphi - Архив - Вверх