HTML Coding

29542 questions in this forum

1. Прижать картинку к нижней границе

   http://www.zhemch.ru/ Посоветуйте пожалуйста, возможно ли как-то (не переверстывая) прижать картинку к нижней границе родительского блока, если он выше, чем картинка? Такое происходит при валидации формы или если текста в блоке с приветствием больше, чем обычно. display:table-cell для родителя и vertical-align:bottom не помогает, т.к. высота родителя меньше соседнего блока, распирающего строку по высоте.

   Asked by d0ublezer0, September 1, 2016

   0 votes
   1 answer
2. раскрывающаяся форма при клике и сворачивание при нажатии

   Вопрос как сделать такую форму, может есть скрипт? как вообще такое называется. внизу экрана плавает кнопочка - это понятно position:fixed; а то что внутри - display:none; нажимаешь на неё - кнопка display:none; а то что под ней становиться видимым - вся форма с отправкой сообщения. ну и с таким эффектом красивым. потом нажимаешь куда-нить. или на крестик, и форма сворачивается обратно или может плагин под вордпресс такой есть?

   Asked by nikki4, September 2, 2016

   0 votes
   3 answers
3. Фиксированное меню с помощью Javascript

   Здравствуйте! Уважаемые коллеги, подскажите, пожалуйста, как решить две проблемы: 1. Есть фиксированное меню, которое должно появляться при скролле (450 px от верха документа). Вот что у меня получилось - https://jsfiddle.net/9re1o9ta/ Почему-то при прокрутке страница начинает прыгать и меню (которое должно быть зафиксировано) просто мигает. Как быть в данной ситуации? 2. В этом же меню мне необходимо при той же прокрутке (450 px от верха документа) добавить html элементы: var elementToWrap = document.querySelector('header').innerHTML; var wrapper = "<div class='header-inner'>" + elementToWrap + "</div>"; document.querySelector('header'…

   Asked by volshebnyi, September 2, 2016

   0 votes
   4 answers
4. Стоит ли использовать мететег keywords?

   Скажите, стоит ли на сайте использовать метатег keywords? На некоторых сайтах пишут что поисковики сейчас просто его игнорируют. На некоторых рекомендуют убрать его вообще так как от него ПС понижают в выдаче.

   Asked by alleclf, September 3, 2016

   0 votes
   6 answers
5. Не работает overflow в Safari

   Всем привет! Народ, есть лендинг: http://fenix-63.hol.es/bulvar/ Вот эта часть (раздел цены и условия занятий): https://fotki.yandex.ru/next/users/tltfenix/album/74102/view/998283 в браузере Safari выглядит очень ужасно. CSS-свойство overflow:hidden тут как то по-другому работает. Народ, подскажите, как это исправить? А то я уже голову сломал.

   Asked by fenix_63, September 6, 2016

   • html
   • css
   • crossbrowser
   • safari
   0 votes
   3 answers
6. Помогите сверстать макет по примеру

   Есть 4 блока выстроенные в одну линию. Крайние два имеют фиксированную ширину (например 100 и 150 пх). Средние два блока одинаковой ширины и должны растянуться что бы вся конструкция заняла всю ширину экрана. При изменении ширины окна браузера конструкция, сжимая\разжимая средние 2 блока, должна занимать всю ширину. Для примера: https://jsfiddle.net/jjzycey8/2/

   Asked by alleclf, September 4, 2016

   0 votes
   4 answers
7. Помогите скрыть div

   <div class="content__left content__along" data-min-height="793" style="min-height: 793px;"> <style> #vw2wukgldi{overflow: hidden; position: relative; height: 23px; padding: 5px 0 7px 7px; background: #f2f2f2; line-height: 18px; white-space: nowrap;} </style> <div id="vw2wukgldi"> <img alt="" style="width:0;height:0;position:absolute;visibility:hidden;" src="https://rs.mail.ru/d20185091.gif?sz=4&rnd=157083199&ts=1473023234&sz=4"> <script type="text/javascript"> (function(){ app.Dollars.showDirect(131207, "worm", { stat_id: 723102 , site_charset: 'utf-8' , type: 'row' , ad_format: 'direct' , title_font_size: 2 …

   Asked by БлагоѨръ, September 4, 2016

   0 votes
   4 answers
8. Не работает выпадающее меню на CSS

   Есть кнопка Online (.ostatus .button), при наведении мыши на которую должно выпадать меню (.ostatus ul), но ничего не происходит. Делал по готовым примерам в интернете - тоже ничего. HTML: <div class="ostatus"> <div class="button"><span class="status online"></span> Online <span class="caret"></span></div> <ul> <li><span class="status online"></span> Online</li> <li><span class="status offline"></span> Offline</li> </ul> </div> CSS: .ostatus .button {position:relative} .ostatus ul {position:absolute;width:130px;left:-9999px} .ostatus .button…

   Asked by iBars, September 5, 2016

   • меню
   • css
   0 votes
   7 answers
9. CSS. Как подружить Webkit с FireFox?

   Здравствуйте. Имею очень красивый текстовый эфект блика CSS скачаный с гугла. Работает на всём кроме FireFox, уже добавлял префиксы -moz- ничего неполучается. Может кто подскажет как поправить код чтоб заработало в Фаерфоксе& Код CSS ниже, пожалуйста кто понимает подскажите, буду очень признателен! .shine { background: #222 -webkit-gradient(linear, left top, right top, from(#222), to(#222), color-stop(0.5, #fff)) 0 0 no-repeat; -webkit-background-size: 125px; color: rgba(255, 255, 255, 0.1); -webkit-background-clip: text; -webkit-animation-name: shine; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infin…

   Asked by Fesali, September 6, 2016

   0 votes
   3 answers
10. Увеличение картинки по клику средствами CSS.

    Здравствуйте. Нашел в сети стиль для увеличения картинки по клику. Всё бы хорошо, но при наведении мыши на миниатюру, курсор не слушается команды: cursor: pointer; , отображается стрелка. Зато когда картинка увеличилась, отображается курсор: cursor: zoom-out; Так же не получается сделать рамку и тень вокруг увеличившейся картинки, использую такие команды: box-shadow: 3px 3px 5px rgba(0,0,0,0.5); border: solid 1px rgba(210,210,210,.4); Вот полный текст стиля: img.foto_smal-big { cursor: pointer; border: none; /* Убираем рамку */ margin-top: 0; margin-bottom: 10px; margin-left: 15px; margin-right: 15px; float: l…

    Asked by Kompilator, September 5, 2016

    • css
    0 votes
    5 answers
11. Не могу понять что происходит. Помогите.

    Похоже плохо учил свойства. Неважно какие - просто свойства. Есть такой код: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="style.css"> <title>Главная</title> <style> .wrapper { } </style> </head> <body> <div class="wrapper"> <!-- Просто пустой див блок --> <header> CONTENT </header> <section> CONTENT </section> <footer> CONTENT </footer> </div> </body> </html> Только начал использовать флексбокс и в своих (двух) макетах вместо свойства height испол…

    Asked by DmitryPavlov, September 5, 2016

    • flexbox
    • css
    0 votes
    1 answer
12. закругление Как закруглить тень вмести с div блоком?!

    День добрый делая сайт я столкнулся с такой проблемой!Вот я закруглил края ( div { border-radius: 10px;} ) и теперь мне нужно добавить тень (закругленную). Как мне это сделать!?Если просто накладывать тень то происходит это (в картинках, сравни). Как вы видите тень не правильно становится! Как мне быть?! Ссылка на сайтец(стоит регистрация. Пароли защищены VBScript - подобия md5): P.S. Я НОВИЧОК!Простите меня за какие-то грубые ошибки :-/

    Asked by Tardpipl, September 7, 2016

    • тен
    • края
    0 votes
    1 answer
13. Можно ли сделать слова вместо маркеров и подвинуть потом их?

    Есть список новостей Задача к списку подписать сверху "Новость": копал в водпрессе последние записи и не найду код где можно вставить перед li слово новость. Подумал, а может в css можно как-то это сделать? знаю, что можно как-то картинку вставить. А можно ли чтобы цифра оставалась. а при этом картинка добавлялась?

    Asked by nikki4, September 7, 2016

    0 votes
    1 answer
14. 3 способа установки пакетов в nodejs

    скажите пожалуйста, правильно ли я понимаю механизм установки пакетов в nodejs? если нет, то поправьте меня я думаю, что пакеты можно устанавливать тремя способами. расскажу на примере linux: 1. можно установить пакеты, которые требуются конкретному проекту, если зайти в каталог проекта и запустить из консоли команду npm i в этом случае в каталоге проекта создастся каталог node_modules и в него скачаются все модули, которые указаны в package.json 2. можно зайти в каталог проекта и запустить команду npm install package_name в этом случае так же в каталоге проекта создастся каталог node_modules и в него установится пакет package_name 3. за…

    Asked by cyklop77, September 8, 2016

    • nodejs
    • frontend
    0 votes
    3 answers
15. Как подправить путь к изображению

    В шаблоне страницы движком выводятся миниатюры картинок. Мне необходимо вместо миниатюр отобразить оригинальные изображения. У меня есть строка вида: <img src="http://site.com/uploads/posts/2016-09/thumbs/image-1.jpg"> Надо получить: <img src="http://site.com/uploads/posts/2016-09/image-1.jpg"> То есть, из строки убрать "thumbs". Как можно такое сделать на PHP? На станице надо обработать 10-15 таких картинок.

    Asked by alleclf, September 9, 2016

    0 votes
    0 answers
16. Как называется стиль/дизайн/верстка макета?

    Вот два макета, как называется дизайн в котором они выполнены?. И какое слово вообще тут уместно? Верстка?Стиль?Дизайн?

    Asked by RuslanHeYca4ev, September 10, 2016

    • макет дизайн
    • верстка
    0 votes
    3 answers
17. Неправильно работает Math.random()

    Как и любой новичок, шарясь по сайтам с ответами на всевозможные мои вопросы я нашёл код, который должен выводить две картинки в рандомном местоположении(написан здешним Sensei вроде), но он почему-то не работает. Подскажите ошибку. <html> <head> <style type="text/css"> html, body { height: 100%; } img { position: absolute; } </style> </head> <body> <script> var img = document.querySelectorAll('img'), i = 0, max = img.length, left, top; for (; i &lt; max; i += 1) { left = Math.round(Math.random() * (document.body.o…

    Asked by mrloregood, September 10, 2016

    • html
    • js
    • css
    0 votes
    2 answers
18. Контролируемый рандом

    Всем привет. Делаю кое-что, и вот понадобилось чтобы генерировалось число(например 9 цифр, без повторений, но с контролируемым повторением 0 в числе(то есть можно указывать количество нулей в числе)), а затем выводить картинки заранее закреплённые за этими цифрами. Даже не знаю с чего начать, подскажите пожалуйста.

    Asked by mrloregood, September 10, 2016

    • html
    • css
    • js
    0 votes
    6 answers
19. Стилизация <textarea>

    Здравствуйте! Имеется textarea - https://jsfiddle.net/f7xx5ewb/ По умолчанию у нее есть ресайз и при более чем двух строках текста (это прописано в атрибуте) появляется скролл. Подскажите, пожалуйста, как сделать так, что бы ничего не появлялось, а просто с каждой строкой опускался бордер textarea - так, как на картинке. Заранее благодарю за помощь!

    Asked by volshebnyi, September 13, 2016

    0 votes
    5 answers
20. Как сделать контейнер и подложку?

    В верстке недавно, подскажите пожалуйста. С левого края окна браузера разместить фон в виде картинки. На том же уровне по горизонтали сделать контейнер центрированный и в нем расположить элементы. Приложил приблизительную схему.

    Asked by keche, September 13, 2016

    0 votes
    1 answer
21. Размытие фона (filter: blur) ПОД модальным окном

    Здравствуйте! Перелопатил очень много информации и примеров, но так и не понял как размыть фон под модальным окном. В любых вариантах у меня размывается само модальное окно, а фон остается прежним. Хотя, если устанавливаю цвет фона, то он применяется под модальным окном...помогите, пожалуйста, разобраться. https://jsfiddle.net/tm1jnysg/

    Asked by volshebnyi, September 13, 2016

    0 votes
    1 answer
22. перестроить flex-элементы горкой

    помогите пожалуйста переверстать элементы есть несколько элементов. нужно чтобы на iPad вертикальной ориентации они располагались так: 00 00 00 ,а на iPad горизонтальной ориентации, они располагались так: _00_ 0000 я решил эту задачу, используя flex-элементы и скрытые элементы: jsfiddle page но мне нужно решение, которой использует только возможности flexbox(без костылей в виде скрытых элементов)

    Asked by cyklop77, September 14, 2016

    • flex
    • css
    0 votes
    2 answers
23. Элемент находится вне области просмотра в гугле

    Сделал мобильную версию сайта. Проверил в разных браузерах. Зашел с телефона - все ОК. Запустил проверку гугла на мобильность а он криво видит контент. что не так?

    Asked by nikki4, September 13, 2016

    0 votes
    3 answers
24. Точное количество расширений мониторов (и в общем вопрос по адаптивной верстке)

    Очень сложно дается одна адаптивная верстка. Знаю, что это не совсем правильно, но скорее всего придется верстать под каждый отдельный монитор персонально. Подскажите имеет ли данный стиль верстки, право на существование? Или же данный вариант патовый? Сколько экранов (расширений) существует в природе (имею ввиду основные, стандартные, которыми пользуются люди, а не космонавты...)? И вообще, кто как верстает адаптивные (и мобильные) сайты? Есть ли какие-нибудь секреты, которые значительно облегчили верстку обычному разработчику, который не проходил каких-либо специфических курсов, конкретно на данную тему (адаптивной верстки), а пользуется лишь поверхностн…

    Asked by Igoritaly, September 13, 2016

    0 votes
    3 answers
25. flex: выравнивание по высоте

    помогите пожалуйста установить для каждого элемента .icon высоту, которая равна его ширине. элементу .icon я добавил круглую границу, нужно чтобы при любой ширине экрана кружочки не сплющивались. при этом все эти кружочки должны быть равномерно распределены по высоте экрана результат выглядеть должен приблизительно так: вот моя попытка html: <div class="wrap"> <div class="icons"> <div class="icons_item"><a class="icon" href="">1</a></div> <div class="icons_item"><a class="icon" href="">2</a></div> <div class="icons_item"><a class="icon" href=""&…

    Asked by cyklop77, September 13, 2016

    • css
    • flex
    0 votes
    0 answers