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

Тема: Смещение списка в ФФ

  1. #1

    Регистрация
    26.11.2007
    Адрес
    Ялты
    Сообщений
    79
    Возникла трабла:
    Имеется список, заключенный в див. Оверфлоу дива невидимый.
    Внутри дива распологается список с квадратными метками списка (list-style-type:square). Выглядит это так:
    Код:
    [*]Пункт 1
    [*]Пункт 2
    [*]Пункт 3
    Именно без тега (что, верно, семантически неправильно), потому что нет надобности в смещении (табуляции) каждой строки и лишних параметрах в css.
    Опера понимает все хорошо: список начинается с левого края <div>-а, каждая строка имеет метку списка (квадратик).
    ФФ же, делает как: квадратики слева "глотает". В списке видно только сами заголовки. Подскажите, как это можно побороть?
    Для примера кину скрины:
    (пунктир - пределы <div>)
    [attachment=7633:attachment]
    [attachment=7634:attachment]

  2. #2

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

  3. #3

    Регистрация
    26.11.2007
    Адрес
    Ялты
    Сообщений
    79
    Помогла такая фича в css:
    li { list-style-type:square; color:#e50f9f; display:marker; }
    Буду знать %)

  4. #4

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Бред какой... (простите)

  5. #5

    Регистрация
    26.11.2007
    Адрес
    Ялты
    Сообщений
    79
    Вполне резонное замечание

  6. #6

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Вполне резонное замечание
    Да это-то как раз понятно... Ну, то, что оно резонное...
    Тем не менее, гораздо важнее понять, почему оно резонное.

    То, что представлено выше – оно не семантически неправильно. Оно синтаксически неправильно. Как говорится, почувствуйте разницу.

    Теперь далее (тут два нюанса).
    Первый нюанс:

    потому что нет надобности в смещении (табуляции) каждой строки
    Если верстать по-уму, то для всех элементов в документе необходимо изначально обнулить все поля и отступы при помощи универсального селектора:

    Код:
    * {margin: 0px; padding: 0px;}
    И впоследствии задавать их для каждого элемента вручную. Это необходимо сделать как минимум из-за того, что в разных браузерах поля и отступы у разных элементов совершенно разные. В противном случае Вы никогда не добьетесь кроссбраузерности. Это вообще-то азы верстки.

    Второй нюанс:

    и лишних параметрах в css
    Знаете, в некоторых общественных туалетах можно лицезреть следующее обращение к посетителям:

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


    И чуть ниже:

    Если результаты превзошли все ваши ожидания, просьба воспользоваться ёршиком.
    Уборщица.


    Все это я к тому, что Ваше утверждение о «лишних параметрах в css» равноценно следующему:

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

  7. #7

    Регистрация
    26.11.2007
    Адрес
    Ялты
    Сообщений
    79
    Благодарю за ответ!
    З.Ы. К сожалению всех азов еще не знаю... Хватаюсь за все сразу

  8. #8

    Регистрация
    23.03.2004
    Адрес
    Беларусь/Минск
    Сообщений
    926
    фигасе, какие вопросы народ задает =) я чуть не упал, прочитав первый мессейдж в топике. костя, так их! а то плодят говнокоды. =)

  9. #9

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Эээ... тут у нас еще и не такое бывает)

  10. #10

    Регистрация
    14.04.2007
    Сообщений
    136
    Именно без тега (что, верно, семантически неправильно)
    Сам же сказал, шо без тега семантически неправильно))

Похожие темы

  1. Картинка для списка ul
    от r75 в разделе Вёрстка сайта
    Ответов: 2
    Последнее сообщение: 23.02.2009, 18:13
  2. Подчеркивание списка с начала маркера.
    от fenixnt в разделе Вёрстка сайта
    Ответов: 4
    Последнее сообщение: 23.12.2007, 22:41
  3. Заменяем элементы списка картинками
    от Грин в разделе Вёрстка сайта
    Ответов: 12
    Последнее сообщение: 22.09.2007, 19:16
  4. Форма выпадающего списка на JavaScript
    от AMIGO87 в разделе Веб-программирование
    Ответов: 1
    Последнее сообщение: 06.01.2007, 02:03
  5. Маркер списка
    от Aykroyd в разделе Вёрстка сайта
    Ответов: 8
    Последнее сообщение: 24.11.2006, 17:10

Ваши права

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