Как описание в меню оставить ниже - Страница 2 - Форум

Суббота, 26 Ноября 2016, 21:22 | Сообщение 16

Vip

Сообщений:767

Награды: 21

Kosten, ты хотел чтобы внизу было описание также? я сделал чтобы отступ был всего лишь

No regrets

Страна: (RU)

Суббота, 26 Ноября 2016, 21:28 | Сообщение 17

Администраторы

Сообщений:44490

Награды: 70

Angerfist, а в низ их закинуть не как?

Страна: (RU)

Суббота, 26 Ноября 2016, 21:33 | Сообщение 18

Vip

Сообщений:767

Награды: 21

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

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

Код

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

No regrets

Страна: (RU)

Суббота, 26 Ноября 2016, 21:41 | Сообщение 19

Администраторы

Сообщений:44490

Награды: 70

Angerfist, спасибо, все нормально, описание подгоню, так как видно, оно должно быть не больше по длине самого название.

Страна: (RU)

Суббота, 26 Ноября 2016, 21:47 | Сообщение 20

Администраторы

Сообщений:44490

Награды: 70

Angerfist, теперь как понимаю этот стиль не нужен.

Код

@media all and (min-width:320px) and (max-width:960px) {
.web_desc {padding-left: 5px;}
}

Страна: (RU)

Суббота, 26 Ноября 2016, 21:54 | Сообщение 21

Vip

Сообщений:767

Награды: 21

Kosten, не нужен, он был для отступа в одну линию (inline-block)

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

No regrets

Страна: (RU)

Суббота, 26 Ноября 2016, 22:06 | Сообщение 22

Администраторы

Сообщений:44490

Награды: 70

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

Код

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

Страна: (RU)

ucozmental

Воскресенье, 27 Ноября 2016, 22:36 | Сообщение 23

Пользователи

Сообщений:112

Награды: 0

« 0 »

Наверное так:

Код

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

Страна: (RU)

Воскресенье, 27 Ноября 2016, 22:54 | Сообщение 24

Администраторы

Сообщений:44490

Награды: 70

ucozmental, делал так, но там видать другой класс идет.

Страна: (RU)

Kolinkor

Понедельник, 28 Ноября 2016, 00:28 | Сообщение 25

Vip

Сообщений:306

Награды: 1

« 7 »

Но как то делают же?

Страна: (RU)

Понедельник, 28 Ноября 2016, 01:19 | Сообщение 26

Администраторы

Сообщений:44490

Награды: 70

Цитата Brung (

)

Но как то делают же?

Делают, не вопрос. 07a

Страна: (RU)

Понедельник, 28 Ноября 2016, 15:00 | Сообщение 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)

Понедельник, 28 Ноября 2016, 15:07 | Сообщение 28

Администраторы

Сообщений:44490

Награды: 70

Angerfist, поставил и что должно измениться?

Страна: (RU)