Jump to content
  • Sign Up
betmakh

Оффсет для списка

Recommended Posts

Всем доброго времени суток!

Интересует такой вопрос: как делать отступы для элементов списка <li>, да не простые, а такие чтобы отступ каждого последующего элемента увеличивался по сравнению с предыдущим на некое заданное значение как здесь: http://prntscr.com/3ucu83

 

Как сделать чтобы отступ каждого последующего элемента списка был больше отступа предыдущего элемента?

 

Есть ли какой нибудь универсальный псевдокласс или элемент где можно бы было задать параметр увеличения отступа, чтобы не прописывать отступ на каждом элементе отдельно?

Edited by betmakh

Share this post


Link to post
Share on other sites

Как вариант, можно вкладывать ul друг в друга.

<ul><li>Тест</li><ul><li>Тест 2</li><ul><li>Тест 3</li></ul></ul></ul>

А для <ul> применить отступ

ul {padding:0 0 0 10px;}

Не совсем понял, что требуется, ибо ссылка на пример выдает 404

Share this post


Link to post
Share on other sites

Как вариант, можно вкладывать ul друг в друга.

<ul><li>Тест</li><ul><li>Тест 2</li><ul><li>Тест 3</li></ul></ul></ul>

А для <ul> применить отступ

ul {padding:0 0 0 10px;}

Не совсем понял, что требуется, ибо ссылка на пример выдает 404

http://prntscr.com/3ucu83

Share this post


Link to post
Share on other sites

для каждого пункта списка увеличиваешь padding-left на 50px

Edited by DivMan

Share this post


Link to post
Share on other sites

для каждого пункта списка увеличиваешь padding-left на 50px

 

А есть ли какой нибудь универсальный псевдокласс или элемент где можно бы было задать параметр увеличения отступа, чтобы не прописывать отступ на каждом элементе отдельно?

Share this post


Link to post
Share on other sites

 

для каждого пункта списка увеличиваешь padding-left на 50px

 

А есть ли какой нибудь универсальный псевдокласс или элемент где можно бы было задать параметр увеличения отступа, чтобы не прописывать отступ на каждом элементе отдельно?

 

Это так трудно?

Share this post


Link to post
Share on other sites

 

 

для каждого пункта списка увеличиваешь padding-left на 50px

 

А есть ли какой нибудь универсальный псевдокласс или элемент где можно бы было задать параметр увеличения отступа, чтобы не прописывать отступ на каждом элементе отдельно?

 

Это так трудно?

 

 

Это не трудно, и тем не менее мой вопрос остается прежним: есть ли какой нибудь универсальный псевдокласс или элемент где можно бы было задать параметр увеличения отступа, чтобы не прописывать отступ на каждом элементе отдельно?

Share this post


Link to post
Share on other sites
Как вариант, можно вкладывать ul друг в друга.

<ul> нельзя вкладывать друг в друга. внутри <ul> может быть только <li>

 

Но ведь это совсем не то о чем я справшивал

Это именно то, о чем вы спрашивали.

Share this post


Link to post
Share on other sites

Ах, если бы в CSS были переменные...  ^_^


 

Как вариант, можно вкладывать ul друг в друга.

<ul> нельзя вкладывать друг в друга. внутри <ul> может быть только <li>

 

Но большинству все равно, многоуровневые меню в основном так и делаются.

Share this post


Link to post
Share on other sites
Но можно же сделать валидно. 
 

Это-то понятно.

Но, кстати, у меня валидатор никогда на такие конструкции не жаловался.

Share this post


Link to post
Share on other sites

Тут у вас не много вариантов. Либо использовать данный метод

 

Но большинству все равно, многоуровневые меню в основном так и делаются.

Но можно же сделать валидно

 

либо писать это на javaScript http://learn.javascript.ru/css-selectors

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Similar Content

    • By Bourdun
      Не знаю как это объяснить, смотрите на скриншоты. Как решить эту проблему?
       


    • By leShik
      Попросили добавить текста немного на сайт. Добавил блок со списком, отображение вот такое

      Какие стили отвечают за такое отображение?
      Его стили на данном этапе))
      div style="position: relative; clear: both;"
      "position: absolute; clear: both; z-index: 1000;" - отображает вот так

      почему "type" для ul не отрисовывает маркеры?
      Вроде на дримвивере написан, хотя хз))
  • Member Statistics

    46,841
    Total Members
    1,451
    Most Online
    SkyMasteer
    Newest Member
    SkyMasteer
    Joined
  • Recently Browsing   0 members

    No registered users viewing this page.

  • Спрашивают сейчас

  • Пишут сейчас

    • Я люблю баклажаны. Рулетики из баклажанов Прекрасный диетический обед или гарнир к основному блюду! Вкууууусно! Даже мужу, который овощи не любит вообще, понравилось:))))Я делала из расчёта на одного человека, поэтому, соответственно, если будете делать рулетики из баклажанов на двоих, то всего надо брать вдвое больше:))). Продукты  (на 1 порцию) Баклажан (маленький) - 1 шт. Помидор - 0,5 шт. Морковка(маленькая) - 1 шт. Луковица (маленькая) - 1 шт. Растительное масло Соль, перец, сухой молотый чеснок - по вкусу Как приготовить рулетики из баклажанов: Баклажаны нарезаем вдоль и присыпаем солью. Откладываем в сторону минут на 10. Припустим мелко порезанный лук на растительном масле до прозрачности. Добавляем натёртую на тёрке морковь и порезанную мелко помидорку. Солим, перчим, добавляем чеснок, наливаем немного воды, закрыть крышкой и тушим ещё минут 10. Ломтики баклажана сполоснуть, обжариваем с двух сторон до мягкости на сковороде с небольшим количеством растительного масла. Готовые ломтики промакнём бумажным полотенцем от лишнего жира. Кладём на серединку каждого ломтика нашу начинку и завернуть в рулетики. Скрепляем зубочисткой, чтобы не развалились. Вот и готовы рулетики из баклажан – фото перед вами! Ням-ням-ням:)))  
    • Ясно, спс. Теперь буду привыкать к такому поведению, хотя на мой взгляд такое поведение пригодится только тем кто случайно нажимает на эту кнопку и соглашается пометить форум прочитанным
    • Как оказалось это обновление CMS, в результате которого именно так ведёт себя эта фича. Вот что сказал саппорт:  
  • Popular Contributors

×
×
  • Create New...