Вертикальное многоуровневое меню, блок с подкатегориями как убрать лишнее пространство?

devstudent: спасибо,щас попробую.

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

спасибо большое.

Вертикальное меню с подменю, 2-3-4-5 уровень на 2 уровне, как сделать перенос блоков?

Евгений Вольф: решил оставить так, https://jsfiddle.net/63yxg24z/5/ чуть подшаманил.
нужна помощь, с фоном есть проблема, я там сделал где не 2 строки если чтобы
min-width: 0px;
max-width: 889px;
уменьшалась.
а если 2-3 то чтобы растягивалась. все ок, кроме баграунда белого.

c2n.me/3KQUYFh

Вертикальное меню с подменю, 2-3-4-5 уровень на 2 уровне, как сделать перенос блоков?

Евгений Вольф: щас берда выходит, так как одно менб выше, другое ниже.а масони по идее может распределять.

Вертикальное меню с подменю, 2-3-4-5 уровень на 2 уровне, как сделать перенос блоков?

а если подключить для подкатегорий https://masonry.desandro.com/ ???

Вертикальное меню с подменю, 2-3-4-5 уровень на 2 уровне, как сделать перенос блоков?

проверил уже, через позиции тож выходит херня.

Вертикальное меню с подменю, 2-3-4-5 уровень на 2 уровне, как сделать перенос блоков?

Евгений Вольф: я тож об этом думаю, что надо позиции менять.

flex-direction: column;
flex-wrap: wrap;

работает вроде только в новых браузерах.

Вертикальное меню с подменю, 2-3-4-5 уровень на 2 уровне, как сделать перенос блоков?

Ага, получилось c2n.me/3KNmuMM
только вот там пробелы. распределение не совсем красивое, что с этим сделать можно.

Вертикальное меню с подменю, 2-3-4-5 уровень на 2 уровне, как сделать перенос блоков?

Спасибо.

Добавили это
.grid-container3 > ul {
display: flex;
flex-direction: column;
flex-wrap: wrap;
height: 400px;
}

и

.grid-container3 ul {
display: inline-block;
width: 250px;
}

а что еще? чет смотрю и понять не могу.

Скрываем текст который уходит за блок, прозрачност текста, как сделать?

Сергей: спасибо

Скрываем текст который уходит за блок, прозрачност текста, как сделать?

Сергей: искал решение чет не нашел, надо попробовать, надо же чтобы фон был поверх! как это реализовать.

Вертикальное меню с уровнями, 2-3-4-5 на 2 уовне, как в подменю перенести разделы?

спасибо, перенес но чет как-то все слепил.

Вертикальное меню с уровнями, 2-3-4-5 на 2 уовне, как в подменю перенести разделы?

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

Распечатка области страницы, в хроме пустая страница, как исправить?

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

Распечатка области страницы, в хроме пустая страница, как исправить?

Ярослав Иванов: верно текст есть, если стили убирать, а если со стилями то ничего

Распечатка области страницы, в хроме пустая страница, как исправить?

Ярослав Иванов: верно, вот я пока проблему не решил, не могу понять почему он не хочет.

Распечатка области страницы, в хроме пустая страница, как исправить?

подскажите как еще титле прописать. там ведь не только выбрать принтер можно но и преобразовать в pdf.

Распечатка области страницы, в хроме пустая страница, как исправить?

все это для таблици стили. все больше там ничего нет. в данном файле.

Распечатка области страницы, в хроме пустая страница, как исправить?

.priceprint {
display: inline-block;
border-radius: 3px;
height: 43px;
line-height: 13px;
padding: 0 12px 0 45px;
background: #000;
color: #fff;
font-size: 12px;
text-transform: uppercase;
text-align: center;
width: 130px;
margin-bottom: 30px;
}

.priceprint b {
font-weight: 400;
height: 43px;
display: table-cell;
vertical-align: middle;
}

.priceprint a {
color: #000;
}

.priceprint:hover {
background: #ccc;
color: #000;
}

.printprice {
margin: 20px;
color: #000;
}

.printprice td {
border: 1px solid #efefef;
padding: 5px 10px 5px 10px;
}

.printprice tr {
border: 1px solid #efefef;
}

.printprice table {
border-collapse: collapse;
width: 815px;
background: #fcfcfc;
}

.printprice tr:nth-child(2n) {
background: #f7f7f7;
}

.zag b {
font-weight: 400;
color: #39518b;
font-size: 12px;
}

.cen {
color: #000;
font-size: 12px;
}

.cen b {
color: #4D70C4;
font-size: 13px;
}

.artcl {
color: #777;
font-size: 12px;
}

.artcl b {
color: #333;
font-size: 12px;
}

Распечатка области страницы, в хроме пустая страница, как исправить?

Странно, этот показывает https://jsfiddle.net/space2pacman/y9x0ojtb/4/, но там без css в чем же дело выходит в css.