Kompx.com or Compmiscellanea.com

Изображение по центру CSS

Windows : Internet Explorer 6.0+, Firefox 1.0+, Google Chrome, Opera 5.0+ [ 1 ], Safari 3.1+, SeaMonkey 1.0+ [ 2 ].

Linux : Firefox 1.0+, Google Chrome / Chromium, Opera 5.0+, SeaMonkey 1.0+ [ 3 ], NetSurf 2.6+, Hv3.

Горизонтальное выравнивание изображения по центру с помощью CSS. Пример:

Image

HTML / XHTML. Код:

<div class="example">

<img src="image.jpg" alt="Image" />

</div>

CSS. Код:

.example {position: relative; left: 0px; top: 0px; height: auto; width: 100%; float: left; padding: 10px; border: 1px #ccc solid; background: #fafafa;}

.example img {display: block; margin: 0 auto;}

CSS свойства контейнера (в данном случае example) могут быть самые разные, выравнивание изображения по центру создается с помощью стилей, непосредственно относящихся к изображению: .example img {display: block; margin: 0 auto;}.


[ 1 ]

А так же в Opera 4.0+, если не используется краткая запись CSS свойств. То есть, если код CSS в виде .example img {display: block; margin-left: auto; margin-right: auto;}.

[ 2 ]

А так же в Netscape 6.01+, Mozilla 0.6+.

[ 3 ]

А так же в Netscape 6.01+, Mozilla 0.6+.


Aliosque subditos et thema


Редирект с HTTP на HTTPS в .htaccess


Редирект со всех доменных имен сайта на его веб-адрес с HTTPS и доменным именем с www. Редирект производится с доменов: Как с www, так и без - URL с HTTP Без www - URL с HTTPS Веб-серверы: Apache + nginx. Поддержка SSL включена. SSL-сертификат приобретен, одобрен и установлен. То есть, все настроено и работает. Так что осталось только сделать редирект с HTTP на HTTPS. Директивы для файла .htaccess: RewriteEngine On RewriteCond %{HTTP:HTTPS} !on [NV] RewriteRule ^(.*)$ https://www.domain.tld/$1 [R=301,L] RewriteCond %{HTTP_HOST} !^www\. RewriteRule ^(.*)$ https://www.domain.tld/$1 [R=301,L] Редирект с HTTP на HTTPS Комментарии -- Включить работу механизма преобразования: RewriteEngine On -- Если HTTPS отсутствует: RewriteCond %{HTTP:HTTPS} !on [NV] -- Тогда заменить HTTP + домен (с www или без) на HTTPS + домен с www: RewriteRule ^(.*)$ https://www.domain.tld/$1 [R=301,L] -- Если есть HTTPS, но доменное имя без www (случай, когда в адресной строке вводится https://domain.tld): RewriteCond %{HTTP_HOST} !^www\. -- Тогда заменить его на HTTPS + домен с www: RewriteRule ^(.*)$ https://www.domain.tld/$1 [R=301,L] Документация Apache Module mod_rewrite (in English): http://httpd.apache.org/docs/current/mod/mod_rewrite.html

Вертикальное выравнивание CSS


Вертикальное выравнивание CSS блочного элемента, содержащего текст и изображения. Работает для разных комбинаций блочных и строчных элементов. Пример: Вертикальное выравнивание CSS Вертикальное выравнивание CSS HTML / XHTML. Код: <div class="parent"> <div class="child"> <div class="childcontent">Вертикальное выравнивание CSS</div> <div class="childcontent"><img src="image.jpg" width="68" height="68" alt="Image" /></div> <div class="childcontent">Вертикальное выравнивание CSS</div> </div> </div> CSS. Код: .parent {position: relative; left: 0px; top: 0px; height: 200px; display: table;} .child {position: relative; left: 0px; top: 0px; display: table-cell; vertical-align: middle;} .childcontent {position: relative; left: 0px; top: 0px;} Примечание: .parent и .childcontent могут быть выровнены по левому краю ("float: left;") или не выровнены, но чтобы этот способ вертикального выравнивания CSS сработал, .child должен быть без "float: left;". [ 1 ] А так же в Netscape 6.01+, Mozilla 0.6+. [ 2 ] А так же в Netscape 6.01+, Mozilla 0.6+.