Отступ списка от рисунка слева

m4igor · 02.03.2010, 10:19

Проблема заключается в том, что когда вставляется картинка пропадает отступ списков, т.е.

вот здесь всё нормально, отступ, заданный в каскадных таблицах стилей присутствует
рис. 1
а когда вставляется рисунок
рис. 2
отступ пропадает

содержание style.css

Код HTML:

a.tableofcontents:link{text-decoration:none; color: #6DA3BD}
a.tableofcontents:visited{text-decoration:none; color: #6DA3BD}
a.tableofcontents{font-size:16pt;}
div.p1 {text-indent:30px}
ul{list-style-image:url(pic/tick.jpg); margin-left: 35px;}
h2, h1{color: #6DA3BD}
body{margin-right:60px; margin-left:60px;}

в index.html всё как обычно

Код HTML:

......
<ul>
    <li>Вебинары
    <li>Онлайн встречи
    <li>Онлайн конференции
    <li>Демонстрации экрана
    <li>Онлайн презентации
    <li>Удаленную тех.поддержку
   </ul>
........

Асмодиан · 02.03.2010, 10:25

Любители не закрывать тэги...
Поменяйте margin-left на padding-left

m4igor · 02.03.2010, 10:28

Цитата:

Сообщение от Асмодиан

Любители не закрывать тэги...
Поменяйте margin-left на padding-left

менял... всё равно тоже самое
везде отступ есть, а двух местах где картинка слева - нет и очень некрасиво получается

p.s. а что значит не закрывать теги ?

Асмодиан · 02.03.2010, 10:47

Код:

<ul>
    <li>Вебинары</li>
    <li>Онлайн встречи</li>
    <li>Онлайн конференции</li>
    <li>Демонстрации экрана</li>
    <li>Онлайн презентации</li>
    <li>Удаленную тех.поддержку</li>
</ul>

Niemans · 02.03.2010, 11:50

Цитата:

a что значит не закрывать теги ?

Прикольно.

archizona · 02.03.2010, 14:29

я отступы так делала, может это и неправильно.

Код HTML:

      <p style="text-indent: 25px;">    тЕксТ  </p>

m4igor · 02.03.2010, 19:13

Цитата:

Сообщение от Асмодиан

Код:

<ul>
    <li>Вебинары</li>
    <li>Онлайн встречи</li>
    <li>Онлайн конференции</li>
    <li>Демонстрации экрана</li>
    <li>Онлайн презентации</li>
    <li>Удаленную тех.поддержку</li>
</ul>

всё равно всё так же осталось вообще ничего не меняется

padding-left не помогает

Niemans · 02.03.2010, 19:34

а кинуть архивом или страницу вместе с стилями можно?

m4igor · 02.03.2010, 20:33

Цитата:

Сообщение от Nimans

а кинуть архивом или страницу вместе с стилями можно?

вот архив страницы

Niemans · 02.03.2010, 21:37

Ну напишите в style.css

Код HTML:

ul {margin: 0; padding: 0 0 0 135px}
li {list-style-image:url(pic/tick.jpg); margin: 0 0 0 0; padding: 0;}
.er {padding: 0 0 0 600px}

и к первому списку присвойте класс er

Код HTML:

<ul class="er">

а у вас крутая страничка получилась

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Отступ одного элемента в списке	B1ade	HTML, CSS, JavaScript	2	16.03.2015 19:46
Возможен ли отступ y background	Mihalich41	HTML, CSS, JavaScript	3	01.07.2010 23:36
Отступ списка	Lilith	Зал дебютантов	10	19.07.2004 16:25
Верхний и нижний отступ у <hr>	Den09	HTML, CSS, JavaScript	8	29.03.2004 18:20
Прокрутка слева! Как изменить?	Денисон	HTML, CSS, JavaScript	1	14.07.2003 10:43

02.03.2010, 10:25	#2
Асмодиан	Любители не закрывать тэги... Поменяйте margin-left на padding-left

02.03.2010, 14:29	#6
archizona	я отступы так делала, может это и неправильно. Код HTML: <p style="text-indent: 25px;"> тЕксТ </p>

02.03.2010, 19:34	#8
Niemans	а кинуть архивом или страницу вместе с стилями можно?

02.03.2010, 21:37	#10
Niemans	Ну напишите в style.css Код HTML: ul {margin: 0; padding: 0 0 0 135px} li {list-style-image:url(pic/tick.jpg); margin: 0 0 0 0; padding: 0;} .er {padding: 0 0 0 600px} и к первому списку присвойте класс er Код HTML: <ul class="er"> а у вас крутая страничка получилась

02.03.2010, 10:19
Ссылки