Использование Column

[Mary_RND]

Есть меню с перечислением общеклиническими направлениями, для разбития на столбцы подпунктов использовала column

Проблема в том, что он делает разбитие li слева направо, а мне надо сверху вниз.

Когда рассматривала примеры работы с column везде текст идет сверху вниз ((

 

http://test3.aveas.ru/napravleniya/obshcheklinicheskie-napravleniya/

[Mary_RND]

Добрый вечер.

Так есть методы дать направление контенту в меню Общеклинические направления при использование column?

 

 

 

 

P.S.: не большое отхождение от темы, при 1024 это же меню уползает вниз... хотя я думала что починила этот глюк, но вот снова со мной (((

[Igor Schnaider]

Да уберите inline-table у UL. И float'ы на LI не нужны здесь. У вас там вообще каша в стилях какая-то.

[Sensei]

По поводу уползания меню.

template.css, 1322 строка

[Mary_RND]

 

По поводу уползания меню.

template.css, 1322 строка

 

Убрала, но меню скачет все равно..

 

Да уберите inline-table у UL. И float'ы на LI не нужны здесь. У вас там вообще каша в стилях какая-то.

 

Если я убираю inline-table, то грубо говоря column переносится на третье вложенное меню в разделе Пластическая хирургия -> Нос

И там все начинает плыть ((

 

p.s.; в онлайн не загружаю пока что, а то там могут смотрины устроить в любой момент -_-"

[by chris]

.menu_dop .tab-content {  position: absolute;  left: -100%;  background: #fff;  width: 100%;  height: 185px;  text-align: left;  padding: 5px 100%;  border-right: 1px #fff solid;}.menu_dop .menu__wrap {  /* width: 970px; */  /* margin: 0 auto; */}.menu__wrap ul {  -webkit-columns: 230px 4;  columns: 230px 4;}.menu__wrap ul li {  /* padding: 4px 2px; */  /* margin: 5px 2px 7px; */  margin-bottom: 6px;  color: #000;  /* float: left; */  display: block;  width: 185px;  overflow: visible;  text-align: left;}

Закомментированные строки и все остальные св-ва для ul не нужны.

[Mary_RND]

Ох.... главное не перепутать menu__wrap какого меню поправить ><

 

Колумн теперь не перескакивает на третью всплывалку )

 

Спасибо )

 

Вроде ничего не пропустила, но вот дополнительное меню под слайдером все равно уезжает вниз при 1024 ((

[Mary_RND]

Вот блин, оказывается у гугл хрома с этим column баг...

https://bugs.chromium.org/p/chromium/issues/detail?id=364609

 

Печалько Т_Т

А можно на css/js разбивать большое li на ul автоматически?