Меню
Что нового?

li в строку, утопия?

nut

Новичок
li в строку, утопия?

Привет всем!
Есть CMS, ее переписывать не желательно.
Она выдат код:
<ul>
<li class="some1">
</li>
<li class="some1">
</li>
</ul>

Вопрос, можно ли CSS стилями принудить писать все в строчку?
 

stiff

Новичок
PHP: 
        .some1 li a
        {
                display: block;
        }

	<ul class="some1">
		<li><a href="#">A</a></li>
		<li><a href="#">B</a></li>
	</ul>
 

nut

Новичок
<head><TITLE></TITLE><style> .some1 li
{
display: block;
float:left;
border:solid 1px Red;
font-size:20px;
}
</style>
</head>
<body>
<ul class="some1">
<li><a href="#">A</a></li>
<li><a href="#">B</a></li>
</ul></body>

-~{}~ 22.06.06 16:47:

рабочая версия для кого-нить кому надо
 

camka

не самка
float: left переопределяет display:block в display:inline. Так что display: block можно, скрипя зубами, убрать.
 

SelenIT

IT-лунатик :)
>float: left переопределяет display:block в display:inline
А не наоборот? Впрочем, убрать его в любом случае есть смысл :)
 

stiff

Новичок
.some1
{
width:620px;
float: right;
}

как сделать чтобы <li> растягивались по ul, равномерно заполняя все 600px?
 

kruglov

Новичок
в MSIE только скриптами.
для остального бывает display:table и все такое.
 

camka

не самка
stiff
<li><div> ... </div></li>

float: , как я уже говорил, переводит в режим inline. Посему ширина и не устанавливается. Если поместить блок-элемент внутрь li, можно, управляя его свойствами менять свойства натянутоного на него li.
 

SelenIT

IT-лунатик :)

camka

не самка
SelenIT
А ведь и действительно block. Прошу прощения за ложные сведения.

В оправдание лишь скажу, что, в случае, если float: right | left не подходит (например, необходимо установить список в центре по отношению ко внешнему элементу), можно использовать метод натягивания li на любой блок-элемент. Да и еще, Mozilla, например определяет style.display li элемента с установленным свойством float как list-item, а не block.
 

stiff

Новичок
Автор оригинала: camka
stiff
<li><div> ... </div></li>

float: , как я уже говорил, переводит в режим inline. Посему ширина и не устанавливается. Если поместить блок-элемент внутрь li, можно, управляя его свойствами менять свойства натянутоного на него li.
Нажмите для раскрытия...
А можно пример?
 
Войдите или зарегистрируйтесь для ответа.
Сверху