Приветствую Вас Прохожий | RSS Воскресенье, 11.12.2016, 14:49
Меню сайта
ВИДЕО УРОКИ СКРИПТЫ UCOZ ШАБЛОНЫ UCOZ ФОТОШОП UCOZ КАТАЛОГ СТАТЕЙ ВЕБМАСТЕРУ UCOZ ВИДЕО ФОТОШОПА ДОПОЛНЕНИЕ САЙТА РАЗДЕЛ СТУДИИ УСЛУГИ НАШЕГО САЙТА


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



Статистика
Онлайн всего: 15
Гостей: 14
Пользователей: 1
sergaw


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

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


Лишние мои лекции не к чему, поэтому сразу перейду к кодам.
Для начало, это 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)
Просмотров: 1738 | Теги: css, создание, мир_младший, Таблицы, стилем | Рейтинг: 5.0/1
Похожие материалы:
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

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


Поиск


На форуме

1 Продажа рекламные мест ...

2

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

0

3 Куплю сайты в индексе Я...

1

4 Куплю сайты с ТИЦ/PR (п...

9

5 Предлагаю услуги для ан...

0

6 Предлагаю услуги по про...

0

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

51

8 Сайт онлайн фильмов на ...

1

9 Проблема с таблицей

9

10 Отредактировать фото

2


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


Комментарии



Copyright UcozOn.ru™ © 2008-2016


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