Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

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

Обсуждение темы Отступ списка от рисунка слева в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; Проблема заключается в том, что когда вставляется картинка пропадает отступ списков, т.е. вот здесь всё нормально, отступ, заданный в каскадных таблицах стилей присутствует ...


Закрытая тема
 
Опции темы
Старый 02.03.2010, 10:19   #1
Проблема заключается в том, что когда вставляется картинка пропадает отступ списков, т.е.

вот здесь всё нормально, отступ, заданный в каскадных таблицах стилей присутствует
рис. 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:19
Ссылки
Старый 02.03.2010, 10:25   #2
Любители не закрывать тэги...
Поменяйте margin-left на padding-left
 
Старый 02.03.2010, 10:28   #3
Цитата:
Сообщение от Асмодиан Посмотреть сообщение
Любители не закрывать тэги...
Поменяйте margin-left на padding-left
менял... всё равно тоже самое
везде отступ есть, а двух местах где картинка слева - нет и очень некрасиво получается

p.s. а что значит не закрывать теги ?
 
Старый 02.03.2010, 10:47   #4
Код:
<ul>
    <li>Вебинары</li>
    <li>Онлайн встречи</li>
    <li>Онлайн конференции</li>
    <li>Демонстрации экрана</li>
    <li>Онлайн презентации</li>
    <li>Удаленную тех.поддержку</li>
</ul>
 
Старый 02.03.2010, 11:50   #5
Цитата:
a что значит не закрывать теги ?
Прикольно.
 
Старый 02.03.2010, 14:29   #6
я отступы так делала, может это и неправильно.

Код HTML:
      <p style="text-indent: 25px;">    тЕксТ  </p>
 
Старый 02.03.2010, 19:13   #7
Цитата:
Сообщение от Асмодиан Посмотреть сообщение
Код:
<ul>
    <li>Вебинары</li>
    <li>Онлайн встречи</li>
    <li>Онлайн конференции</li>
    <li>Демонстрации экрана</li>
    <li>Онлайн презентации</li>
    <li>Удаленную тех.поддержку</li>
</ul>
всё равно всё так же осталось вообще ничего не меняется
padding-left не помогает
 
Старый 02.03.2010, 19:34   #8
а кинуть архивом или страницу вместе с стилями можно?
 
Старый 02.03.2010, 20:33   #9
Цитата:
Сообщение от Nimans Посмотреть сообщение
а кинуть архивом или страницу вместе с стилями можно?
вот архив страницы
 
Старый 02.03.2010, 21:37   #10
Ну напишите в 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">
а у вас крутая страничка получилась
 
Этот пользователь сказал спасибо Niemans за это полезное сообщение:
m4igor (02.03.2010)
Старый 02.03.2010, 21:37
Закрытая тема


Опции темы


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Отступ одного элемента в списке 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


Текущее время: 12:45. Часовой пояс GMT +4.

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Дизайнерский форум