Версия для печати темы Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > таблицы

Автор: Caxap 18.10.2006, 18:20

Здрям.Я тока осваиваю эту науку поэтому вопросы могут быть глупыми..Значит делаю в Вивире таблицу в ней еще одну.В первой таблице кнопки а во второй текст.Когда текста становится много или там вставлю картинку то  таблица растягивает первую и все кнопки  спускаются вниз..Или скажите какой-нибуть другой способ

Автор: griker 18.10.2006, 20:48

В ячейку с кнопками добавь атрибут valign Код <td valign="bottom"> Тогда кнопки будут располагаться внизу

Автор: Caxap 18.10.2006, 23:00

я наверно чет не так делаю..короче ничего хорошего не происходит  добавилась  полоса разделительная.Кнопки все спускаются..

Автор: клоп 19.10.2006, 09:50

Покажи свой код!

Автор: Caxap 19.10.2006, 13:29

Код <tr>     <td width="219" height="129"><div align="center"></div></td>     <td width="593" rowspan="10"><table width="500" border="0" align="center">       <tr>         <td>&nbsp;</td>       </tr>       <tr>         <td>&nbsp;</td>       </tr>       <tr>         <td>&nbsp;</td>       </tr>       <tr>         <td>&nbsp;</td>       </tr>       <tr>         <td>&nbsp;</td>       </tr>       <tr>         <td>&nbsp;</td>       </tr>       <tr>         <td>&nbsp;</td>       </tr>       <tr>         <td>&nbsp;</td>       </tr>       <tr>         <td height="29">&nbsp;</td>       </tr>       <tr>         <td height="54">&nbsp;</td>       </tr>     </table></td>   </tr>   <tr>     <td height="32"><div align="center"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','f2.gif',1)"><img src="f.gif" name="Image1" width="140" height="30" border="0"></a></div></td>   </tr>   <tr>     <td height="32"><div align="center"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image2','','k.gif',1)"><img src="k2.gif" name="Image2" width="140" height="30" border="0"></a></div></td>   </tr>   <tr>     <td height="32"><div align="center"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image3','','mp2.gif',1)"><img src="mp.gif" name="Image3" width="140" height="30" border="0"></a></div></td>  </tr> </table> Вот..

Автор: griker 19.10.2006, 14:34

Цитата Кнопки все спускаются... Тоесть вы хотите чтобы кнопки наоборот оставались наверху? Тогда произведите следующие изминения: Код <td valign="top"> На всякий случай: Атрибут valign может располагать следующими значениями: top, bottom, middle top - содержимое ячейки располагается вверху bottom - содержимое ячейки располагается внизу middle - содержимое ячейки располагается в центре

Автор: Caxap 19.10.2006, 15:03

griker, Cпасибо!!!

Автор: R.M. 19.10.2006, 17:21

Ещё как вариант можно писать через CSS Код vertical-align: top;

Автор: Caxap 20.10.2006, 12:22

R.M.,когда Буду знать CSS  попробую   спасибо

Автор: R.M. 20.10.2006, 12:28

Ну вёрстка без CSS это не вёрстка, начинай изучать сейчас. Вот пример как сделать то же самое но с CSS Вместо Код <td valign="top"> Напиши Код <td style='vertical-align: top;'> или так напиши в документе Код <html> <head> <style> .vtd {vertical-align: top;} </style> </head> а у ячейки пропиши класс Код <td class='vtd'> Типа того ;)

Автор: Caxap 20.10.2006, 13:23

R.M.,  вроде не сложно  Хотя и немогу понять для чего css.Читал и всеравно..Кстати в Вивире есть такая штука Vert какраз таки она и существует для этого  вчера заметил.Так что с этим проблем думаю больше не возникнет

Автор: Caxap 20.10.2006, 18:18

Еще есть такой скромнинький вопросик..  Можноли в одной таблице сделать одну ячейку видимой а другую нет?

Автор: griker 20.10.2006, 18:41

Что вы подрозумеваете под невидемой ячейкой? Есть вы хотите создать ячейку с содержимым, но данная ячейка не должна располагать очертанием(рамкой), то следует задавать следующие параметры данной ячейки: Код <td border="0">

Автор: R.M. 20.10.2006, 20:52

Caxap, пожалуйста, один топик - один вопрос.

Автор: Caxap 20.10.2006, 22:35

всё ок.болше не буду. border меняет всю таблицу

Автор: griker 21.10.2006, 14:11

Тогда вам следуюет использовать CSS Код #notd {border-width: 0px} Код <style> #notd {border-width: 0px} </style> <table> <tr> <td border="1"></td> <td id="notd"></td> </tr> </table>

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)