Kompx.com or Compmiscellanea.com

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

Windows : Internet Explorer 8.0+, Firefox 1.0+, Google Chrome, Opera 4.0+, Safari 3.1+, SeaMonkey 1.0+ [ 1 ].

Linux : Firefox 1.0+, Google Chrome / Chromium, Opera 5.0+, SeaMonkey 1.0+ [ 2 ].

Вертикальное выравнивание CSS блочного элемента, содержащего текст и изображения. Работает для разных комбинаций блочных и строчных элементов. Пример:

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

Image

Вертикальное выравнивание 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+.


Aliosque subditos et thema

 

JavaScript ролловер. Смена изображения

 

Пример n.1 ( Для современных веб браузеров: Internet Explorer 4.0+, Firefox 1.0+, Google Chrome, Opera 4.0+, Safari 3.1+, SeaMonkey 1.0+, [ 3 ] ): HTML / XHTML. Код: <a href="javascript-rollover-smena-izobrazhenija.htm" onmouseover="image_over();" onmouseout="image_out();"><img src="out.gif" class="image" id="imageout" width="728" height="67" alt="JavaScript ролловер. Смена изображения" /></a> CSS. Код: .image {border: 0px;} JavaScript. Код: imageout=new Image(); imageout.src="out.gif"; imageover=new Image(); imageover.src="over.gif"; function image_out(){ document.images['imageout'].src='out.gif'; }; function image_over(){ document.images['imageout'].src='over.gif'; }; Изображение для смены 1 ( out.gif ): Изображение для смены 2 ( over.gif ): Пример n.2 ( Для старых веб браузеров: Internet Explorer 4.0+, Netscape 3.04+, Opera 3.21+ ): HTML / XHTML. Код: <a href="javascript-rollover-smena-izobrazhenija.htm" onmouseover="image_over();" onmouseout="image_out();"><img src="out.gif" class="image" id="imageout" name="imageout" width="728" height="67" border="0" alt="JavaScript ролловер. Смена изображения"></a> JavaScript.

ELinks. Настройка

 

Перейти к страницам: ELinks - Текстовый, или консольный веб браузер. Описание: возможности, скриншоты, где скачать. ELinks. Использование - Как пользоваться браузером ELinks. Что можно делать с помощью ELinks и что нельзя, что может быть настроено, зависит от нескольких моментов. Самое распространенное, это возможности эмулятора терминала / консоли, в которых запускается ELinks и поддержка чего была выбрана в процессе компиляции исходного кода браузера. В некоторых операционных системах (Windows, например) проще и более надежно не подключать некоторые возможности. Далее обсуждается настройка ELinks 0.12pre2 из Package Database дистрибутива Zenwalk Linux (изначально основывался на Slackware, до сих пор сохраняя совместимость с его бинарными пакетами). Данный ELinks вполне типичный среди других версий этого браузера для Linux на настольных PC компьютерах. Пользовательский интерфейс версии ELinks для Windows и ELinks для Linux / некоторых других *nix систем сравнимых версий одинаков. Если ELinks был скомпилирован без какой-то функции или эмулятор терминала / консоль не поддерживает что-то, тогда будет просто невозможно выбрать эту возможность в процессе настройки; или возможно, но она не будет работать. Например, если ELinks скомпилирован без поддержки 256 цветов или консоль не может отображать их, то в меню будет возможно выбрать только 16 или "No colors (mono)". А в остальном ELinks будет работать не хуже. Все настройки ELinks могут быть сделаны через меню браузера - нет необходимости редактировать конфигурационные файлы. Даже если для некоторых тонких настроек все-таки может потребоваться редактирование файла ELinks.conf или даже файлов исходного кода - но это не слишком актуальный вопрос для обычного использования. Меню ELinks скрыто, когда браузер отображает веб-страницу: Чтобы получить доступ к меню, нажать Esc на клавиатуре: Настройки находятся в группе "Setup": 1 ) "Language" - выбрать язык пользовательского интерфейса ELinks. Возможно выбрать системный язык или какой-то другой. Операционная система и эмулятор терминала / консоль должны быть подготовлены для этих изменений - установлены и настроены соответствующие файлы локализации / интернационализации. Выбрать язык (English в данном примере): Что бы сохранить этот выбор, вновь нажать Esc, затем Setup, потом Save options, затем подтвердить, кликая на OK.