У меня есть следующий код для показа некоторых изображений:
HTML:
CSS:
.footer-logos {text-align:center;}
.footer-logos img {margin-left:20px;margin-right:20px;}
.footer-logos img.first {}
.footer-logos img.last {}
.footer-logos ul {}
.footer-logos ul li {display: inline; list-style:none;}
Это производит изображения, которые похожи:
сопроводительный текст http://labs.dante-studios.com/footer-logos-normal.jpg
Но я хотел бы, чтобы это центрировало логотипы вертикально, таким образом, это похоже:
сопроводительный текст http://labs.dante-studios.com/footer-logos-fixed.jpg
Я попытался вертикально выровняться, все через CSS кроме этого действительно не работает, если я не использую таблицу. Так так или иначе я могу получить желаемый эффект, не используя строку таблицы?
ОБНОВЛЕНИЕ 1
Изображения, которые производятся, могут иметь различные высоты, таким образом не может использовать фиксированную высоту css элемент...
. Имеются изображения фиксированной верхней границей в зависимости от их высоты?
, если так, что вы можете установить высоту строки
содержащегося DIV к этой высоте, и Затем установите Vertical-Alight
свойство Метки
в среднем
.
Смотрите здесь: http://phrogz.net/css/vertical-align/index.html
будет ли назначение фокуса первому полю формы через JavaScript при загрузке страницы иметь какое-либо негативное влияние на доступность?
Я не могу думать ни о каком. В промежутках между полями может раздражать любое вспомогательное программное обеспечение, которое может быть запущено пользователем, но первое поле - вряд ли. У меня нет опыта работы с Брайлем и подобными клиентами.
Учитывая, что даже Google делает это на своей первой странице, я не думаю, что это может быть так много в любом случае.
-121--3153531-Я думаю, что использование потока памяти было бы полезно при создании документа в веб-приложении или веб-службе. Расположение файла может конфликтовать с другим процессом, который может выполнять ту же обработку, что может привести к недопустимым результатам. В потоке памяти обработка должна быть разделена.
-121--3560748- Добавить vertical-align: middle;
в .footer-logos img
:
.footer-logos img {margin-left:20px;margin-right:20px;vertical-align:middle;}
Это означает, что необходимо установить фиксированную ширину
и высоту
в каждом из элементов < img >
, чтобы избежать скачка всей вещи вверх во время страницы