Подскажите по стилям... - есть ответ

rwt, 289 просмотров

почему 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>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>menu</title>
<style type="text/css">
#menu {margin: 0; padding: 0;}
#menu li {width: 100%; background: green; display: inline;}
</style>
</head>

<body>
<div id="menu">
<ul>
<li>1</li>
<li>2</li>
</ul>
</div>
</body>
</html>

Примечание:
причем тут ul, мне надо чтобы li-шки растянулись по ширине.

Ответы:

Enarc

#menu ul {width: 100%}
попробуй

Бессонов Александр

#men ul{width: 100%;}
#menu li{display:block;}

Бессонов Александр

если вам надо в строчку то inline убирайте а пишите
li{white-space:nowrap; }

Jenechka

не растягиваются по ширине, потому что это свойство только блочных элементов, а у вас inline, уберите это свойство. А для оказания полноценной помощи, покажите как все ДОЛЖНО выглядеть и я напишу вам css

Nargus

я так понимаю, что ты хочешь, чтобы li были в строку и в то же время занимали 100% ришины ul?
нельзя. либо задай на li конкретную ширину в %, если ты знаешь их количество.
это тебе не таблица, которая дотянет ячейки куда надо.

15 лет назад

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.