Показано с 1 по 16 из 16

Тема: <li>, тирэ вместо диска ?

  1. #1

    Регистрация
    02.08.2006
    Сообщений
    9
    Собственно вопрос понятен, как за место диска заставить отображаться какой нибудь другой символ. Ни чего не могу найти в инете по этому поводу, может среди участников форума есть люди которые в силу своего опыта знают ответ на этот вопрос.

  2. #2

    Регистрация
    03.08.2006
    Сообщений
    7
    <ul type="square">[/list]или
    <ul type="circle">[/list]
    Будут вам квадратики или пустые кружочки
    или нарисуйте сами, какой угодно маркер:
    <UL STYLE="list-style-image: url(&#39;Images/marker.gif&#39;">
    Непонятно где вы искали, это - азы html

  3. #3

    Регистрация
    07.07.2006
    Сообщений
    105
    Код:
    ul li:before{content: "\2014\a0";}
    ul li{behavior: expression(!this.before ? this.before = this.innerHTML = &#39;&mdash;&#39; + this.innerHTML : &#39;&#39;);}

  4. #4

    Регистрация
    02.08.2006
    Сообщений
    9
    cactusomania прочитай внимательно вопрос мне нужно не рисунок или circle, square, disk а наоборот чтобы вместо disk отображался символ &mdash; то есть тирэ !

    makeitso спасибо ! но нужно не после "1. - " а чтобы вместо единицы было тирэ, то есть список выглядел примерно так:

    Код:
    Семья
     *- Вася
     *- Петя
     *- Коля
    Это возможно ?

  5. #5

    Регистрация
    07.07.2006
    Сообщений
    105
    list-style: none; + отрицательный text-indent

  6. #6

    Регистрация
    03.08.2006
    Сообщений
    7
    Ryoga, извините, makeitso, моё тоже спасибо.

  7. #7

    Регистрация
    23.03.2004
    Адрес
    Беларусь/Минск
    Сообщений
    926
    Originally posted by cactusomania@Aug 27 2006, 21:01
    <ul type="square">[/list]или
    <ul type="circle">[/list]
    Будут вам квадратики или пустые кружочки
    или нарисуйте сами, какой угодно маркер:
    <UL STYLE="list-style-image: url(&#39;Images/marker.gif&#39;">
    Непонятно где вы искали, это - азы html
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]

    думаю, стоит давать пример сразу с вынесенными данными в css

  8. #8

    Регистрация
    02.08.2006
    Сообщений
    9
    makeitso огромное спасибо за оказанную помощь.

    Рабочий пример CSS:

    Код:
    li:before{content: "\2014\a0";}
    li{behavior: expression(!this.before ? this.before = this.innerHTML = &#39;&mdash;&#39; + this.innerHTML : &#39;&#39;);list-style: none; text-indent: 20pt;}

  9. #9

    Регистрация
    07.07.2006
    Сообщений
    105
    В случае списка нужен _отрицательный_ text-indent. Посмотрите как будет выглядеть пункт при большем кол-ве текста в нем.

    pt используйте для media="print".

  10. #10

    Регистрация
    03.08.2006
    Сообщений
    7
    Подскажите, пожалуйста как это тире покрасить, мне белым нужно.

  11. #11

    Регистрация
    07.07.2006
    Сообщений
    105
    Подозреваю, что так же, как и все остальное:
    Код:
    li{color: #fff;}

  12. #12

    Регистрация
    03.08.2006
    Сообщений
    7
    тогда все белым будет, а вот тоько тире можно?

  13. #13

    Регистрация
    07.07.2006
    Сообщений
    105
    Как-то так:
    Код:
    li:before{content: "\2014\a0"; color: #fff;}
    li{behavior: expression(!this.before ? this.before = this.innerHTML = &#39;[color= #fff;]&mdash;[/color]&#39; + this.innerHTML : &#39;&#39;);list-style: none; text-indent: 20pt;}

  14. #14

    Регистрация
    03.08.2006
    Сообщений
    7
    makeitso , большое спасибо

  15. #15

    Регистрация
    07.11.2006
    Адрес
    Смоленск
    Сообщений
    153
    Люди как мне заставить работать псевдо элемент after ?
    #link a:after {content: url(&#39;templates/rg.gif&#39;}
    В FF и Opera всё работает в IE не хочет. Что нибудь можно сделать ?

  16. #16

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Originally posted by Рёга@Dec 27 2006, 01:34
    Люди как мне заставить работать псевдо элемент after ?
    #link a:after {content: url(&#39;templates/rg.gif&#39;}
    В FF и Opera всё работает в IE не хочет. Что нибудь можно сделать ?
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    По-моему сделать можно только одно – написать письмо Биллу Гейтсу...
    Не будет именно этот псевдоэлемент в IE работать... Но есть разные альтернативы. Конечно, в зависимости от тех целей, которых Вы хотите достичь...

Похожие темы

  1. Дизайн для упаковки DVD диска
    от lightconverse в разделе Разовая работа. Поиск исполнителей.
    Ответов: 0
    Последнее сообщение: 25.07.2013, 16:40
  2. Вместо кирилицы - ?????????
    от Razor в разделе Веб-программирование
    Ответов: 1
    Последнее сообщение: 02.12.2008, 18:43
  3. Как вам оформление диска?
    от Сад Любви в разделе Флейм
    Ответов: 5
    Последнее сообщение: 22.02.2006, 18:14
  4. <<<РАЗМЕР CD ДИСКА>>>
    от loki999 в разделе Флейм
    Ответов: 13
    Последнее сообщение: 18.12.2005, 13:24
  5. картинка для обложки диска
    от QwertyKz в разделе Флейм
    Ответов: 5
    Последнее сообщение: 01.09.2005, 03:44

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения
  •