Как выровнять таблицу по центру окна браузера?

Для выравнивания таблицы имеется два основных метода: с помощью параметра align тега <TABLE> и с использованием стилей. Вначале рассмотрим способ, основанный только на HTML. Его суть простая — к тегу <TABLE> добавляем параметр align со значением center, как показано в примере 1.

Пример 1. Использование HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Таблица в центре окна</title>
</head>
<body>
<table align="center" width="300" border="1">
<tr>
<td>Балбес</td>
<td>Бывалый</td>
</tr>
<tr>
<td>Трус</td>
<td>Шурик</td>
</tr>
</table>
</body>
</html>

Результат данного примера показан на рис. 1.

Рис. 1. Выравнивание таблицы с помощью параметра align

Обратите внимание, что DOCTYPE используется переходный, в противном случае код не пройдет валидацию.

Более удобен способ выравнивания таблицы, основанный на стилях. В этом случае для селектора TABLE следует задать атрибут margin со значением 0 auto. Аргумент обозначает, что отступы по вертикали равны нулю, а слева и справа от таблицы вычисляются автоматически. В данном случае это как раз и приводит к центрированию таблицы (пример 2).

Пример 2. Использование CSS

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Таблица в центре окна</title>
<style type="text/css">
TABLE {
 width: 300px; /* Ширина таблицы */
 border: 1px solid green; /* Рамка вокруг таблицы */
 margin: 0 auto; /* Выравниваем таблицу по центру окна */
}
TD {
 text-align: center; /* Выравниваем текст по центру ячейки */
}         
</style>
</head>
<body>
<table>
 <tr>
  <td>Балбес</td>
  <td>Бывалый</td>
 </tr>
 <tr>
  <td>Трус</td>
  <td>Шурик</td>
 </tr>
</table>
</body>
</html>

Результат данного примера показан на рис. 2.

Рис. 2. Выравнивание таблицы с помощью стилей

Новый сайт по вязанию "Парижанка"

Для чайников



Если у вас на клавиатуре обозначен какой-то знак, который никак не пропечатывается - значит, нужно переключиться на английскую клавиатуру! Это делается клавишами Alt+Shift или Ctrl+Shift.

Как правильно и легально украшать свои посты: 17 решений

Все мы с вами знаем, что пост, проиллюстрированный какой-либо картинкой привлечет гораздо больше внимания, чем просто текст - увы, таковы законы человеческого внимания. Поэтому многие из нас подсознательно это понимают и прикрепляют к своим постам разные картинки по теме - просто вбив запрос в яндекс или гугл, и выбрав нужное. Однако они забывают об авторском праве, и, не спрашивая фотографа, берут его работу в качестве иллюстрации. Это нехорошо.

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

Free Range Stock

Для того чтобы скачать бесплатные качественные фотографии с высоким разрешением и различные текстуры вам понадобится зарегистрироваться в этом фотостоке. Это не так сложно, тем более, что взамен получите изображения размером как минимум 2400 x 1600 пикселей, которые могут быть использовании как для личных, так и коммерческих проектов. Для обоев тоже подойдет.

Анимация с кодами                     автор:    http://www.liveinternet.ru/users/2872708/profile/ 

<img src="<a href="//img0.liveinternet.ru/images/attach/c/0//53/309/53309249_0.gif"" target="_blank">//img0.liveinternet.ru/images/attach/c/0//53/309/53309249_0.gif"</a> _fcksavedurl="<a href="//img0.liveinternet.ru/images/attach/c/0//53/309/53309249_0.gif"" target="_blank">//img0.liveinternet.ru/images/attach/c/0//53/309/53309249_0.gif"</a> width="500" height="500" alt=" (500x500, 249Kb)" /> анимация дальше

Ссылочки, нужные и полезные для оформления блога



ссылочки,нужные и полезные для оформления блога

У меня набралось уже достаточно материала для оформления Ваших блогов и поэтому я решила все собрать в один пост, чтобы легче было ориентироваться. Пост будет вывешен в эпиграфе и по мере поступления новых материалов будет пополняться ))

Рамочки для постов

1) Пасхальные рамочки
2) Рамочки "Под покровом ночи"
3) Мультяшные рамочки
4) Нежные весенние рамочки
5) Рамочки "Дети - цветы жизни"
6) Рамочки "Утро, день, ночь"
7) Рамочки Floral Fantasies - 1
8)Рамочки Floral Fantasies - 2
9)Рамочки Floral Fantasies - 3
10)Рамочки Floral Fantasies - 4
11)Рамочки Floral Fantasies - 5
12)Рамочки к 8 марта
13)Рамочки к 23 февраля
14)Рамочки Forever Friends -1
15)Рамочки Forever Friends -2

Фоны

1) Коллекция бесшовных фонов
2) Бесшовные весенние фоны
3) Бесшовные фоны - 1
4) Бесшовные фоны - 2
5) Фоны Floral Fantasies
6) Бриллиантовое оформление постов
7) Цветочное оформление постов
8) Романтичное оформление постов
9) Разноцветные фоны для постов

+ плагин к Photoshop для создания бесшовных фонов

Клипарт, анимашки

1) Пасхальный клипарт
2) Дарите друг другу цветы
3) Дарите друг другу цветы - 2
4) Цветы
5) Солнышки
6) Разделители для постов - 1
7)Разделители для постов - 2
8) Разделители для постов - 3
9) Сердечки
10) Welcome
11) Забавные детишки
12) Котята 
13) Мишутки
14) Обезьянки 

Пост создан в соавторстве с Жагуара

поиск по схемам оформления



http://www.liveinternet.ru/top/schemes/search/%D0%B7%D0%B8%D0%BC%D0%B0

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

Работает уже достаточно давно, но многие не знают.