Как сделать любую вложенность?

Question

[olya_097]

чтобы коректно отображались подменю с отступами
https://jsfiddle.net/7yt5ahLv/1/

upd
https://jsfiddle.net/ektzn0hw/

Comments

[Egor]

Чего?

[olya_097]

Egor Ermolaev, ?

[Тарас Шульга]

Просто вложите ul в a только css/js чуток поправте, а в чем проблема?

[olya_097]

Тарас Шульга,

[Тарас Шульга]

olya_097, а можно что-то кроме картинки, я мысли плохо читаю? Можно хоть какой нить описание?

[Тарас Шульга]

olya_097, вот собственно и ответ

[olya_097]

Тарас Шульга, бордеры слева пропадают
даже если задать инструкции - то не до конца будет

мешает паддинг
а он там нужен

[olya_097]

Тарас Шульга, и показывается сразу все подменю
а не только то по которому кликнули

[Тарас Шульга]

olya_097, боже вы, что платите за каждое нажатие клавиши? Что пропадает и где пропадает?

[olya_097]

Тарас Шульга,

вот тут
бордер слева не до конца( показала стрелкой)

[Egor]

olya_097, ul {padding: 0}
ul li {padding: 0}

[Тарас Шульга]

olya_097, ну правильно, ибо если тупо закопипастить у него падинги как и у родителя и из-за этого отступ. Я же сказал нужно поправить чуток css/js

[olya_097]

Тарас Шульга, правильно. но мне нужно решить это для любой вложенности
я ж не буду классы задавать чтобы немного паддинги поправить для каждей вложенности

как можно решить?
подскажите, пожалуйста

[Egor]

olya_097, ты вообще в неадеквате? У тебя классы уже заданы - .library__submenu твой класс

[Тарас Шульга]

Просто делаете что-то типа .library__submenu > ul{p-0}. А вообще - это же база css, идите учите основы!

[olya_097]

Тарас Шульга, причем тут паддинг
я наоборот его задаю
Вы не поняли задание
а пишите ответ

[olya_097]

Egor Ermolaev, ну правильно. Я задала класс
и что? он там нужен

[Тарас Шульга]

olya_097, а где тут нормально задание описано? скрин и слово как сделать нормально?)

[olya_097]

Тарас Шульга, ну как бы не только скрин
код еще есть выше
а вот скрин как нужно ( в пеинте нарисовала)

[Egor]

olya_097,

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

ну правильно. Я задал класс
и что? он там нужен

Что за болезнь?

[Шохрух Шаймардонов]

olya_097, полагаю уже решили пробелу?

[olya_097]

Egor Ermolaev,
если уровней будет 100 штук
как вы задите паддинги? 100 классов?
разумеется нет
но один общий нужен
чтобы от него оталкиваться

и болезень у вас
ибо не тратьте свое время
по вашей истории ответов вы никому не помогаете
а пишите непонятно что

[olya_097]

Шохрух Шаймардонов, -

[Тарас Шульга]

Egor Ermolaev, болезнь скопипастить код с нулячими знаниями css. И не в состоянии понять, что тут происходит.

[Egor]

olya_097, Задай один класс всем компонентам...

[olya_097]

Тарас Шульга, лол
как бы я писала это код если что)
ну насмешили))

найдите такой и киньте ссылку
чудак вы)
вывод высосаный из пальца

[Шохрух Шаймардонов]

olya_097, т.е. у вас там просто не прописаны стили так, как вы показали выше? (с урезанным бордер?)

[Тарас Шульга]

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

[olya_097]

Шохрух Шаймардонов, просто мне его урезать не нужно

[olya_097]

Тарас Шульга, опять таки
причем тут класс

[Тарас Шульга]

Шохрух Шаймардонов, ну после диалога, я понял, что ей нужно чтобы у подменю были другие классы, отсутствовал лишний отступ, и там, что-то с обводкой, но при этом она не хочет (или не может понять) что нужно css правила поправить для этого.

[Шохрух Шаймардонов]

olya_097, это я понял. Я к тому, что у вас (ПРОБЛЕМНЫЙ) пример в песочнице отличается от (ПРОБЛЕМНОГО) скрина

[Тарас Шульга]

olya_097, ибо у вас класс создает этот отступ, или мы говорим про разные проблемы, или я хз

[olya_097]

Шохрух Шаймардонов, а
поняла Вас
обновила

https://jsfiddle.net/ektzn0hw/

[Шохрух Шаймардонов]

Тарас Шульга, это не класс, а встроенные стили браузера задают отступ (на 40 пикс в моем случае) для вложенного списка

[Тарас Шульга]

Шохрух Шаймардонов, а она их не обнулила? Каюсь - не обратил внимание.

[olya_097]

Тарас Шульга, Шохрух Шаймардонов, https://jsfiddle.net/ektzn0hw/1/

обнулила в через галп ( в сасс файле)

вот и сюда добавила
просто суть в подменю

[Шохрух Шаймардонов]

olya_097, задайте

ul {
  padding-inline-start: 0;
}

А потом пробуйте дальше поковырять стили, если не получится, обращайтесь

[Шохрух Шаймардонов]

olya_097, так же хотите?

[Тарас Шульга]

Ankhena, да я спокоен как сто китайцев во время землетрясения. Но когда посмотрел вопросы - вообще усе понял, вопросы уровня две минуты гугла

[olya_097]

Шохрух Шаймардонов, да
так ( как уже на вашем скрине)

но ul {
padding-inline-start: 0;
}

не решает проблему
все стили итак обнуляются

Answer 1

[Шохрух Шаймардонов]

Comments

[Шохрух Шаймардонов]

спустя 43 комментария...)))

[Тарас Шульга]

Шохрух Шаймардонов, 404 же

[Шохрух Шаймардонов]

Тарас Шульга, упс. Чистил фиддл, видимо нечаянно удалил

[Шохрух Шаймардонов]

Тарас Шульга, исправил

[Тарас Шульга]

Шохрух Шаймардонов, о, теперь гуд.