9 октября 2011 г.

Альтернатива тегу center или центрирование по горизонтали html элементов


В 2011 еще можно обнаружить случаи, когда приходится сталкиваться с применением древнего тега center. Примером такой встречи из повседневной работы может быть cms Bitrix, где тег center применяется довольно часто (да и другие древние теги, такие как font тоже).
Поэтому в этом посте хочу привести примеры, как можно перейти от использования тега center к использованию возможностей css.

Центрирование таблицы по горизонтали средствами css:
<table style=”margin: 0 auto;”>...</table>

Центрируем изображение по горизонтали:
<img src="fig1.jpg" style=”margin: 0 auto;”/>
Центрируем текст в выпадающем списке select
Работает только в FireFox и Opera!
html код:
<select>
	<option value="..." checked>...</option>
	<option value="...">...</option>
</select>
css код:
select option{
	text-align:center;
}
Выравнивание по центру Гиперссылки
Так к тегу по умолчанию установлено свойство display присвоено значение inline, то это свойство надо изменить на block:
<a href="#" style="text-align:center;display:block;">link</a>

Комментариев нет:

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