HTML Coding

29542 questions in this forum

1. Всплывающее окно

   Здравствуйте! Подскажите, кто разбирается в jQuery: при отправке формы всплывает картинка. Все ок.. Но, что нужно поменять в коде, чтобы вместо картинки всплывало сообщение? Изначально такой код (копирую часть кода): <form class="contact" name="sentMessage" id="contactForm" action="contact_me.php" method="post" novalidate>....</form><div id="modal" style="display: none;"><img src="img/form-alert.png" /></div>Скрипт $.fancybox({ 'type' : 'image', 'href' : 'img/form-alert.png', 'padding' : 0 }); …

   Asked by Alfa2015, November 9, 2015

   0 votes
   4 answers
2. Грамотная адаптивная верстка

   Всем доброго времени суток. При адаптивной вёрстке вы заморачиваетесь такими вещами как: -PageSpeed(использование кэша браузера и т.п.) -Оптимизация файлов(подключение/отключение требующихся скриптов, картинок и т.п. при разных расширениях, то есть не просто все(что нужно и не нужно) подгружать при всех расширениях) Я о подобных вещах читал в книге Итана маркотта: отзывчивый веб-дизайн. Или всем этим занимается кто-то другой(seo и т.п специалисты)?

   Asked by Flexible Curd, November 19, 2015

   • адаптивная верстка
   • javascript
   • css
   • адаптивный дизайн
   0 votes
   1 answer
3. hover на 1-й элемент, меняет стиль 2-го элемента

   Добрый вечер. Подскажите пожалуйста как hover 1 элемента менять стили другого? вот пример, почему то не работает... https://jsfiddle.net/Beoulve/zgvw2t8k/ может я вообще не так все делаю и проще скриптами делать или другим методом. p.s. пытался включить div блоки в список li что бы hover заработал, но тогда опасити 1 ставится даже когда на сам блок наводишь, а не только на элемент меню. upd. https://jsfiddle.net/zgvw2t8k/4/ вот пример поновее... upd.2. https://jsfiddle.net/Beoulve/zgvw2t8k/5/ получилось, но, когда курсор уходит с ссылки, блок пропадает, хотя если курсор переходит на блок, блок должен оставаться.

   Asked by Beoulve, June 10, 2017

   • hover
   0 votes
   2 answers
4. Подгонять высоту слайдов под заданную высоту

   Здравствуйте. Есть читалка сделана из слайдера, где слайды это блоки в текстом. Слайды с текстом получаются разной высоты и отличаются друг от друга на несколько строк. Думаю задать максимальную высоту слайда, чтобы на слайдах с большой высотой текста межстрочный отступ уменьшался, а на слайдах с малой высотой текста увеличивался. Как это сделать на css не знаю. Пробовал line-height указывать в процентах, но что-то не то получается. Может не так пробую. Посоветуйте как лучше сделать.

   Asked by uppercase_css, November 18, 2017

   0 votes
   4 answers
5. что перспективнее движок на основе Visual Studio (*.aspx) или Joomla?

   Здравстуйте уважаемые форумчане! Подскажите пожалуйста, что перспективнее движок на основе Visual Studio (*.aspx) или Joomla?

   Asked by Angela, April 3, 2009

   0 votes
   4 answers
6. Валидация

   Проверил на валидность главную страницу своего проекта на http://validator.w3.org/check и там мне выдало 15 Errors, 2 warning(s) . required attribute "TYPE" not specified NET-enabling start-tag requires SHORTTAG YES что эти 2 ошибки значат?

   Asked by posthuman, November 29, 2009

   0 votes
   3 answers
7. Вертикальное выравнивание в input

   как выравнять текст по центу по высоте в поле input? спасибо

   Asked by vvsh, November 14, 2010

   0 votes
   5 answers
8. Помогите с буквицей

   Делаю буквицу. Требуется буквица у h2. Проблема в том что в FF все как надо показывается, а в Crome буква слишком высокая. Не получается сделать одинаково. Пример h2:first-letter { margin:0px 5px 0px 0px; line-height:10px; padding:10px; border:2px solid #825c35; font-size:200%; font-weight:bolder; background:url(climage:GUID=765929ED-87D5-47CF-BF4C-956FEB59F468&scalex=60&back=00000000&mul=A0f5bd4c); float:left; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; text-shadow: 0px 0px 4px #f5bd4c; }

   Asked by still swamp, January 13, 2011

   0 votes
   7 answers
9. проблемы с ie

   Здравствуйте, помогите пожалуйста этот ie меня когда-нить точно доконает) Гуглила смотрела на форумах ответа не нашла( Если вкратце, то есть некие кнопки выбора при нажатии на которые открывается всплывающий список с выбором (например месяцев), только в ie когда пройдешься по списку и выберешь какую то позицию кнопка не возвращается в исходное положение, а остается светиться как будто на ней до сих пор :hover, это однозначно баг ie, потому что я убрала весь js сам список и т.д. ошибка осталась( Можете попробовать сами...нажмите на кнопку и не отпуская отведите мышку куда-нить в сторону потом отпустите кнопка будет как будто под :hover Имеется код <!DOCTYPE html PUBLI…

   Asked by ant, July 28, 2011

   0 votes
   7 answers
10. Тег <select>

    Ребят выпадающий список <select> возможно отображать в несколько колонок?

    Asked by ShumNo, August 23, 2011

    0 votes
    4 answers
11. Криво работает выделение

    Есть сайт проблема в том, что сложно выделить на нем текст т.е. к примеру если начать выделять e-mail и выделить чуток дальше, то выделение слетает. Тоже самое с остальными текстами. В чем может быть причина? Проблема в дивах?

    Asked by suliman, August 31, 2011

    0 votes
    6 answers
12. Divы выровнять по центру и по горизонтали

    Здравствуйте Всем, верстаю макетик свой. В общем такая проблема. меню состоит из картинок расположенных в ряд одноц линией. каждая картинка заключена в див, по горизонтали я их поставил , а вот как, теперь делать итак, что бы они были еше и по центру. спасибо. вот код html и css <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>MK</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <meta name ="title" content=""/> <meta name="description" content=""/> <meta na…

    Asked by next, December 29, 2011

    0 votes
    8 answers
13. проблемы с бэкграундом у фиксированого макета

    Есть такой не обычный блок на дизайне, сама контентная часть фиксированая а фон тянится до конца правого края. Подскажите как лучше сверстать такой макет? Кода не нужно , только подскажите в каком направлении двигатся главная внутри

    Asked by chiffenok, June 4, 2012

    0 votes
    9 answers
14. Помогите вытащить элемент из под блока

    Привет! У меня такая проблема - ни как не могу вытащить на верх ссылку из под выше лежащего блока. http://jsfiddle.net/8huMu/ Как видно есть два дива, в первом есть какой-то элемент, например ссылка. Второй блок немного поднят вверх и перекрывает первый. Мне нужно что бы второй перекрывал первый как сейчас, но что бы ссылка (черный блок) была поверх всех блоков. Спасибо

    Asked by bob_24, June 26, 2012

    0 votes
    7 answers
15. гуляющие элементы

    Добрый день! Подскажите пожалуйста Делаю простенький шаблончик на вордпресс. Будет выглядеть примерно так но у меня фигня происходит с менюхами при уменьшении размера окна браузера, они съезжают как и див.entry код хедера: и цсс: я нуб во всех этих делах и не понимаю почему так происходит, два дня сидел пробовал менять все что мог. думал дело в position да нифига. Чет понять не могу в чем проблема. Подскажите пожалста, где искать корень проблемы? Как поправить?

    Asked by Jekil, January 8, 2013

    0 votes
    7 answers
16. Две всплывающих формы на странице

    Добрый день! Вопрос по всплывающим формам на странице HTTP://bloky.ru/catalog/326 На странице есть две кнопки "Заказать". Одна из них, та, что справа вертикально расположена, при нажатии открывает всплывающую форму заявки. Как сделать так, чтобы при нажатии кнопки "Заказать", которая в середине страницы, открывалась такая же форма заявки? Заранее спасибо!

    Asked by marianna9201, June 11, 2014

    • форма заявки
    • кнопка
    • всплывающая форма
    0 votes
    6 answers
17. Верстаем крышу

    Всем привет, форумчане! Есть задача сделать вот такую штуку как на картинке, она должна быть 100% шириной по отношению к контенту, но ограниченной высотой, к примеру 60 пикселей. Spoiler У меня уже есть решение которое я сделал https://jsfiddle.net/x5Lavn55/, но может имеется более элегантное и лучше чем мое? Пробовал с svg, но не могу растянуть на 100% не изменив высоту...

    Asked by Mixfixpix, January 19, 2018

    • html
    • css
    • svg
    0 votes
    6 answers
18. Как подогнать css под Safari 5 и IE-11

    Добрый день. Размещено 2 блока по 3 изображения, отцентрировано flex, по плану при наведении курсора картинка затемняется, сверху появляется описание. Стили работают как задумано только в Chrome и Opera. В Сафари рамка не всплывает, текст не выравнивается. В IE 11 рамка всплывает, текст не выравнивается. Заранее благодарю. <div class="wrapper"> <div class="demo-content"> <div class="part"> <figure class="img-box"> <img alt=img src=https://s3-us-west-2.amazonaws.com/s.cdpn.io/331810/sample54.jpg> <figcaption><section class="imgone">По Вашему желанию электропроводку можно уложить в ПВХ-коро…

    Asked by Xandr555, July 26, 2020

    • flex
    • opacity
    • :after
    • :hover
    • transform
    • transition
    • border-box
    0 votes
    0 answers
19. Бутстрап и vue?

    Можно ли сочетать сабж? А бутстрап, vue и Laravel?

    Asked by torsar, September 6, 2021

    0 votes
    1 answer
20. помогите с меню навигации

    На многих сайтах, допустим, 10 статей идут вертикально, а под ними навигация типа 1|2|3|4|5|6| итд пример - вот http://free-templates.ru/ в них на 1-й странице последние статьи, а на последней - первые. а у меня на первой странице - первые, а на последней- последние вобщем, как сделать так, чтоб статьи шли в обратном порядке относительно навигации? заранее спасибо

    Asked by zhitkov, April 12, 2010

    0 votes
    3 answers
21. ломается позиция фона при использовании iepngfix

    Решение проблем с прозрачностью png в IE6 найдено здесь: http://www.twinhelix.com/css/iepngfix/ однако, если применить соответствующий behavior к элементу, которому задан background-position, к примеру right bottom, то прозрачность, конечно, появляется, но позиция фонового изображения становится left top независимо от того, какая указана в стилях. Вот как тут быть?

    Asked by swetlana, August 8, 2010

    0 votes
    7 answers
22. Система пользовательского поиска Google

    Поиск по сайту создан на отдельной странице сайта (при помощи тега iframe) Как убрать этот пустой разрыв в низу под результатами поиска, Это в Google Chrome. В Mozilla Firefox и Internet Explorer этого косяка нет. html, body { margin : 0; padding : 0; } body { font : 73% "Trebuchet MS", Arial, Helvetica, Tahoma, sans-serif; background : #f2f2f2 url(../i/bg.gif) repeat-y center top; } #container { width : 980px; margin : 0 auto; border : 10px solid #fff; line-height : 2em; background : #f2f2f2; color : #666; } #top { padding : 0; height : 100px; background : #8fb8cc url(../i/head.jpg) no-repeat; color : #484500; } #top h1 { padding : 5px 0 0 25px; margin : 0; font-size …

    Asked by andrecool, April 17, 2011

    0 votes
    4 answers
23. "alt" у <input type="submit" />

    Часто для кнопки используют картинку (в основном из-за сложных градиентных надписей). Как лучше сделать так, чтобы для пользователей с отключенными картинками отображался на месте картинки текст. Эдакий alt для button. Можно конечно img засунуть и ему указать alt, но не люблю такие извращения. Есть другой способ?

    Asked by monsterr, April 28, 2011

    0 votes
    2 answers
24. Валидация виджета "Вконтакте"(коментарии)

    Подскажите как побороть проблему с валидацией виджета "Вконтакте"(комментарии).

    Asked by Alex&R, September 10, 2011

    0 votes
    8 answers
25. Как вывести див в цикле и как заставить его удлиниться?

    Если выводить див в цикле, он просто будет накладываться один на другой, как сделать так, что бы такого не происходило? <div id="sh"> <div id="apDiv1"> <span class="s_name">There are many variations of passages of Lorem Ipsum available, but the majority of passages variati</span> </div> <div id="apDiv2"> <div id="apDiv5"></div> <div id="apDiv6"></div> <div id="apDiv7"></div> <div id="apDiv9"> <p class="s_com">There are many variations of passages of Lorem Ipsum available, but the majority of passages variati</p> </div> </div> <div id="apDiv3"></div> <div …

    Asked by Warrangie, January 14, 2013

    0 votes
    4 answers