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



 

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

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

Открыть тему
Тема закрыта
> Проблема с таблицами =(
Translator_mw
Translator_mw
Topic Starter сообщение 15.6.2009, 10:03; Ответить: Translator_mw
Сообщение #1


Здравствуйте. Пожалуйста help me! Я сделал заготовку дизайна... И у меня проблема....
Вот код шаблона:
<body bgcolor="#FFFFEF">

<table align="center" width="100%" height="179" border="0" cellspacing="0" cellpadding="0" background="img/bg.jpg">
<tr>
<td><div align="left"><img src="img/left.jpg" width="343" height="179" border="0"></div></td>
</tr>
</table>

<table align="center" width="100%" height="76" border="0" cellspacing="0" cellpadding="0" background="IMG/2.JPG">
<tr>
<td><div align="left"><img src="IMG/1.JPG" width="132" height="76" border="0"></div></td>
<td></td>
<td><div align="right"><img src="IMG/3.JPG" width="132" height="76" border="0"></div></td>
</tr>
</table>

<table align="center" width="100%" height="103" border="0" cellspacing="0" cellpadding="0" background="IMG/5.JPG">
<tr>
<td><div align="left"><img src="IMG/4.JPG" width="58" height="103" border="0"></div></td>
<td></td>
<td><div align="right"><img src="IMG/6.JPG" width="58" height="103" border="0"></div></td>
</tr>
</table>

<table align="center" width="100%" height="76" border="0" cellspacing="0" cellpadding="0" background="IMG/8.JPG">
<tr>
<td><div align="left"><img src="IMG/7.JPG" width="132" height="76" border="0"></div></td>
<td></td>
<td><div align="right"><img src="IMG/9.JPG" width="132" height="76" border="0"></div></td>
</tr>
</table>

<table align="center" width="100%" height="46" border="0" cellspacing="0" cellpadding="0" background="img/bottom-bg.gif">
<tr>
<td></td>
</tr>
</table>


Третия таблица (смотреть код выше) у меня BODY, если я между
<td></td>
вставлю много текста, то таблица ползёт в право... =( А, мне нужно чтобы текст перекидывало ниже и автоматически!.. :'( Как это сделать?
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
НЕПЛОХОЙ
НЕПЛОХОЙ
сообщение 15.6.2009, 18:12; Ответить: НЕПЛОХОЙ
Сообщение #2


раздел перепутал =) и выложи скриншоты, а то так не понятно
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ZiTosS
ZiTosS
сообщение 15.6.2009, 19:58; Ответить: ZiTosS
Сообщение #3


Translator, А что вы хотели, если у вас каждая табличка ограничена по высоте. Делайте тогда так :) Хотя это и некрасиво.
<table align="center" width="100%" height="179" border="0" cellspacing="0" cellpadding="0" background="img/bg.jpg">
   <tr height="179">
      <td align="left" colspan="3">
         <img src="img/left.jpg" width="343" height="179" border="0">
      </td>
   </tr>
   <tr height="76" background="IMG/2.JPG">
      <td width="132"><img src="IMG/1.JPG" width="132" height="76"></td>
      <td rowspan="4">
         Ваш текст
      </td>
      <td width="132"><img src="IMG/3.JPG" width="132" height="76"></td>
   </tr>
   <tr height="103" background="IMG/5.JPG">
      <td align="left"><img src="IMG/4.JPG" width="58" height="103"></td>
      <td align="right"><img src="IMG/6.JPG" width="58" height="103"></td>
   </tr>
   <tr height="76" background="IMG/8.JPG">
      <td><img src="IMG/7.JPG" width="132" height="76"></td>
      <td><img src="IMG/9.JPG" width="132" height="76"></td>
   </tr>
   <tr>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
   </tr>
   <tr height="46" background="img/bottom-bg.gif">
      <td colspan="3">&nbsp;</td>
   </tr>
</table>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
yury_mw
yury_mw
сообщение 15.6.2009, 21:40; Ответить: yury_mw
Сообщение #4


ZiTosS,
Вообще-то высота таблицы тут никак и ни на что не влияет, потому что минимальное ее значение определяется высотой вложенных рисунков, а максимальное ничем не ограничено (если контент перестанет влезать по высоте, значение атрибута height у таблицы будет проигнорировано и высота таблицы станет такой, чтобы нужное вместилось).

Translator,
А вот чтобы таблица не "ерзала" при изменении начинки в центральной ячейке достаточно зафиксировать размеры боковых ячеек, которые собственно и создают эффект "ерзания", произвольно меняясь в размерах:

<table align="center" width="100%" height="76" border="0" cellspacing="0" cellpadding="0" background="IMG/8.JPG">
<tr>
<td width="132"><div align="left"><img src="IMG/7.JPG" width="132" height="76" border="0"></div></td>
<td></td>
<td width="132"><div align="right"><img src="IMG/9.JPG" width="132" height="76" border="0"></div></td>
</tr>
</table>


Кстати, в этом случае, выравнивание влево и вправо, которое вы задаете дивами, будет излишним, потому что картинки будут занимать свои ячейки полностью.
<table align="center" width="100%" border="0" cellspacing="0" cellpadding="0" background="IMG/8.JPG">
<tr>
<td width="132"><img src="IMG/7.JPG" width="132" height="76" border="0"></td>
<td></td>
<td width="132"><img src="IMG/9.JPG" width="132" height="76" border="0"></td>
</tr>
</table>

Можно, конечно, указать размер боковых ячеек и неравным размеру картинок, в зависимости от того какой эффект вы желаете получить, тогда выравнивание пригодится, но применить его правильнее к самим ячейкам (и код короче будет), как и показано у ZiTosS:
<td align="left">
<td align="right">

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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Проблема с админкой
5 Prok 2335 29.7.2019, 20:04
автор: dvakarandasha
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыПроблема с таблицей, которая выводится через скрипт
7 vanchester 1339 15.2.2019, 19:06
автор: Artos_mw
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыПроблема в тегах при сохранении контента
1 Kord18 1426 13.3.2018, 18:19
автор: Evgeniy3200
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыПроблема вёрстки адаптивной страницы на divах
28 master-vek 4717 8.2.2018, 19:29
автор: master-vek
Открытая тема (нет новых ответов) Проблема с All in one SEO?
17 okseo 2684 30.11.2017, 14:06
автор: okseo


 



RSS Текстовая версия Сейчас: 19.4.2024, 16:25
Дизайн