Создания правильной таблицы - Настройка дизайна - Каталог статей
Приветствую Вас Прохожий | RSS Вторник, 28.03.2017, 11:07
Меню сайта
ВИДЕО УРОКИ СКРИПТЫ UCOZ ШАБЛОНЫ UCOZ ФОТОШОП UCOZ КАТАЛОГ СТАТЕЙ ВЕБМАСТЕРУ UCOZ ВИДЕО ФОТОШОПА ДОПОЛНЕНИЕ САЙТА РАЗДЕЛ СТУДИИ УСЛУГИ НАШЕГО САЙТА


Мини-чат
Все вопросы задаем в форуме,
здесь они игнорируются!



Статистика
Онлайн всего: 10
Гостей: 9
Пользователей: 1
MaDaRa


Главная » Статьи » Настройка дизайна

Создания правильной таблицы
Ну начну с того, что таких вопросов не мало... И ровно- "кстати" я покажу вам как делать, таблицы по пунктам, ну к примеру такого вида:


Лишние мои лекции не к чему, поэтому сразу перейду к кодам.
Для начало, это css стили, цвета, стили рамок:
Code

TABLE {
  width: 350px; /* Ширина таблицы */
  border: 1px solid #369; /* Рамка вокруг таблицы */
}

TD, TH {
  text-align: center; /* Выравнивание по центру */
  padding: 3px; /* Поля вокруг текста */
}

TH {
  color: #369; /* Цвет текста */
  background: #ddd; /* Цвет фона */
  border-bottom: 1px dashed #369; /* Линия слева от ячейки */
}

TD {
  border-left: 1px dashed #369; /* Линия слева от ячейки */
}

.ufbl { /* Стиль для четных колонок */
  background: #dcdcdc; /* Цвет фона */
}  

.utbl { /* Стиль для первой колонки */
  text-align: left; /* Выравнивание по левому краю */
  border: none; /* Нет лишних линий */
}

И сам код полной таблицы :
Code

<table cellspacing="0">
  <tr>
  <th> </th>
  <th>2009</th>
  <th>2010</th>
  <th>2011</th>
  </tr>
  <tr>
  <td class="utbl">Комедии</td>
  <td class="ufbl">69</td>
  <td>800</td>
  <td class="ufbl">1548</td>
  </tr>
  <tr>
  <td class="utbl">Боевики</td>
  <td class="ufbl">81</td>
  <td>93</td>
  <td class="ufbl">1001</td>
  </tr>
  <tr>
  <td class="utbl">Музыкальные</td>
  <td class="ufbl">15</td>
  <td>33</td>
  <td class="ufbl">60</td>
  </tr>
</table>


Ну, естественно это легче будет нарисовать, на визуальных редакторов для веб-таблиц шаблонов, но лучше знать самому, чтобы потом не задавать вопросы, которые могли бы знать и вы.

В стиле все написано, что и какой стиль для чего, так что вы сами легко сможите сменить все стили и цвета. этих таблиц может быть одним стилем, не риальных каличеств, то есть можете создавать сколько вам угодно.
На сегодня все.
мои записи и на Я.ру 30306778.38452326.1351063807.0b00d70d238d83e2005afa1230b8e22d
Категория: Настройка дизайна | Добавил: STAFF (30.11.2011)
Просмотров: 1812 | Теги: css, создание, мир_младший, Таблицы, стилем | Рейтинг: 5.0/1
Похожие материалы:
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Форма входа
Логин:
Пароль:


Поиск


На форуме

1 Комплексный прогон сайт...

51

2 Нужны дизайнеры

1

3 Вакансия копирайтера/пе...

1

4 Верстка

13

5 Файловик. Уникальные те...

1

6 Продажа ручного рерайта...

0

7 Куплю сайты с трафиком

0

8 Баннер 88х31

11

9 Оцените макет на тему W...

7

10 Оценка картинки

6


Подробней о форуме


Комментарии



Copyright UcozOn.ru™ © 2008-2017


Кнопка 88х31 сайта ucozon.ru