Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> едет таблица 
:(
    Опции темы
dativ2009
Дата 12.2.2010, 03:57 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 6
Регистрация: 14.6.2009

Репутация: нет
Всего: нет



Здравствуйте!
Начел изучать html, и строить один сайт, всё бы ничего, но застрял на части меню, собственно код
Код

<td width="100%" valign="top">
    <table width="100%" border="1" cellpadding="0" cellspacing="0">
      <tr>
       <td background="images/t1-bg.gif" class="bgx"><img src="images/t1-bg.gif" width="1" height="24">1</td>
      </tr>
      <tr>
       <td><img src="images/r2-1.gif" width="15" height="29"></td>
       <td background="images/r2-bg.gif" class="bgx"></td>
      </tr>
     </table>
   </td>


получается так что верхняя строка или столбец мешает жить нижней, пробовал и обьединять colspan верхнюю но все по-боку, может кто подскажет что я тут не так написал? И еще такой вопрос, нужно ли писать в теге table свойство width, и может какие еще будут замечания?
Заранее спасибо!
PM MAIL   Вверх
bars80080
Дата 12.2.2010, 15:10 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315



а поставить вторую ячейку в верхнюю строчку?
PM MAIL WWW   Вверх
dativ2009
Дата 12.2.2010, 16:41 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 6
Регистрация: 14.6.2009

Репутация: нет
Всего: нет



Цитата(bars80080 @  12.2.2010,  15:10 Найти цитируемый пост)
а поставить вторую ячейку в верхнюю строчку? 

И что получится,   строка(ячейка,ячейка)
                              строка(ячейка)
, а должно быть наоборот
PM MAIL   Вверх
bars80080
Дата 12.2.2010, 18:58 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315



у вас в нижней строке две ячейки с шириной 15 + n, а в верхней одна ячейка с шириной 1

добавьте наверх ещё одну без ширины, она возьмёт на себя всё что нехватает
PM MAIL WWW   Вверх
dativ2009
Дата 15.2.2010, 16:26 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 6
Регистрация: 14.6.2009

Репутация: нет
Всего: нет



Сорри что долго не отвечал, блин не выходит  smile 
Ширина ведь не самой ячейки и картинки в пикселях.
Пробовал добавить еще одну ячейку на верх, результатов не дало вообще никаких:
Код

<!-- Меню -->
   
   <td width="100%" valign="top">
    <table width="50%" border="1" cellpadding="0" cellspacing="0">
      <tr>
       <td background="images/t1-bg.gif"><img src="images/t1-bg.gif" width="1" height="24"></td>
       <td></td>
      </tr>
      <tr>
       <td><img src="images/r2-1.gif" width="15" height="29"></td>
       <td background="images/r2-bg.gif" class="bgx"></td>       
      </tr>
     </table>
   </td>

Не могу понять почему нижняя ячейка подстраивается под верхнюю, а не живёт сама по себе?

Добавлено через 14 минут и 41 секунду
получилось только вот таким вот колдованием, низнаю правильно ли это или нет:
Код

<!-- Меню -->
   
   <td width="100%" valign="top">
    <table width="75%" border="0" cellpadding="0" cellspacing="0">
      <tr>
       <td width="5%" background="images/t1-bg.gif"><img src="images/t1-bg.gif" width="15" height="24"></td>
       <td width="95%" background="images/t1-bg.gif"><img src="images/t1-bg.gif" width="1" height="24"></td>
      </tr>
      <tr>
       <td><img src="images/r2-1.gif" width="15" height="29"></td>
       <td background="images/r2-bg.gif" class="bgx"><img src="images/r2-bg.gif" width="1" height="29"></td>       
      </tr>
     </table>
   </td>

PM MAIL   Вверх
Gold Dragon
Дата 17.2.2010, 21:12 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Призрачный
****


Профиль
Группа: Экс. модератор
Сообщений: 6753
Регистрация: 1.3.2004
Где: Россия, Тамбов

Репутация: 9
Всего: 71



не вникал в ответы но обратил внимание на ошибку... Вот так попробуй для начала 
Код

   <table width="100%" border="1" cellpadding="0" cellspacing="0">
      <tr>
       <td colspan="2"  background="images/t1-bg.gif" class="bgx"><img src="images/t1-bg.gif" width="1" height="24">1</td>
      </tr>
      <tr>
       <td><img src="images/r2-1.gif" width="15" height="29"></td>
       <td background="images/r2-bg.gif" class="bgx"></td>
      </tr>
     </table>


Добавлено через 1 минуту и 5 секунд
т.е. таблице нужно объяснить что первая ячейка одна вместо двух  colspan="2"



--------------------
Нельзя жить в прошлом, оно уже прошло.
Нельзя жить в будущем, оно ещё не наступило.
Нужно жить в настоящем, помня прошлое и думая о будущем!
PM MAIL WWW ICQ   Вверх
Alex103
Дата 18.2.2010, 23:54 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 416
Регистрация: 5.1.2005
Где: Украина, г. Харьк ов

Репутация: нет
Всего: нет



Цитата(dativ2009 @ 12.2.2010,  03:57)
Здравствуйте!
Начел изучать html, и строить один сайт, всё бы ничего, но застрял на части меню, собственно код[code=html]

получается так что верхняя строка или столбец мешает жить нижней, пробовал и обьединять colspan верхнюю но все по-боку, может кто подскажет что я тут не так написал? И еще такой вопрос, нужно ли писать в теге table свойство width, и может какие еще будут замечания?
Заранее спасибо!

Проблем у вас несколько:
1. Верстайте по xHTML 1.1 или 1.0 Strict, многие свойства в тегах устарели а некоторые необходимо писать;
2. Свойство width желательно устанавливать либо 100% либо фиксированный размер;
3. Таблица по всей видимости не работает только в IE, IE по умолчанию съедает ячейки не содержащие текста, для исправления этого глюка необходимо туда поставить пробел-мнемонику &nbsp;, тогда и colspan работает нормально.

У меня получилось так:
Код

    <table width="100%" border="1" cellpadding="0" cellspacing="0">
      <tr>
       <td background="images/t1-bg.gif" class="bgx" colspan="2"><img src="images/t1-bg.gif" width="1" height="24"></td>
      </tr>
      <tr>
       <td><img src="images/r2-1.gif" width="15" height="29">&nbsp;</td>
       <td background="images/r2-bg.gif" class="bgx">&nbsp;</td>
      </tr>
     </table>


Это сообщение отредактировал(а) Alex103 - 18.2.2010, 23:56


--------------------
Мой адресс не дом и не улица, мой адресс WWW
PM MAIL WWW ICQ YIM   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0816 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.