Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В. MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Как правильно оформить таблицу?
 
 автор: tavila2009   (21.01.2011 в 18:52)   письмо автору
 
 

Есть таблица и в ней ещё одна таблица. http://hramvh-nk.com/tab1.jpg
Как сделать так чтобы текст в желтой таблице начинался с самого верха обтекал синюю таблицу?

<table width="818" height="511" border="0" cellpadding="0" cellspacing="0">
<tr><td width="290" colspan="8" align="left" valign="top" bgcolor="#FFCC00">

<table width="228" height="144" border="0" cellpadding="0" cellspacing="0">
<tr><td align="center" bgcolor="#0000CC"></td></tr>
</table>

</td></tr>
</table>

  Ответить  
 
 автор: The Electronic Cat   (21.01.2011 в 19:09)   письмо автору
 
   для: tavila2009   (21.01.2011 в 18:52)
 

Зачем у вас colspan="8" ? Приведите весь код внешней таблицы.

  Ответить  
 
 автор: tavila2009   (21.01.2011 в 19:12)   письмо автору
 
   для: The Electronic Cat   (21.01.2011 в 19:09)
 

<table width="818" height="511" border="0" cellpadding="0" cellspacing="0">
<tr><td width="290" align="left" valign="top" bgcolor="#FFCC00">

<table width="228" height="144" border="0" cellpadding="0" cellspacing="0">
<tr><td align="center" bgcolor="#0000CC"></td></tr>
</table>

</td></tr>
</table>

  Ответить  
 
 автор: sim5   (21.01.2011 в 19:15)   письмо автору
 
   для: tavila2009   (21.01.2011 в 19:12)
 

<table>
  <tr>
    <td>синий</td>
    <td>желтый</td>
  </tr>
  <tr>
    <td colspan="2">желтый</td>
  </tr>
</table>

  Ответить  
 
 автор: tavila2009   (21.01.2011 в 19:22)   письмо автору
 
   для: sim5   (21.01.2011 в 19:15)
 

Не то. Так текст должен состоять из двух частей.
http://hramvh-nk.com/tab2.jpg
Вот так надо текст расположить в желтой

  Ответить  
 
 автор: sim5   (21.01.2011 в 19:35)   письмо автору
 
   для: tavila2009   (21.01.2011 в 19:22)
 

А вы как хотите, чтобы таблица сама смогла перенести текст автоматом из ячейки в ячейку? Так не получится. Вы же спрашиваете о таблице, а в ней только так. Используйте DIV и задавайте ему обтекание, получите то, что хотите.

  Ответить  
 
 автор: tavila2009   (21.01.2011 в 19:42)   письмо автору
 
   для: sim5   (21.01.2011 в 19:35)
 

Вот и я думаю что DIV
Но как ему задать обтекание.
Никогда этого не делала
Подскажите пожалуйста

  Ответить  
 
 автор: sim5   (21.01.2011 в 19:53)   письмо автору
 
   для: tavila2009   (21.01.2011 в 19:42)
 

<div style="background:#FC0; width:400px; height:400px;">
<div style="width:100px; height:100px; background:#3C6; float:left;"></div>
<p>text text text text text text text text text text text text text text text
text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text
text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text
text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text
text text text text text text text text text text text text text text text</p>
</div>

Зададите отступы необходимые (margin и padding), ну все и получится.

  Ответить  
 
 автор: tavila2009   (21.01.2011 в 19:59)   письмо автору
 
   для: sim5   (21.01.2011 в 19:53)
 

Ах так! Спасибо большое!

  Ответить  
 
 автор: sim5   (21.01.2011 в 20:02)   письмо автору
 
   для: tavila2009   (21.01.2011 в 19:59)
 

Можете не так, можете в ячейку таблицы поместить DIV и ему задать обтекание, коли у вас все верстается таблицей.

  Ответить  
 
 автор: lElectroHardl   (22.01.2011 в 17:16)   письмо автору
 
   для: tavila2009   (21.01.2011 в 19:59)
 

Либо синей таблице (на 1-м рисунку) дать {position:relative; top:0px; left:0px;}, должно сработать.

  Ответить  
 
 автор: tavila2009   (24.01.2011 в 15:48)   письмо автору
 
   для: lElectroHardl   (22.01.2011 в 17:16)
 

Я вот так записала и не получилось. Наверно не поняла что-то

<table width="818" height="511" border="0" cellpadding="0" cellspacing="0">
<tr><td width="290" colspan="8" align="left" valign="top" bgcolor="#FFCC00">

<table width="228" height="144" border="0" cellpadding="0" cellspacing="0" {position:relative; top:0px; left:0px;}>
<tr><td align="center" bgcolor="#0000CC"></td></tr>
</table>

gdfgfgdfgdfgdfg dgdsfg dgdf dsgdfg dg dfgdgdsf gdg dfg dgdsfg dfgds dg </td>
</tr>
</table>

  Ответить  
 
 автор: sim5   (24.01.2011 в 15:58)   письмо автору
 
   для: tavila2009   (24.01.2011 в 15:48)
 

Зачем в таблице лишняя таблица ради вывода текста?

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования