Форум программистов [Powered by Invision Power Board]

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

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

Автор: dativ2009 12.2.2010, 03:57

Здравствуйте!
Начел изучать 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, и может какие еще будут замечания?
Заранее спасибо!

Автор: bars80080 12.2.2010, 15:10

а поставить вторую ячейку в верхнюю строчку?

Автор: dativ2009 12.2.2010, 16:41

Цитата(bars80080 @ 12.2.2010, 15:10

)

а поставить вторую ячейку в верхнюю строчку?

И что получится, строка(ячейка,ячейка)
строка(ячейка)
, а должно быть наоборот

Автор: bars80080 12.2.2010, 18:58

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

добавьте наверх ещё одну без ширины, она возьмёт на себя всё что нехватает

Автор: dativ2009 15.2.2010, 16:26

Сорри что долго не отвечал, блин не выходит 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>

Автор: Gold Dragon 17.2.2010, 21:12

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

Код


   <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"

Автор: Alex103 18.2.2010, 23:54

Цитата(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 по умолчанию съедает ячейки не содержащие текста, для исправления этого глюка необходимо туда поставить пробел-мнемонику  , тогда и 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>