Выравнивание документа в таблицах html

Безимени-190Иногда при верстке сайта html появляется потребность выровнять документ, для читаемости и внешнего вида и удобности. Здесь мы разберем самый удобный способ как быстро и правильно выровнять внутри ячейки документ html.

Существует 2 типа выравнивания текста html: вертикальное и горизонтальное.

Для вертикального выравнивания нормализации задаем значение valign и применяем такой формат:

valign=”/top/” – прижатие всего содержания группы вверх;
valign=”/middle/” - содержание всей группы выставлено в центр;
valign=”/bottom/” – содержание всей группы сведено вниз;

прописываем наши значение в нашу таблицу:

посмотреть результат

 

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

align=”/left/” – прижатие всего содержания группы к левой стороне;
align =”/center/” - выставляем все содержание группы по центру. Можно использовать тэг <center></center>;
align=”/right/” – прижатие всего содержания группы к правой стороне;

Выставляем значения в таблицу:

посмотреть результат

 

На этом все. Дерзайте, экспериментируйте, делайте ваш ресурс более читаемым и кликабельным.

Поделиться в соц. сетях

Опубликовать в Google Buzz
Опубликовать в Google Plus
Опубликовать в LiveJournal
Опубликовать в Мой Мир
Опубликовать в Одноклассники

Оставить комментарий

http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_bye.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_good.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_negative.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_scratch.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_wacko.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_yahoo.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_cool.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_heart.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_rose.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_smile.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_whistle3.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_yes.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_cry.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_mail.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_sad.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_unsure.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_wink.gif 
 

Goon Каталог сайтов Рейтинг@Mail.ru Яндекс.Метрика