Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Почему не работает данный код ? 
:(
    Опции темы
svch
Дата 16.9.2009, 10:31 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 116
Регистрация: 10.4.2006

Репутация: нет
Всего: нет
Код

.test ul {
    list-style: none;
    width: 500px;
}
.test ul li {
    float: left;
    text-align: left;
    border: 1px solid #800000;
    width: 50%;
}
.align_right {
    text-align: right;
}

Код

<HTML>
<HEAD>
<TITLE>Untitled</TITLE>
</HEAD>

<BODY>

<div class="test">
    <UL>
        <LI>qqq</LI>
        <LI class="align_right">www</LI>
    </UL>
</div>

</BODY>
</HTML>


Текст не выравнивается по правой стороне. Если вместо class сделать id, то все работает.
Или может подскажет кто - как лучше (чем) разделить див на две горизонтальные части ? Чтобы общая ширина была бы фиксированной, одна ячейка заполнена контентом, а вторая на всю оставшуюся ширину. Так можно сделать ?

Большое спасибо.
С уважением, Сергей.
PM MAIL   Вверх
svch
Дата 16.9.2009, 11:56 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 116
Регистрация: 10.4.2006

Репутация: нет
Всего: нет
Разобрался. Надо вот как делать:
Код

.test .align_right {
    text-align: right;
}


Но вот это в силе:
Цитата

Или может подскажет кто - как лучше (чем) разделить див на две горизонтальные части ? Чтобы общая ширина была бы фиксированной, одна ячейка заполнена контентом, а вторая на всю оставшуюся ширину. Так можно сделать ?
PM MAIL   Вверх
Violator
Дата 16.9.2009, 12:13 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 234
Регистрация: 10.1.2009

Репутация: 15
Всего: 15
svch, 
у id приоритет выше чем у class
общая щирина ячейки width + border + padding, из-за этого у вас происходит перенос li
Код

<!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">
<head>
  <title></title>
  <style type="text/css">
    * { margin: 0; padding: 0;}
    .container { width: 600px; }
    .left { float: left; width: 200px; background: green; }
    .right { margin-left: 200px; background: red; }
    * html .right { height: 1%; position: relative; left: -3px; margin-right: -3px; }
    .clear { clear: both; }
  </style>
</head>
<body>
  <div class="container">
    <div class="left">123</div>
    <div class="right">123</div>
    <br class="clear" />
  </div>
</body>
</html>
PM MAIL   Вверх
  
 Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »

Подписаться на тему | Подписка на этот форум | Скачать/Распечатать тему


 




[ Время генерации скрипта: 0.2225 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
 По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.