ErUnDAK

User
  • Публикации

    42
  • Зарегистрирован

  • Посещение

Репутация

0 Обычная

О ErUnDAK

  • Звание
    Участник

Information

  • Sex
    мужской
  1. Прошу прощения за мою формулировку вопросов. Бывает, чтот тороплюсь. Я имел ввиду текст внутри подменю, если навести на кнопку. Я делал через text-align, height и width - это даже не менялось. Вот и обратился за помощью.
  2. Здравствуйте. Возникла проблема, в которой я не могу выставить у подменю ширину и высоту, а так же центрирование текста. Не "li", не "a" и "ul" не влияют на эти атрибуты. Как правильно написать? https://jsfiddle.net/ErUnDAK/3461nhqd/#fork
  3. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>How you use your text?</title> <style> a { text-decoration: none; } .lol { background: green; width: 50%; height: 145px; text-align: center; } .lol p { color: #109be6; margin: 0; padding: 0; text-align: center; font-size: 50px; border-top: 10px solid #78d3fa; border-bottom: 10px solid #78d3fa; text-shadow: 0 2px 4px #a0a0a0; } .menu ul { list-style: none; float: right; font-size: 0; padding-right: 12px; } .menu ul li { display: inline-block; font-size: 25px; } .menu ul li a { height: 100%; display: block; padding: 19px; background: #5faaea; color: #fff; box-shadow: inset -0px -12px 30px -10px black; border-left: 1px solid white; } .menu ul li a:hover { box-shadow: inset -0 1px 10px 0 black; } </style> </head> <body> <center> <div class="lol"> <p>How you use your text?</p> <div class="menu"> <ul> <li><a href="">Главная</a></li> <li><a href="">Купля/продажа</a></li> <li><a href="">Аренда</a></li> <li><a href="">Оставить заявку</a></li> <li><a href="">КОНТАКТЫ</a></li> </ul> </div> </div> </center> </body> </html> Здравствуйте! У меня возникла проблема, что при уменьшении окна браузера всё смещается и становится кривым. Как отменить это смещение, чтобы всё оставалось как при полном экране?
  4. Благодаря вам осознал, что не со всем разбираюсь с классами. Ваш код помог, спасибо!
  5. Как правильно сделать, чтобы в классе "lol" был текст зелёного цвета, в классе "loli" красного? И всё через псевдокласс :not. <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>Тег input, атрибут type</title> <style> </style> </head> <body> <div class="lol"> <p>Один</p> <p>Два</p> <p>Три</p> <div class="loli"> <p>Четыре</p> <p>Пять</p> <p>Шесть</p> </div> </div> </body> </html>
  6. А как будет выглядеть данный код, если я хочу убрать повёрнутую фигуру при наведении на то, что внутри класса "меню"? Прочитал как работает not, перепробывал многие варианты (возможно, что даже вероятные-правильные) - не работает как нужно.
  7. Дан код: <style> a { display: inline-block; margin-left: 5px; } .loli { height: 75px; width: 100%; display: inline-block; background-color: #0099cc; left: 600px; } .loli ul { padding: 0; margin: 0; font-size: 0; overflow: hidden; text-align: center; } .loli ul li { display: inline-block; list-style: none; font-size: 36px; } .loli ul li a { color: #fff; text-decoration: none; height: 75px; line-height: 75px; padding: 0 15px; position: relative; z-index: 10; } .loli ul li a:hover { color: black; } .loli ul li a::before { content: " "; position: absolute; left: 0; top: -25px; width: 100%; height: 150px; transform: rotate(14deg); background-color: rgba(255, 255, 255, 0.3); opacity: 0; z-index: -1; } .loli ul li a:hover::before { opacity: 1; background-color: #fff; } .menu li ul li { padding-right: 15px; background: #0099cc; } .menu li ul { position: absolute; display: none; z-index: 10; margin-left: -18px; } .menu li:hover ul { display: block; } .menu li ul li { display: block; } </style> <div class="loli"> <div class="menu"> <ul> <li><a href="">Главная</a></li> <li><a href="">Новости</a> <ul class="menu"> <li class="menu"><a href="">Расписание</a></li> </ul> </li> <li><a href="">О группе</a> <ul class="menu"> <li class="menu"><a href="">Профессия</a></li> <li><a href="">Успеваемость</a></li> </ul> </li> <li><a href="">Здание</a> <ul class="menu"> <li class="menu"><a href="">Расписание</a></li> </ul> </li> <li><a href="">Контакты</a> <ul class="menu"> <li class="menu"><a href="">Расписание</a></li> </ul> </li> </ul> </div> </div> Как мне сделать, чтобы класс "меню" не затрагивал класс "лоли"?
  8. Было бы круто, если бы был вариант в CSS
  9. Сложно объяснить, поэтому нарисовал просто рисунок и хочу поинтересоваться: как такое можно реализовать? И можно ли туда какой-нибудь внутрь текст запихать будет?
  10. У меня в этом коде картинки друг на друга почему-то ложаться. И повторюсь: у меня нет my.js. Мне его самому создавать что ли?
  11. Вот мой код сайта. Уже несколько сайтов со сборкой пересмотрел: <html> <head> <title>My New Amazing Webpage</title> <link rel="stylesheet" type="text/css" href="путь от корня вашего сайта/slick/slick.css"/> <link rel="stylesheet" type="text/css" href="путь от корня вашего сайта/slick/slick-theme.css"/> <script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.min.js"></script> <script type="text/javascript" src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script> <script type="text/javascript" src="путь от корня вашего сайта/slick/slick.min.js"></script> <style type="text/css"> </style> </head> <body> <script type="text/javascript"> $(document).ready(function(){ $('.slider').slick({ dots: true, infinite: true, speed: 500, fade: true, cssEase: 'linear' }); }); </script> <div class="single-slide"> <div><img src="0AYa_cFFzy4.jpg" alt=""></div> <div><img src="1920x1110_814894_[www.ArtFile.ru].jpg" alt=""></div> <div><img src="4fbf812509b602260b00001b.jpg" alt=""></div> </div> </body> </html>
  12. У меня нет "my.js". У меня времени нет на расмотр JQuery, поэтому всё и стало ля меня сложным.
  13. Мне нужно помощь по установке данного слайдера: http://kenwheeler.github.io/slick/ Я сделал всё как в инструкции по установке, но он всё-равно не работает. Можете показать код со всеми картинками в слайдере, чтоб я мог распознать свою ошибку?
  14. Я думал, что вставки файлов с плагином недостаточно. Нужно ещё и подключить, а нет... Спасибо.
  15. Emmet, auto files Witcher - нужны срочно, по ссылкам не нашёл.