• Страница 2 из 3
  • «
  • 1
  • 2
  • 3
  • »
Модератор форума: -SAM-  
Форум » Веб-разработка » Вопросы про uCoz » Как описание в меню оставить ниже
Как описание в меню оставить ниже
Angerfist
Суббота, 26 Ноября 2016 | Сообщение 16
Оффлайн
Vip
Сообщений:767
Награды: 21
Kosten, ты хотел чтобы внизу было описание также? я сделал чтобы отступ был всего лишь

No regrets
Страна: (RU)
Kosten
Суббота, 26 Ноября 2016 | Сообщение 17
Оффлайн
Администраторы
Сообщений:44342
Награды: 70
Angerfist, а в низ их закинуть не как?
Страна: (RU)
Angerfist
Суббота, 26 Ноября 2016 | Сообщение 18
Оффлайн
Vip
Сообщений:767
Награды: 21
Kosten, попробуй тогда так, я думал тебе отступ нужен чтобы не налазило вплотную описание:

в стилях вместо inline-block просто block
Код

.web_desc{display: block;font-size:11px;color: #848484;}


No regrets
Страна: (RU)
Kosten
Суббота, 26 Ноября 2016 | Сообщение 19
Оффлайн
Администраторы
Сообщений:44342
Награды: 70
Angerfist, спасибо, все нормально, описание подгоню, так как видно, оно должно быть не больше по длине самого название.
Страна: (RU)
Kosten
Суббота, 26 Ноября 2016 | Сообщение 20
Оффлайн
Администраторы
Сообщений:44342
Награды: 70
Angerfist, теперь как понимаю этот стиль не нужен.

Код
@media all and (min-width:320px) and (max-width:960px) {
.web_desc {padding-left: 5px;}
}
Страна: (RU)
Angerfist
Суббота, 26 Ноября 2016 | Сообщение 21
Оффлайн
Vip
Сообщений:767
Награды: 21
Kosten, не нужен, он был для отступа в одну линию (inline-block)

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


No regrets
Страна: (RU)
Kosten
Суббота, 26 Ноября 2016 | Сообщение 22
Оффлайн
Администраторы
Сообщений:44342
Награды: 70
Angerfist, а что за стиль прописать, вот здесь к одному описанию, к названию не нужно.

Код
.web_desc{display: block;font-size:11px;color: #848484;}
Страна: (RU)
ucozmental
Воскресенье, 27 Ноября 2016 | Сообщение 23
Оффлайн
Пользователи
Сообщений:112
Награды: 0
Наверное так:

Код
.web_desc{display: block;font-size:11px;color: #848484;width:100%}
Страна: (RU)
Kosten
Воскресенье, 27 Ноября 2016 | Сообщение 24
Оффлайн
Администраторы
Сообщений:44342
Награды: 70
ucozmental, делал так, но там видать другой класс идет.
Страна: (RU)
Kolinkor
Понедельник, 28 Ноября 2016 | Сообщение 25
Оффлайн
Vip
Сообщений:306
Награды: 1
Но как то делают же?
Страна: (RU)
Kosten
Понедельник, 28 Ноября 2016 | Сообщение 26
Оффлайн
Администраторы
Сообщений:44342
Награды: 70
Цитата Brung ()
Но как то делают же?

Делают, не вопрос. 07a
Страна: (RU)
Angerfist
Понедельник, 28 Ноября 2016 | Сообщение 27
Оффлайн
Vip
Сообщений:767
Награды: 21
Kosten, слушай я вот что подумал, правый сайдбар уходит под контент с родными изначальными размерами при сужении, поэтому при ширине 26%, меню своё описание если не входит в эти рамки складывает ниже.

Вообщем как вариант опять медиа запрос, найди в общих стилях #sidebar, как видим указано
Код
float:right; width:26%;


Код

#sidebar {float:right;width:26%; background:#EDEDED; border-radius: 5px;}


чуть ниже найди медиа запросы сайта, и уже здесь (так как складывание произойдёт после 960px)

Код

@media only screen and (max-width: 960px) {


дописываем

Код

#sidebar {float:none; width:100%;}


Вообщем получится так:

Код

@media only screen and (max-width: 960px) {
#puzadpn {display:none;}
.navbar-share {display: none;}
.head-l,.head-r,.foot-l,.foot-r {float:none; width:auto; text-align:center; padding:10px 20px;}
.head-r {padding:10px 20px 40px;}
.site-n,.site-n a {font-size:32px;}
.cap-ttl {padding:15px 20px 10px; font-size:18px;}
.cap-ds {padding:0 20px 15px; font-size:14px;}
#footer {padding:20px 0;}
.foot-l {padding-bottom:0;}
.foot-r {padding:0;}
#content,#sidebar {float:none; width:auto;}
#catmenu {text-align:left;line-height:normal;}
#catmenu ul {display:none;background:#3498db;padding:20px;margin:1px 0 0;}
#catmenu li {float:none;padding:9px 0;border-bottom:1px solid #eceff3;}
#catmenu li:first-child a {padding-top:0;}
#catmenu li a {height:auto;line-height:normal;padding:0;}
#catmenu li a:hover,#catmenu li a.uMenuItemA,#catmenu li.uWithSubmenu:hover > a {background:none; font-weight:bold;}
#catmenu ul ul {display:none;}
#catmenu li.uWithSubmenu:hover > ul {display:none;}
#catmenu li.uWithSubmenu.over > ul {display:block;}
#catmenu ul ul,#catmenu ul ul ul {position:static;width:auto;border:none;border-top:1px solid #eceff3;margin:7px 0 0;padding:0 0 0 40px;background:#3498db;}
#catmenu ul ul li {padding:9px 0;border:none;border-top:1px solid #eceff3;}
#catmenu ul ul li:first-child {border:none;}
#catmenu ul ul li:last-child {padding-bottom:0;}
#catmenu ul ul li a,#catmenu ul ul li a:hover,#catmenu li li a.uMenuItemA,#catmenu li li.uWithSubmenu:hover > a {display:inline-block;padding:0;}
#catmenu li.uWithSubmenu.over > a {color:#fff;font-weight:bold;}
.nav-head {display:block;}
#catmenu .nav-head.over+div>ul {display:block;}
#catmenu li.uWithSubmenu em {display:inline-block;}
.forum-box .gTableSubTop,.forum-box .forumIcoTd,.forum-box .forumThreadTd,.forum-box .forumPostTd,.forum-box .forumLastPostTd,.forum-box .threadIcoTd,.forum-box .threadPostTd,.forum-box .threadViewTd,.forum-box .threadAuthTd,.forum-box .threadLastPostTd,.forum-box .legendTable,.forum-box .fFastSearchTd,.forum-box .fFastNavTd,.forum-box .funcBlock,.forum-box .userRights,.forum-box .forumNamesBar{display:none;}
.forum-box .gTableTop {padding:10px 20px;}
.forum-box .postTable,.forum-box .postTable tbody,.forum-box .postTable tr,.forum-box .postTable td {display:block;width:auto!important;}
.forum-box td.postBottom,.forum-box td.postTdInfo {display:none;}
.forum-box .postTdTop {text-align:left;height:auto;line-height:normal;font-size:13px;padding:10px 20px;border-bottom-width:1px;}
.forum-box .postTdTop + .postTdTop {padding:10px 20px;border-bottom-width:2px;font-size:11px;font-weight:normal;}
.forum-box .postTdTop + .postTdTop:before {content:'';width:0;height:0;background:none;border-top:7px solid #dbe1e8;border-left:7px solid transparent;border-right:7px solid transparent;position:absolute;bottom:-9px;left:20px;}
#toolbarMainContainer {display: none;}
#sidebar {float:none; width:100%;}
}


Попробуй короче.


No regrets
Страна: (RU)
Kosten
Понедельник, 28 Ноября 2016 | Сообщение 28
Оффлайн
Администраторы
Сообщений:44342
Награды: 70
Angerfist, поставил и что должно измениться?
Страна: (RU)
Angerfist
Понедельник, 28 Ноября 2016 | Сообщение 29
Оффлайн
Vip
Сообщений:767
Награды: 21
Kosten, пробуй теперь описание в меню увеличить или название

No regrets

Сообщение отредактировал
Angerfist - Понедельник, 28 Ноября 2016, 15:08
Страна: (RU)
Kosten
Понедельник, 28 Ноября 2016 | Сообщение 30
Оффлайн
Администраторы
Сообщений:44342
Награды: 70
Секунду!
Страна: (RU)
Форум » Веб-разработка » Вопросы про uCoz » Как описание в меню оставить ниже
  • Страница 2 из 3
  • «
  • 1
  • 2
  • 3
  • »
Поиск: