VPF::Выравнить в разные стороны - Форум программистов

armor85

Дата 12.6.2008, 15:23 (ссылка)

(нет голосов)

Загрузка ...

Злой программер

Профиль
Группа: Участник
Сообщений: 246
Регистрация: 6.2.2007
Где: Сочи, блин!

Репутация: нет
Всего: -1

Здравствуйте,

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

Код


#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 (ссылка)

(нет голосов)

Загрузка ...

баг форума

Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 97
Всего: 401

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

--------------------

Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!

armor85

Дата 12.6.2008, 15:48 (ссылка)

(нет голосов)

Загрузка ...

Злой программер

Профиль
Группа: Участник
Сообщений: 246
Регистрация: 6.2.2007
Где: Сочи, блин!

Репутация: нет
Всего: -1

Так что решения нет, обязательно таблицы нужно?

SelenIT

Дата 12.6.2008, 16:13 (ссылка)

(нет голосов)

Загрузка ...

баг форума

Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 97
Всего: 401

Решение есть - два вложенных блока, у наружного фиксированная ширина (и нижний border для той самой линии-разделителя;), у внутреннего (с цифрами) float: right. Или воспользоваться списком определений, немного поколдовав с его стилями...

--------------------

Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!

armor85

Дата 12.6.2008, 17:00 (ссылка)

(нет голосов)

Загрузка ...

Злой программер

Профиль
Группа: Участник
Сообщений: 246
Регистрация: 6.2.2007
Где: Сочи, блин!

Репутация: нет
Всего: -1

SelenIT, Спасибо! Попробую.

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »