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

Тема: Обрезаются буллеты в ИЕ

Комбинированный просмотр

  1. #1

    Регистрация
    10.07.2008
    Сообщений
    19
    Шарада такая: если слово длинное и переноситься на другую строчку, то пропадает булет (где? да в любимой *И**Е)

    Решение проблеммы пока ненашел, может вы чтонить подскажите?


    HTML
    Код:
    <ul class="breadcrumb">
    ****[*][Только зарегистрированные пользователи могут видеть ссылки. ]
    ****[*][Только зарегистрированные пользователи могут видеть ссылки. ]
    ****[*][Только зарегистрированные пользователи могут видеть ссылки. ]
    ****[*][Только зарегистрированные пользователи могут видеть ссылки. ]
    ****[*][Только зарегистрированные пользователи могут видеть ссылки. ]
    ****[*][Только зарегистрированные пользователи могут видеть ссылки. ][/list]
    CSS
    Код:
    .breadcrumb{
    ****width:300px;
    ****list-style:none;
    }
    .breadcrumb li{
    ****display:inline;
    }
    .breadcrumb li a{
    ****color:#ff7b00;
    ****padding:0 5px 0 12px;
    ****background:url(../images/bulet-circle4.gif) no-repeat 0 5px;
    }
    .breadcrumb li a:hover{
    ****background:url(../images/bulet-circle2.gif) no-repeat 0 5px;
    ****color:#cd3300;
    ****text-decoration:none;
    }
    Булеты в прикреплённых

  2. #2

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    А вам обязательно надо, чтобы слова переносились?

  3. #3

    Регистрация
    10.07.2008
    Сообщений
    19
    А вам обязательно надо, чтобы слова переносились?
    В том-то и дело что надо...
    Я уже подумал имаджами вставить... но хочеться решение на цсс...

  4. #4

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    В таком случае я вынужден признать, что побороть этот баг в IE вряд ли представляется возможным. На самом деле это совсем не страшно, потому как более уродливое представление «хлебных крошек» (маркеры + переносы) трудно себе представить (субъективное мнение). Если цепочки ссылок получаются слишком длинными, их обычно обрезают средствами PHP (добавляют многоточия). Еще один неплохой вариант – альтернативная навигация в виде облака тэгов (если длина «хлебных крошек» зашкаливает).

Ваши права

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