Как описание в меню оставить ниже
|
|
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 ] |
| |