ne_beret

привет, можешь помочь чуть чуть) есть такой сайт Мир-климата-брянск.рф там есть 3 кнопки справа и одна слева типо бесплатный замер, <div class="obrvz"> <img src="http://xn—--7kcag1bbpfehfr6ajrl2v.xn--p1ai/wp-content/uploads/2018/03/-1-e1520153199397.png" class="popmake-326"/> </div> <a class="but" href="http://xn—--7kcag1bbpfehfr6ajrl2v.xn--p1ai/%D0%B0%D0%BA%D1%86%D0%B8%D0%B8/">Акции</a> <a class="bat" href="http://xn—--7kcag1bbpfehfr6ajrl2v.xn--p1ai/%D0%BD%D0%B0%D1%88%D0%B8-%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D1%8B/">Наши работы</a> <a href="#" class="popmake-334">Задать вопрос</a> и вот такие стили к ним .obrvz img { cursor: pointer; position: fixed; left: 0; top: 30%; } @media (max-width: 767px) { .obrvz { display: none; } } body {background: #A4DADA;} a.but { position: fixed; right: 0; top: 30%; text-align: center; width: 140px; text-decoration: none; outline: none; padding: 3px 10px; margin: 10px 20px; border-radius: 10px; box-shadow: 0 0 35px 35px #2D89EF inset, 0 0 0 0 #2D89EF; font-family: 'Montserrat', sans-serif; font-weight: bold; font-size: 20px; letter-spacing: 2px; color: #FFFFFF; transition: .15s ease-in-out; } a.but:hover { box-shadow: 0 0 10px 0 #2D89EF inset, 0 0 10px 4px #2D89EF; color: #2D89EF; } @media (max-width: 767px) { a.but { display: none; } } body {background: #A4DADA;} a.bat { position: fixed; right: 0; top: 40%; text-align: center; width: 140px; text-decoration: none; outline: none; padding: 3px 10px; margin: 10px 20px; border-radius: 10px; box-shadow: 0 0 35px 35px #2D89EF inset, 0 0 0 0 #2D89EF; font-family: 'Montserrat', sans-serif; font-weight: bold; font-size: 14px; letter-spacing: 2px; color: #FFFFFF; transition: .15s ease-in-out; } a.bat:hover { box-shadow: 0 0 10px 0 #2D89EF inset, 0 0 10px 4px #2D89EF; color: #2D89EF; } @media (max-width: 767px) { a.bat { display: none; } } body {background: #A4DADA;} a.popmake-334 { position: fixed; right: 0; top: 50%; text-align: center; width: 140px; text-decoration: none; outline: none; padding: 3px 10px; margin: 10px 20px; border-radius: 10px; box-shadow: 0 0 35px 35px #2D89EF inset, 0 0 0 0 #2D89EF; font-family: 'Montserrat', sans-serif; font-weight: bold; font-size: 12px; letter-spacing: 2px; color: #FFFFFF; transition: .15s ease-in-out; } a.popmake-334:hover { box-shadow: 0 0 10px 0 #2D89EF inset, 0 0 10px 4px #2D89EF; color: #2D89EF; } @media (max-width: 767px) { a.popmake-334 { display: none; } } #kont { position: fixed; top: 7%; right: 1.5%; font-weight: bold; color: #333333; } @media (max-width: 767px) { #kont { display: none; } } Вопрос!!! на мониторе 22-24 дюйма во весь экран всё выглядит хорошо, а вот на мониторах меньше или если просто сжимать окно , то всё уменьшается , а кнопки нет, тем самым загораживая информацию. Как сделать чтоб это всё корректно выглядело ?

в php Добавил кнопку <a href="http://xn—--7kcag1bbpfehfr6ajrl2v.xn--p1ai/%D0%BA%D0%BE%D0%BD%D0%B4%D0%B8%D1%86%D0%B8%D0%BE%D0%BD%D0%B5%D1%80%D1%8B/">Акции</a> теперь хочу эту кнопку расположить справа по центру с фиксированной позицией и присвоить body {background: url(https://html5book.ru/wp-content/uploads/2015/07/background39.png);} a { text-decoration: none; outline: none; display: inline-block; width: 140px; height: 45px; line-height: 45px; border-radius: 45px; margin: 10px 20px; font-family: 'Montserrat', sans-serif; font-size: 11px; text-transform: uppercase; text-align: center; letter-spacing: 3px; font-weight: 600; color: #524f4e; background: white; box-shadow: 0 8px 15px rgba(0,0,0,.1); transition: .3s; } a:hover { background: #2EE59D; box-shadow: 0 15px 20px rgba(46,229,157,.4); color: white; transform: translateY(-7px); } что мне нужно ? обернуть в див кнопку или что то другое ? Заранее спасибо . разобрался, спасибо.

создал кнопку в div <div class="obrvz"> <img src="http://xn—--7kcag1bbpfehfr6ajrl2v.xn--p1ai/wp-content/uploads/2018/03/-1-e1520153199397.png" class="popmake-326"/> </div> в файле style.css дописал .obrvz img { cursor: pointer; position: fixed; left: 0; top: 30%; } @media (max-width: 768px) { .obrvz { display: none; } } но стиль не применяется ( в чём может быть дело ? подскажите пожалуйста извиняюсь, перезагрузил note+++ браузер , подчистил кэш и всё заработало

спасибо большое, сейчас попробую

Всем привет. Как сделать чтобы кнопка не отображалась в мобильной версии сайта <div class="obrvz"> <img src="http://xn—--7kcag1bbpfehfr6ajrl2v.xn--p1ai/wp-content/uploads/2018/03/-1-e1520153199397.png" class="popmake-326" style="cursor: pointer; position: fixed; left: 0; top: 30%;"/> </div>

ребят подскажите как мне в кнопку вставить стиль который выше . Пожалуйста

или хочу добавить эффект к своей кнопке как тут http://nisnom.com/veb-razrabotki/hover-button-effect/ вставил в style.css body { font-family: "Lato", sans-serif; color: #111111; } .container { width: 400px; margin: 300px auto 0 auto; } a { text-transform: uppercase; text-decoration: none; font-weight: 700; } .btn { position: relative; letter-spacing: 0.25em; margin: 0 auto; padding: 1rem 2.5rem; background: transparent; outline: none; font-size: 28px; color: #111111; } .btn::after, .btn::before { content: ""; position: absolute; height: 100%; width: 50%; -webkit-transform: skewX(30deg); transform: skewX(30deg); -webkit-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); z-index: -2; } .btn::before { background-color: #ffff00; top: -1rem; left: 0rem; } .btn::after { background-color: #8a19ff; top: 1rem; left: 8rem; } .btn:hover::before, .btn:hover::after { top: 0; -webkit-transform: skewx(0deg); transform: skewx(0deg); } .btn:hover::after { left: 0rem; } .btn:hover::before { left: 8.75rem; } как теперь этот стиль применить к моей кнопке <button style="position:absolute; right: 100px; icon: tty; font-size: 17px; background: rgba(115, 255, 255, 0.3); style: 3d; color: #ffffff; width: 200px; height: 40px; border: 3px solid #00ffff; border-radius: 15px;" class="popmake-326">Вызвать замерщика!</button> Заранее спасибо

3d кнопка или эффект нажатия в чём ошибка ? и кстати иконка не работает тоже ( <button style="position:absolute; right: 100px; icon: tty; font-size: 17px; background: rgba(115, 255, 255, 0.3); style: 3d; color: #ffffff; width: 200px; height: 40px; border: 3px solid #00ffff; border-radius: 15px;" class="popmake-326">Вызвать замерщика!</button>