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

Тема: Горизонтальный список

  1. #1

    Регистрация
    06.02.2007
    Адрес
    Kazan
    Сообщений
    186

    Смущение

    Вот, что имеем:
    • * *
    • Иванов

      * *
    • Петров

      * *
    • Сидоров


    ...

    ul{
    * list-style:none;
    * width:100%;
    * overflow:hidden;
    }
    li{
    * float:left;
    * margin-right:10%; /* это не работает, как мне надо */
    }
    В итоге хотелось бы видеть, чтобы элементы списка равномерно расширялись на всю ширину. Вообще такое возможно? Знаю, что с помощью таблиц- да, а списком пока не получается..

    P.S. В оригинале список больше, чем в моем примере, поэтому подогнать отступ у меня не получается. Если, например, "подогнать" под 1024, то в 1280- лажа, и наоборот..

  2. #2

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Вах...

    P.S. В оригинале список больше, чем в моем примере, поэтому подогнать отступ у меня не получается. Если, например, "подогнать" под 1024, то в 1280- лажа, и наоборот..
    Удивительно логично. )

    Вообще, зачем для списка width: 100%? Он же в прямом потоке... И, следовательно, и так будет занимать по ширине все положенные ему 100%...

    В итоге хотелось бы видеть, чтобы элементы списка равномерно расширялись на всю ширину. Вообще такое возможно?
    Вряд ли. )
    По центру их, подлецов...

    Код:
    <style type="text/css">
    * {margin: 0px; padding: 0px;}
    ul {text-align: center;}
    li {display: inline;}
    </style>
    Ну и боковые отступы для пунктов можно задать...

  3. #3

    Регистрация
    06.02.2007
    Адрес
    Kazan
    Сообщений
    186
    ну так.. раньше с этим не сталкивался )
    а сейчас нужно сделать..
    центрирование не подходит, потому что надо чтобы все было слева и отступы между ними были равномерными..

    я так понимаю, что эта задача, в принципе, не решаема..

    Начальство сказало переверстать сайт с табличной версткой с помощью дивов и чтобы все было одинаково, что же мне придется все-таки таблицу использовать?.. не хочу..

  4. #4

    Регистрация
    17.06.2006
    Сообщений
    83
    li{
    width: 33%;
    float: left;
    text-align: center;
    }

  5. #5

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Особенно весело будет, когда впоследствии возникнет необходимость пару пунктов в меню добавить...

  6. #6

    Регистрация
    06.02.2007
    Адрес
    Kazan
    Сообщений
    186
    элементов в меню фиксированное количество..

    li{
    width: 33%;
    float: left;
    text-align: center;
    }

    я так уже делал.. из-за того, что элементов не 3, а около 10, этот вариант не подходит

    хотя надо будет еще раз попробовать

    всем спасибо за помощь

  7. #7

    Регистрация
    17.06.2006
    Сообщений
    83
    когда впоследствии возникнет необходимость пару пунктов в меню добавить...
    Не сложней, чем добавлять недостающие ячейки. Достаточно посчитать %

  8. #8

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Да, для девушек, которые потом за CMS-ку сядут – это раз плюнуть...

  9. #9

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

  10. #10

    Регистрация
    06.02.2007
    Адрес
    Kazan
    Сообщений
    186
    Господа, вам не кажется, что вы уже вышли за рамки темы?

    ЗЫ Куда смотрит модератор?

  11. #11

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

  12. #12

    Регистрация
    06.05.2005
    Адрес
    Санкт-Петербург
    Сообщений
    769
    Дайте элементам списка идентификаторы и задайте ширину каждого в процентах и индивидуально. Это также даст возможность в дальнейшем привязать к ссылкам внутри элементов различные фоновые картинки.

    Так сделайте ибо очень удобно это для верстки последующей вашей. О девушках и CMS не думай раньше времени ты — по мере поступления проблемы решай.

    В крайнем случае отключите редактирование меню в CMS. Не велика сложность - выкинуть кусок интерфейса или не дать пользователю прав..

  13. #13

    Регистрация
    06.02.2007
    Адрес
    Kazan
    Сообщений
    186
    Дайте элементам списка идентификаторы и задайте ширину каждого в процентах и индивидуально. Это также даст возможность в дальнейшем привязать к ссылкам внутри элементов различные фоновые картинки.
    В принципе, я тоже об этом думал.. Но как-то не решился использовать этот метод. Ну, раз уж это единственно решение и если так советует "Бывалый", тогда я так и сделаю..
    Спасибо

  14. #14

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Originally posted by null@May 23 2007, 12:11
    Так сделайте ибо очень удобно это для верстки последующей вашей. О девушках и CMS не думай раньше времени ты — по мере поступления проблемы решай.

    В крайнем случае отключите редактирование меню в CMS. Не велика сложность - выкинуть кусок интерфейса или не дать пользователю прав..
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    Плакалъ. 2:2. Respect. )

Похожие темы

  1. горизонтальный список
    от KukMan в разделе Вёрстка сайта
    Ответов: 2
    Последнее сообщение: 03.08.2007, 19:46
  2. Неожиданный горизонтальный scroll в IE
    от Zigzag в разделе Вёрстка сайта
    Ответов: 7
    Последнее сообщение: 21.12.2006, 01:02
  3. Горизонтальный скроллинг.
    от Mastep в разделе Веб-программирование
    Ответов: 0
    Последнее сообщение: 23.08.2006, 21:35
  4. Список файлов
    от bulbulator в разделе Flash-технологии
    Ответов: 3
    Последнее сообщение: 05.07.2006, 12:30
  5. раскрывающийся список
    от asat в разделе Вёрстка сайта
    Ответов: 2
    Последнее сообщение: 22.12.2005, 01:40

Ваши права

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