Deutsch

Как запретить растягивание ячейки таблицы?

270  
BlackSeaWolf завсегдатай13.02.13 15:14
BlackSeaWolf
13.02.13 15:14 
Вопрос вот в чем. Имеется макет сайта из дизайна, нарезанного в фотошопе. Сверху там рисунок-"шапка", внизу слева рисунок-меню, порезанный на "кнопки", в середине - большая пустая ячейка для текста, в этой ячейке нету изображений. Все хорошо, но только, когда текст становится длиннее вниз, чем левая часть с меню, ячейки меню растягиваются и между разрезами рисунка появляются пробелы, которые по дизайну сайта никак не нужны. Версткой сайтов давно не занималась, поэтому многое забыла. Я знаю, куда-то там надо вставить то ли align топ, то ли valign топ в коде таблицы, тока куда и что? В общем, посоветуйте, пожалуйста, как запретить этой ячейке растягивацца.
#1 
Poiser местный житель13.02.13 15:24
Poiser
NEW 13.02.13 15:24 
в ответ BlackSeaWolf 13.02.13 15:14
<td valign="top"> это у той что слева с меню. Тогда оно будет по верхнему краю. Но лучше таблицы в дизайне не использовать вообще.
Создание сайтов, онлайн-магазинов в Германии
#2 
Vovan(ator) старожил13.02.13 15:29
Vovan(ator)
NEW 13.02.13 15:29 
в ответ BlackSeaWolf 13.02.13 15:14, Последний раз изменено 13.02.13 15:35 (Vovan(ator))
Самый надёжный способ, это сделать ещё одну строчку в таблице и туда, в каждую ячейку вставить пустой .gif и задать ему постоянные размеры.
Тогда точно ячейки останутся неизменяемых размеров.
Или можно задать размер ячейкам, тоже каждой в отдельности.
Вот пример:
<td width='300px' height="120"></td>
А вообще, практичнее использовать div
Тогда можно с точностью до пикселя всё выставлять.
Таблицы для дизайна уже лет десять как не испоьзуют
Разве что для простых сайтов.
#3 
vlad_s_69 знакомое лицо13.02.13 15:50
NEW 13.02.13 15:50 
в ответ Vovan(ator) 13.02.13 15:29
да, див это наше всё
#4 
BlackSeaWolf завсегдатай13.02.13 18:06
BlackSeaWolf
NEW 13.02.13 18:06 
в ответ Poiser 13.02.13 15:24
Я так примерно и делала. Верхняя строка с куском рисунка осталась нерастянутой, однако нижние строки ячейки по-прежнему растягивались в высоту и куски рисунка отделялись друг от друга, по мере того, как увеличивался текст в ячейке справа.
#5 
BlackSeaWolf завсегдатай13.02.13 18:17
BlackSeaWolf
NEW 13.02.13 18:17 
в ответ Vovan(ator) 13.02.13 15:29
И размер им тоже задать пыталась. Что-то по-прежнему тянецца.
Вообще-то, эта таблица автоматически создалась при нарезке картинки-дизайна сайта в фотошопе. Я не знаю, как еще можно разложить рисунок меню на ссылки, разве что применить image map. Или это все же будет лучше всего?
#6 
BlackSeaWolf завсегдатай13.02.13 18:20
BlackSeaWolf
NEW 13.02.13 18:20 
в ответ BlackSeaWolf 13.02.13 18:17, Последний раз изменено 13.02.13 18:21 (BlackSeaWolf)
Вообще, если есть дизайн сайта, нарисованный и нарезанный в фотошопе, то как его лучше оформить в HTML, чтобы он не зависел от растягивания ячеек и строк таблицы? Неужели только image map (и порезать покрупнее )?
#7 
Vovan(ator) старожил13.02.13 18:46
Vovan(ator)
NEW 13.02.13 18:46 
в ответ BlackSeaWolf 13.02.13 18:20
В ответ на:
то как его лучше оформить в HTML

Таблицы, как уже выше упоминалось, не идеальный способ делать каркас сайта.
Во первых не стабильное это строение, а во вторых возни много.
Я делаю обычно при помощи <div>XXX</div> Эти блоки можно между собой комбинировать
и таким образом делать каркас практически любых сайтов.
Единственное что нужно знать и уметь, это возможности форматировать определённые элементы.
Короче говоря, нужно знать классический HTML и CSS.
А если Вы хотите в таблицах задний фон посадить на постоянное место, то можно попробовать тоже CSS.
На пример:
<td style="background-image: url(../images/XXX.jpg); background-position: top; background-repeat: no-repeat;">XXX</td>
Тогда задний фон будет сверху висеть и не повторяться.
Это если у Вас на каждую ячейку различный задний фон.
А вообще, чтобы оптимальный вариант подобрать, нужно сам набросок видеть.
Иначе можно много советов бестолковых надавать
#8 
  L@nixx постоялец14.02.13 01:13
NEW 14.02.13 01:13 
в ответ BlackSeaWolf 13.02.13 18:17
В этом то вся и проблема верстки таблицами. не понятно откуда что тянется. поэтому отделяют логику построения сайта от его оформления. т.е. html и css. в данном случае уже сказали, что див это решение правильное. таблицы нужны для представления той информации которая должна быть представлена в табличной форме. статистики какие нибудь или это выборки из базы итп. где к данным можно применить такие понятия как запись, столбец итп.
#9 
BlackSeaWolf завсегдатай14.02.13 22:42
BlackSeaWolf
NEW 14.02.13 22:42 
в ответ L@nixx 14.02.13 01:13, Последний раз изменено 14.02.13 22:45 (BlackSeaWolf)
НП
Вот именно, тянется неизвестно что и откуда
В общем, разозлилась я на эти таблицы до такой степени, что таки порезала свой дизайн покрупнее
(чтобы меньше ячеек и столцов было, ибо так этот табличный хаос легче контролировать) и сделала image map (при помощи программы какой-то) для того самого меню слева. Все работает, я довольна, и дизайн в порядке!
#10