• Добро пожаловать на компьютерный форум Tehnari.ru. Здесь разбираемся с проблемами ПК и ноутбуков: Windows, драйверы, «железо», сборка и апгрейд, софт и безопасность. Форум работает много лет, сейчас он переехал на новый движок, но старые темы и аккаунты мы постарались сохранить максимально аккуратно.

    Форум не связан с магазинами и сервисами – мы ничего не продаём и не даём «рекламу под видом совета». Отвечают обычные участники и модераторы, которые следят за порядком и качеством подсказок.

    Если вы у нас впервые, загляните на страницу о форуме и правила – там коротко описано, как задать вопрос так, чтобы быстро получить ответ. Чтобы создавать темы и писать сообщения, сначала зарегистрируйтесь, а затем войдите под своим логином.

    Не знаете, с чего начать? Создайте тему с описанием проблемы – подскажем и при необходимости перенесём её в подходящий раздел.
    Задать вопрос Новые сообщения Как правильно спросить
    Если пришли по старой ссылке со старого Tehnari.ru – вы на нужном месте, просто продолжайте обсуждение.

Как сделать разлинованную таблицу средствами CSS?

Stanislav

Новые
Регистрация
25 Май 2008
Сообщения
152
Реакции
0
Баллы
0
Как сделать разлинованную таблицу средствами CSS?

Имеется страница, на которой размещен прайс-лист: Sciencelab | Contacts
Сайт построен на движке webasyst. Задача заключается в создании разлинованной таблицы, чтобы все ячейки были разделены сплошными линиями (например, черного цвета). Самое лучшее что удавалось сдлеать путем добавления строки:
style="border: 1px groove gray; background: white" в теги <table> файла pricelist.tpl.html - оконтовка вокруг таблицы и не больше, т.е. внутри таблицы ячейки не были разделены. Как можно решить данную проблему?
 
Вот такая таблица, сделанная при помощи css.
Код:
<style type="text/css">
BODY { background: white; /* Цвет фона веб-страницы */}
TABLE { width: 300px; /* Ширина таблицы */ border-collapse: collapse; /* Убираем двойные линии между ячейками */ border: 2px solid black; /* Прячем рамку вокруг таблицы */}
TD, TH { padding: 3px; /* Поля вокруг содержимого таблицы */ border: 1px solid maroon; /* Параметры рамки */ text-align: left; /* Выравнивание по левому краю */}
</style>
 
Опоздал с решением ))) но хорошо, что проблема уже решена :)
 
Назад
Сверху