|
Как описание в меню оставить ниже
|
|
Angerfist |
Суббота, 26 Ноября 2016, 21:22 | Сообщение 16 |
|
Kosten, ты хотел чтобы внизу было описание также? я сделал чтобы отступ был всего лишь
No regrets
|
| [ RU ] |
|
|
Kosten |
Суббота, 26 Ноября 2016, 21:28 | Сообщение 17 |
|
Angerfist, а в низ их закинуть не как?
|
| [ RU ] |
|
|
Angerfist |
Суббота, 26 Ноября 2016, 21:33 | Сообщение 18 |
|
|
Kosten, попробуй тогда так, я думал тебе отступ нужен чтобы не налазило вплотную описание:
в стилях вместо inline-block просто block
Код
.web_desc{display: block;font-size:11px;color: #848484;}
No regrets
|
| [ RU ] |
|
|
Kosten |
Суббота, 26 Ноября 2016, 21:41 | Сообщение 19 |
|
|
Angerfist, спасибо, все нормально, описание подгоню, так как видно, оно должно быть не больше по длине самого название.
|
| [ RU ] |
|
|
Kosten |
Суббота, 26 Ноября 2016, 21:47 | Сообщение 20 |
|
|
Angerfist, теперь как понимаю этот стиль не нужен.
Код @media all and (min-width:320px) and (max-width:960px) {
.web_desc {padding-left: 5px;}
}
|
| [ RU ] |
|
|
Angerfist |
Суббота, 26 Ноября 2016, 21:54 | Сообщение 21 |
|
|
Kosten, не нужен, он был для отступа в одну линию (inline-block)
как вариант чтобы вмещалось больше текста в описании и названий категорий, задай стилевое решение в 100%
для нужных классов.
No regrets
|
| [ RU ] |
|
|
Kosten |
Суббота, 26 Ноября 2016, 22:06 | Сообщение 22 |
|
|
Angerfist, а что за стиль прописать, вот здесь к одному описанию, к названию не нужно.
Код .web_desc{display: block;font-size:11px;color: #848484;} |
| [ RU ] |
|
|
ucozmental |
Воскресенье, 27 Ноября 2016, 22:36 | Сообщение 23 |
|
Наверное так:
Код .web_desc{display: block;font-size:11px;color: #848484;width:100%} |
| [ RU ] |
|
|
Kosten |
Воскресенье, 27 Ноября 2016, 22:54 | Сообщение 24 |
|
|
ucozmental, делал так, но там видать другой класс идет.
|
| [ RU ] |
|
|
Kolinkor |
Понедельник, 28 Ноября 2016, 00:28 | Сообщение 25 |
|
Но как то делают же?
|
| [ RU ] |
|
|
Kosten |
Понедельник, 28 Ноября 2016, 01:19 | Сообщение 26 |
|
|
Цитата Brung (  ) Но как то делают же?
Делают, не вопрос. 
|
| [ RU ] |
|
|
Angerfist |
Понедельник, 28 Ноября 2016, 15:00 | Сообщение 27 |
|
|
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, 15:07 | Сообщение 28 |
|
|
Angerfist, поставил и что должно измениться?
|
| [ RU ] |
|
|
Angerfist |
Понедельник, 28 Ноября 2016, 15:08 | Сообщение 29 |
|
|
Kosten, пробуй теперь описание в меню увеличить или название
No regrets
Сообщение отредактировал
Angerfist - Понедельник, 28 Ноября 2016, 15:08 |
| [ RU ] |
|
|
Kosten |
Понедельник, 28 Ноября 2016, 15:09 | Сообщение 30 |
|
|
Секунду!
|
| [ RU ] |
|
|
