radioactive
-
Posts
138 -
Joined
-
Last visited
-
Days Won
8
Community Answers
-
radioactive's post in Выравнивание горизонтального меню по центру was marked as the answer
https://jsfiddle.net/dg19qo4n/
-
radioactive's post in Как сделать скролл на один экран вниз? was marked as the answer
вот набросал
https://jsfiddle.net/mzn0c46s/
-
radioactive's post in Как зафлоатить инпут? was marked as the answer
а зачем вы дочернему элементу input задаете float right, задавайте этот стиль его родителю и все будет работать
хотя я бы переверстал это дело на это
<header> <nav> <a href="#">Home</a> <a href="#">News</a> <a href="#">Blog</a> <a href="#">Contact</a> </nav> <div class="search"> <input type="search"> </div> </header> header{ overflow:hidden; } nav{ float:left; } .search{ float:right }
-
radioactive's post in Блок уходит вниз при добавлении в него заголовка was marked as the answer
можно так
.block { overflow: hidden; } .block-item { float: left; *display: inline-block; } или так
.block { font-size: 0; } .block-item { font-size: 16px; overflow: hidden; } или так
.block{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox } решений куча, вся проблема в инлайне, гуглите их стантартное поведение
кстати кроссбраузерный inline-block будет таким
.block-item{ display:-moz-inline-stack; /*Firefox 2*/ display:inline-block; /*Хорошие браузеры*/ _overflow:hidden; /*IE6, IE7*/ *zoom:1; /*включаем hasLayout для IE6, IE7*/ *display:inline; /*при hasLayout true display:inline в IE6, IE7 ведёт себя как display:inline-block*/ }
-
radioactive's post in Помогите расположить img в div корректно was marked as the answer
https://jsfiddle.net/ftkLbcvL/
-
radioactive's post in Проблема с резиновым дивом за границы экрана, дочерний элемент за границы родителя was marked as the answer
очень много лишнего css
почти ничего не менял, лишнее выключил звездочкой
http://jsfiddle.net/wrqzpd5y/1/
-
radioactive's post in равносторонний div в не равностороннем родителе was marked as the answer
если я правильно понял то
.round-area{ width: 33.33vh; } демо
-
radioactive's post in Выборочное заполнение фона was marked as the answer
https://jsfiddle.net/nprr5zwv/
при таком раскладе так будет проще всего
-
radioactive's post in Проблема с созданием навигационной карты was marked as the answer
если у вас меню не по диагонали то проблема в координатах
так выглядят http://prnt.sc/ddd28k указанные области
демо https://jsfiddle.net/qgydfqdx/
-
radioactive's post in Виджеты wp was marked as the answer
блок входа накрывает верхний блок с контактами
в качестве решения я решил сместить блок на левую сторону сайта
#toppanel { max-width: 200px; } .tab ul.login { max-width: 100%; } #loginpanel { left: 0; } но решение считайте как временное, в идеале там нужно css переписывать
-
radioactive's post in Div за пределами нижней части экрана was marked as the answer
https://jsfiddle.net/2n487fdn/2/