bookworm
-
Posts
3 -
Joined
-
Last visited
bookworm's Achievements
Explorer (1/14)
0
Reputation
-
вертикальное выравнивание внутри элементов списка
bookworm replied to bookworm's question in HTML Coding
Оно, конечно, работает. Но как быть в случае с тегами списка? Попробую проверить на них, спасибо. -
вертикальное выравнивание внутри элементов списка
bookworm replied to bookworm's question in HTML Coding
Спасибо всем за ответы, но у меня до сих пор не получилось даже для FF сделать. Если у li ставить table-cell, то vertical-align у span все равно не работает... -
Приветствую. Никак не могу добиться выравнивания текста, находящегося в элементах списка, по вертикали по середине. Не трогая html разметку, только средствами CSS. Возможно? Подскажите пожалуйста. Цель: Без задания индивидуальных отступов и прочих параметров для элементов списка. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US"> <head profile="http://gmpg.org/xfn/11"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>baby</title> <style type="text/css" media="screen"> <!-- html, body {height: 100%; padding: 0;} div.header_1 {margin: 0 auto; padding: 0; width: 980px; height: 168px; background-color: green;} div.header_2 {margin-top: 30px; margin-left: 253px;} div.header_2 > ul > li {float: left; margin: 0; padding: 0; list-style:none; width: 145px; background: red; margin-right: 2px; text-align: center;} div.header_2 > ul > li > a > img {float: right; padding: 0; margin: 0; border: 0; } div.header_2 > ul > li > a > span {color: #FFFFFF; font-family: Arial; font-size: 18px; background: blue;} --> </style> </head> <body> <div class="header_1"> <div class="header_2"> <ul> <li> <a href="/"> <img src="http://bookworm.ru/misc/icon.gif" alt="" width="65" height="65" /> <span>текст</span> </a> </li> <li> <a href="/"> <img src="http://bookworm.ru/misc/icon.gif" alt="" width="65" height="65" /> <span>текст</span> </a> </li> <li> <a href="/"> <img src="icon.gif" alt="" width="65" height="65" /> <span>длинный текст</span> </a> </li> </ul> </div> </body> </html>