Неугомонный
-
Posts
47 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Неугомонный
-
И чем же плохо?
-
position: fixed; top: 0; right: 0; height: 100%; Смотрю никто никогда не указывает bottom:0; а используют height: 100%; , почему?
-
* {margin:0;padding:0}
-
Как выровнять ссылка 3 чтобы была по правому краю над ссылками что выпадают?
-
@media only screen and (min-width: 1280px) я это предусмотрел в чистовике скажем так ,Задано
-
Т.е про width: 230px; ?
-
спасибо, а так я всё правильно замутил? )))
-
https://jsfiddle.net/p3ahomcL/ Вот ну всё же получилось и вроде правильно а как себе начал переносить нифига не выходит, что я не так делаю? https://jsfiddle.net/jqgaut9y/2/
-
Мне кажется можно обойтись без before и after https://jsfiddle.net/q29sck31/
-
Завтра разберусь
-
https://jsfiddle.net/c16ypvgo/ Что то у меня ничего не получается ..
-
Через background-color ? Заливать
-
::before ?
-
Я не представляю себе никак, я только пытаюсь и много еще не понимаю Как такую задумку сделать подтолкните ))
-
В общем понял чуть чуть transition что margin-top это к чему мы применяем, 1s; это время за сколько выполниться смещение к margin-top: 0;, но сижу ломаю голову как заставить салатовую полоску border-right заполнять весь блок справа на лево при наведении на блок с ссылка? https://jsfiddle.net/nzw4ghkq/
-
Я уже разобрался не хватает visibility: hidden; а на ховер кинуть visibility: visible;
-
Как бы opacity не убирает блок а просто делает его невидимым а я хочу его за счет z-index убрать чтобы он не появлялся когда навожу на пустое место, но не получилось чего то ((
-
Что-то я не понял фишки z-index: -1; применил чтобы убрать блок а он все равно появляется https://jsfiddle.net/g5kwn3cm/1/
-
на меньше все в другом виде не будет вылетающего блока вообще при ховере ))
-
фишка в том что это все обернуто должно быть в @media only screen and (min-width: 1024px
-
Если ширина экрана меньше 1358 то на всю, если ширина экрана больше 1358 (например 1680) то по центру экрана и не превышая размер max-width:1358px
-
сложность в том что должен быть и с left:0; окно не по центру а слева приклеено max-width:1358px;
-
<!doctype html> <html> <head> <meta charset="utf-8"> <title></title> <meta name="description" content=""> <meta name="keywords" content=""> <link rel="icon" href="favicon.ico"> <style> body{min-height:1500px;overflow-y:hidden;} @media only screen and (min-width: 1280px) { .dropdown { display: inline-block; } .dropdown-content { z-index: 1; display:none; position: absolute; background-color: #000; width: calc(100% - 48px);height:368px; padding: 46px 24px 40px; max-width:1358px; left:50%; } .dropdown:hover .__open { background-color: #000; color: #4a4a4a; } .dropdown:hover .dropdown-content { display:block; } } </style> <script src="js/jquery-2.2.4.min.js"></script> </head> <body> <div id=""> <div class=""> <a class="" href="#index.html"></a> <div class=" "> <div style="width:1024px;margin:0 auto;"> <a class="" href="#">Ссылка 1</a> <a class="" href="#">Ссылка 2</a> <a class="" href="#">Ссылка 3</a> <div class="dropdown"> <a class="__open" href="#">Ссылка 4</a> <div class="dropdown-content"> </div> </div> <a class="" href="#">Ссылка 5</a> <a class="" href="#">Ссылка 6</a> </div> <div class=""> <a class="" href="#"></a> <a class="" href="#"></a> <a class="" href="#"></a> <a class="" href="#"></a> </div> </div> </div> </div> </body> <div style="width:1024px;margin:0 auto;"> Вот что там было
-
Все что есть в первом посте
-
над на весь 100%