VPF::Пропадают list-style-type у Ul при задании ширины

Djigit

Дата 18.1.2009, 13:01 (ссылка)

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

Загрузка ...

Шустрый

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

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

доброго времени суток.
создаю див,внутри него список,по ширине на 100 пикселей уже,чем див. Пропадает list-style-type в ие. В мозилле отображается все правильно. Убираю явное указание ширины ul,тогда растягивается на весь див,что мне не нужно,но кружочки показывает в обоих браузерах.

Код


<!DOCTYPE HTML PUBLIC "-//W3C//DTD// XHTML 1.1 FINAL //EN" "http://www.w3.org/tr/xhtml11/dtd/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">
    <head>
        <meta http-equiv="Content-type" content="text/html; charset=utf-8;" />
        <meta name="author" content="Shamal" />
        <meta name="keywords" content="site,web" />
        <meta name="creation-date" content="23/11/2008" />
        <style type="text/css">
            .border ul{list-style-type:disc; width:300px;}
            .border li{margin-bottom:10px; margin-top:10px; border-width:6px;}
            div {text-align:left; background-color:#999999}
            div.border{background-color:#C2D2F1; width:400px; border-style:solid;}
        </style>
        <title>Здесь могла быть ваша реклама...</title>
    </head>
    <body>
         <div class="border">
                    <ul>
                        <li style="border-style:solid;"><b>solid</b> - сплошная</li>
                        <li style="border-style:double;"><b>double</b> - двойная</li>
                        <li style="border-style:dashed;"><b>dashed</b> - пунктирная</li>
                        <li style="border-style:dotted;"><b>dotted</b> - точечная</li>
                        <li style="border-style:outset;"><b>outset</b> - выдавленная</li>
                        <li style="border-style:inset;"><b>inset</b> - вдавленная</li>
                        <li style="border-style:ridge;"><b>ridge</b> - бордюр (выпуклая)</li>
                        <li style="border-style:groove;"><b>groove</b> - бороздка (вдавленная)</li>
                    </ul>
          </div>
    </body>
</html>

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

Бабло победит зло!!!

supervladislav

Дата 18.1.2009, 13:27 (ссылка)

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

Загрузка ...

///\\\///\\\///\\\

Профиль
Группа: Завсегдатай
Сообщений: 1771
Регистрация: 18.5.2006

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

а меньше не пробовал сделать

Код


.border ul{list-style-type:disc; width:300px;}

Добавлено через 5 минут и 1 секунду
пока незабыл ie какой 6-0й

Добавлено через 6 минут и 39 секунд
http://www.htmlbook.ru/css/list-style-type.html

в 6ие могут быть ошибки почитай))) поставь вот так
<ul type="disc">

Djigit

Дата 18.1.2009, 13:54 (ссылка)

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

Загрузка ...

Шустрый

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

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

меньше делаю,один фиг,все также,без изменений,значков в ие нет. ие версии 7-ой. В атрибуте прописываю,все равно не прет в ие.((((

Это сообщение отредактировал(а) Djigit - 18.1.2009, 13:55

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

Бабло победит зло!!!

blah

Дата 18.1.2009, 14:54 (ссылка)

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

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 205
Регистрация: 25.9.2008
Где: моя тачка, чувак?

Репутация: 15
Всего: 17

Djigit,
Просто задайте левый padding для списка.

supervladislav

Дата 18.1.2009, 14:54 (ссылка)

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

Загрузка ...

///\\\///\\\///\\\

Профиль
Группа: Завсегдатай
Сообщений: 1771
Регистрация: 18.5.2006

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

а вот так попробуй #ul

blah

Дата 18.1.2009, 15:11 (ссылка)

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

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 205
Регистрация: 25.9.2008
Где: моя тачка, чувак?

Репутация: 15
Всего: 17

supervladislav, и что это будет означать?

Код


<ul id="ul">

supervladislav

Дата 18.1.2009, 15:17 (ссылка)

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

Загрузка ...

///\\\///\\\///\\\

Профиль
Группа: Завсегдатай
Сообщений: 1771
Регистрация: 18.5.2006

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

извеняюсь не спал всю ночь)))через id задать

Violator

Дата 18.1.2009, 18:28 (ссылка)

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

Загрузка ...

Бывалый

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

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

Djigit,
старайтесь обнулять margin и padding, и как уже вам сказали поставьте padding-left для ul

Код


ul{margin:0;padding:0;}
.border ul{... padding-left:20px;}

Djigit

Дата 19.1.2009, 10:03 (ссылка)

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

Загрузка ...

Шустрый

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

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

получилось. СПасибо всем smile

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

Бабло победит зло!!!

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