Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > Выравнить в разные стороны


Автор: armor85 12.6.2008, 15:23
Здравствуйте,

как "текст" выравнять по левому краю, а цифры по правому, без использования таблиц. 

Код

#fullcountinfo{
 height: 170px;
 width: 300px;
 border: 1px solid #333333;
 padding: 2px;
}
#lnDiv{
 background-color:#666666; 
 height:1px
}

Код

<div id="fullcountinfo">
<span style="font-weight:bold">текст </span><span style="width:100%; text-align:right; border:1px solid #666666">111111</span>
<div id="lnDiv"></div>
<a href="#">текст <i>1111</i></a>
<div id="lnDiv"></div>
текст 2222
<div id="lnDiv"></div>
текст 3333
<div id="lnDiv"></div>
текст 4444
<div id="lnDiv"></div>
текст 5555
<div id="lnDiv"></div>
текст 666
<div id="lnDiv"></div>
текст 777
</div>

Автор: SelenIT 12.6.2008, 15:37
Есть мнение, что таблицы для этой задачи - оптимальное решение. А вот делать однопиксельные разделители пустыми дивами - дикость, куда более страшная, чем использование таблиц.

Автор: armor85 12.6.2008, 15:48
Так что решения нет, обязательно таблицы нужно?

Автор: SelenIT 12.6.2008, 16:13
Решение есть - два вложенных блока, у наружного фиксированная ширина (и нижний border для той самой линии-разделителя;), у внутреннего (с цифрами) float: right. Или воспользоваться http://htmlcoder.visions.ru/HTML/?15, немного поколдовав с его стилями...

Автор: armor85 12.6.2008, 17:00
SelenIT, Спасибо! Попробую.

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)