Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

точная подгонка рамки таблицы

Обсуждение темы точная подгонка рамки таблицы в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; первая попытка сверстать сайт... хм, не думал что это будет так сложно. выбрал себе для практики задание сверстать вот эту страничку http://oldshipbar.ru/ естественно ...


Закрытая тема
 
Опции темы
Старый 06.05.2009, 12:53   #1
первая попытка сверстать сайт... хм, не думал что это будет так сложно.

выбрал себе для практики задание сверстать вот эту страничку http://oldshipbar.ru/

естественно в css и html код заглядывал. Вопрос возник на второй строке кода. там мы видим две тонкие пунктирные линии - 5px

пытаюсь повторить - задаю height 5, border 0 - ячейка остаётся толстой. padding - тоже не спас... но дело не в этом даже - изучаю код страницы, и нет там ни пэддига, ничего, чтобы точно подогнать ячейку под размер рисунка.

можете сказать, что я упускаю из виду?

второй вопрос, не по этой странице, но также по части табличного дизайна. нередко наблюдал навигационное меню, где слева, в отдельной ячейке стоит графический маркер, а справа, собственно пункт меню.

С одной стороны такое можно наверное сделать и просто CSS (хотя, чтобы маркеры были в отдельной ячейке - вряд ли ).

Так вот, проблема, что когда я хотел повторить этот трюк с маркерами, они у меня не всегда указывают ровно на центр надписи, хотя valign везде одинаковый. особенно это бывает если пункт непосредственно с меню имеет несколько строк. По логике, кажется так и должно быть, и ровнять графические маркеры нужно вручную. но так ли это?
 
Старый 06.05.2009, 12:53
Ссылки
Старый 06.05.2009, 20:37   #2
Вы выбрали плохой сайт для подражания.

Цитата:
Сообщение от Torron Посмотреть сообщение
пытаюсь повторить - задаю height 5, border 0 - ячейка остаётся толстой. padding - тоже не спас..
Что это все значит?

Цитата:
Сообщение от Torron Посмотреть сообщение
нет там ни пэддига, ничего, чтобы точно подогнать ячейку под размер рисунка
Таблицы следует использовать для табличных данных, а не для запихивания в них рисунков.
Цитата:
Сообщение от Torron Посмотреть сообщение
второй вопрос, не по этой странице, но также по части табличного дизайна. нередко наблюдал навигационное меню, где слева, в отдельной ячейке стоит графический маркер, а справа, собственно пункт меню.

С одной стороны такое можно наверное сделать и просто CSS (хотя, чтобы маркеры были в отдельной ячейке - вряд ли.
Лучше это делать без всяких ячеек, а списками ul/li

Цитата:
Сообщение от Torron Посмотреть сообщение
По логике, кажется так и должно быть, и ровнять графические маркеры нужно вручную. но так ли это?
Нет.
 
Старый 06.05.2009, 21:34   #3
Цитата:
Что это все значит?
графическая полоска толщиной 5 пикселей. я засовываю её в ячейку, убираю padding до нуля и ставлю высоту ячейки - 5. однако в моём случае ячейка всё равно гораздо больше (читай выше) чем 5 пикселей.

Цитата:
Таблицы следует использовать для табличных данных, а не для запихивания в них рисунков.
понимаю. что бы сделали, если бы перед вами стояла задача, как у меня? (причем именно в табличном дизайне). Ну не дорос я ещё до дивов, наверное

Цитата:
Лучше это делать без всяких ячеек, а списками ul/li
бесспорно.

Цитата:
Нет.
и как же тогда (если всё же маркированный список не годится)
 
Старый 07.05.2009, 11:52   #4
Цитата:
Сообщение от Torron Посмотреть сообщение
однако в моём случае ячейка всё равно гораздо больше (читай выше) чем 5 пикселей.
значит у тебя какая-то соседняя ячейка больше 5пх.
 
Старый 07.05.2009, 22:23   #5
Покажите, что у вас получается (не надо сюда только код вываливать, дайте ссылку на страницу).
 
Старый 08.05.2009, 00:01   #6
ссылку на сайт выложил, а свою как покажу - в сети её ещё нет. да и не будет в принципе. если форум поддерживает прикрепление файлов, могу так.
 
Старый 08.05.2009, 01:31   #7
Судя по всему, где-то в вашем сообщении должны были быть знаки вопроса.

Цитата:
Сообщение от Torron Посмотреть сообщение
в сети её ещё нет
Вот и выложите. Какой смысл смотреть на исходник, который вы не можете скопировать.

Цитата:
Сообщение от Torron Посмотреть сообщение
графическая полоска толщиной 5 пикселей. я засовываю её в ячейку, убираю padding до нуля и ставлю высоту ячейки - 5. однако в моём случае ячейка всё равно гораздо больше (читай выше) чем 5 пикселей.
Покажите этот кусок.
 
Старый 08.05.2009, 01:31
Закрытая тема




Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Выделение изображения (полностью или рамки) JavaScript spooch HTML, CSS, JavaScript 1 29.01.2013 18:43
Проблемы с кодом рамки построенной с использованием z-index marinka906090 HTML, CSS, JavaScript 15 06.05.2011 14:09
Рамки для фотошоп sasha3 Графические работы 25 12.02.2009 04:33
Вопрос про позиции, рамки и таблицы code-by HTML, CSS, JavaScript 8 18.05.2008 04:33
Подгонка flash элементов под разрешение Uran Технологии Flash 12 20.02.2006 10:32


Текущее время: 01:26. Часовой пояс GMT +4.

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Дизайнерский форум