HTML Coding

29,542 questions in this forum

1. Модальное окно

   Добрый день! Помогите, пожалуйста, разобраться с маленькой проблемой. На сайте есть модальное окно , которое увеличивает изображения: http://bloky.ru/catalog/333 В данном варианте это маленькие картинки ДСП, ПВХ и т.д. При нажатии на картинку происходит её увеличение, но при этом миниатюра картинки исчезает со страницы сайта, т.е. остается открытой только одна увеличенная картинка. Как же сделать, чтобы отображались одновременно 2 картинки: и миниатюра, и оригинальное изображение? Спасибо! Вот CSS - код модального окна: zoom-images { cursor: zoom-in;}.zoom-images:focus { position: fixed; z-index: 10; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); t…

   Asked by marianna9201, June 25, 2014

   • модальное окно
   • css
   • увеличение фото
   0 votes
   1 answer
2. Верстка каталога Интернет магазина

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

   Asked by parnas, June 25, 2014

   0 votes
   6 answers
3. помогите с гугл картой

   Доброго времени суток, можно ли стандартными инструментами Гугл реализовать такую карту с метками и закладками на сайте? http://joxi.ru/I-GpUxjKTJAtHxi7ECw - сылка на скрин

   Asked by Andrux, June 24, 2014

   0 votes
   3 answers
4. Стиль активной кнопки. Проблемы с заменой канртинки

   Здравствуйте! Возникла небольшая проблема с вёрсткой. Есть html: <div class="best"> <div class="slider"> <img src="img/food.png"> </div> </div> Есть css: .slider:active > img { background-image: url("../img/block.png") } Моя цель, чтобы на картинку, которая из html загружался сферху фон из css (block.png) по клику. Но выходит так, что фон (block.png) загружается за картинкой из html (food.png) и ощущение, что ничего не происходит.

   Asked by Jo_Sky, June 24, 2014

   • картинка
   • кнопка
   • замена
   • вёрстка
   • active
   • background
   0 votes
   8 answers
5. Проблемы в iOS

   Уважаемые форумчане, такая вот проблема. есть сайт http://nt-work3.bl.ee/about.html на windows все хорошо, а вот на iOS наблюдаются следующие проблемы. 1, В сайте есть поп-ап (клик по My Account). В Windows он закрывается при нажатии на любую другую область страницы кроме самого поп-апа. А вот в iOS приходится нажимать прямо по ссылке что бы он закрывался.. 2, Верхнее меню. У пункта About MIXER есть класс .current-menu-item, что превращает background в белый. В windows все хорошо, а вот на iOS сверху и снизу видны тонкие полоски розового background-а по 1px. Скрин http://joxi.ru/YkOoU_3JTJBxWRYm3s0 Подскажите, пожалуйста, кто сталкивался с таким делом.. меню из и…

   Asked by Нарек, June 23, 2014

   0 votes
   6 answers
6. Тестирование HTML рассылки

   Здравствуйте. Сверстала HTML-письмо. Как проверить корректность его отображения в различных почтовых клиентах? Устанавливать себе на комп самые популярные? Но их же около 13-ти. В сети есть сервисы тестирования, но все платные. Поделитесь опытом, как вы тестируете письма?

   Asked by Crystal-3, June 22, 2014

   0 votes
   10 answers
7. svg шрифт

   Хочу сделать логотип сайта в формате svg, но не получается сохранить картинку с нужным шрифтом, браузер выдает стандартный times new roman вместо muriad pro. Это вообще возможно, сохранить svg картинку с нестандартным шрифтом? Пользуюсь adobe illustrator

   Asked by apexis, June 23, 2014

   0 votes
   6 answers
8. Траблы с выпадающим меня(

   Ребята,собственно такая проблема. Сейчас делаю тему на Joomla. И столкнулся вот с такой проблемой. Ссылку на сайт дать не могу так как рабочий... Но я заснял на видео)) https://www.youtube.com/watch?v=-wGKpxFP1-A Как видите выпадающее меню выпадает не полностью... И словить инспектором я не могу(( Посоветуйте что то! Спасибо.

   Asked by vitaxastifler, June 24, 2014

   0 votes
   6 answers
9. Дырка между меню и баннером

   Доброго дня! Создала выпадающее меню, после прикрепила картинку, и между меню и картинкой теперь дырка. Как исправить? Все файлы в прикрепленном архиве. Буду благодарна! http://files.mail.ru/4301B607D8F24C9D89AEA1CF887B7F6D

   Asked by yosinya, June 24, 2014

   0 votes
   2 answers
10. Нестандартная форма блока

    День добрый. Натолкнулся на такую штуку и не имею понятия, как ее сверстать. Углы понятно, а вот выпуклые верх и низ?

    Asked by Ponyatno, June 21, 2014

    0 votes
    4 answers
11. Адаптивное навигационное меню с картинками

    У меня есть меню навигации, где вместо текста, используются лого. Так вот я хочу сделать так, чтобы при уменьшении размера браузера логотипы тоже меняли размер, вместо того чтобы выпадать с меню. Т.е. тоже поведение, что бывает когда задаешь картинке max-width: 100%. Но как это можно сделать через св-во background? Вот пример, того как выглядит меню. P.S. Просьба не спрашивать почему вместо тега <img>, добавляю изображения через тег <a>. Так надо было.

    Asked by helio, June 23, 2014

    0 votes
    7 answers
12. Вопрос по diva-м

    Есть верстка http://test.velesgodstudio.ru/ Суть проблемы: При уменьшении окна браузера блок контейнер съезжает в лево. Что хочу: Что бы он оставался по центру, и при уменьшении окна браузера, контейнер скрывался, как блок logo Только изучаю, прошу подсказать в какую сторону копать?

    Asked by velesgs, June 24, 2014

    0 votes
    3 answers
13. Почему браузер пропускает правило css ?

    Страница http://shopst.ru/catalog/otoplenie-i-vodosnabzhenie/kotly-otopleniya/protherm/gazovyy-kotel-protherm-23-mtv-gepard/?dev=1&clear_cache=Y Файл стилей http://shopst.ru/bitrix/templates/capitalim2/template_styles.css?1403593016155960 Правило не срабатывает .item_info.card2 { background-color:#cccccc; } Вроде все корректно в css, netbeans не ругается ни на что. Почему-то фаерфокс и хром игнорируют это правило. Впервые с таким столкнулся и даже интересно в чем может быть причина?

    Asked by warobushek, June 24, 2014

    • cssстили
    • игнорирует правило
    0 votes
    4 answers
14. Съезжает блок

    Подскажите пожалуйста, почему съезжает блок aside? http://testsiteoleg126.tk/Kitchenwall/ не работает в Сафари, Хром, Опера. Пашет только в Мозилле и Интернет Эксплорер!

    Asked by oleg126, June 23, 2014

    0 votes
    3 answers
15. Прозрачный градиент с двух сторон

    Как можно сделать блок с полу-прозрачным градиентом. Причем, слева и справа где-то на 20px плавное затухание от прозрачного до красного цвета. То есть, по бокам он прозрачный, по середине красный, и между прозрачностью и красным цветом плавный переход. Вот пример, то что сумел сделать - http://jsfiddle.net/Le95s/ сам градиент сформировал на сайте - _http://www.colorzilla.com/gradient-editor/ Наверно три блока надо было делать?

    Asked by alleclf, June 24, 2014

    0 votes
    2 answers
16. Как сделать так, чтобы div ровно обтекал свое содержимое.

    Есть контейнер (.menu)(может там div и не нужен, а то я на них уже зациклен, заказчик хочет чтобы все, все, все было резиновым). Если, содержание данного контейнера - блоки с фиксированной шириной, а у самого контейнера стоит display: inline-block, то все нормально. Но, как только содержимому контейнера я даю в свойствах: float или display. Правая сторона отстреливает к границе окна браузера. А требуют, чтобы отступы от содержимого были одинаковыми со всех сторон. (Первоначально я сделал через justify, но это решение не приняли. Сетка из элементов .post меняться не должна (в плане расстояния между элементами).) Как можно сделать так, чтобы при динамическом содержимом, к…

    Asked by IlyaSA, June 16, 2014

    0 votes
    13 answers
17. header google

    Зайдите на главную странницу гугл в окне поиска введите "пицца" нажмите поиск. На появившейся странице интересует header, он состоит из 3х дивов, левый див с лого , див по центру и input и правый див котрому задан float:right. Че мне непонятно??? А именно то что когда окно бразуре уменьшаешь, то правый див когда доходит до дива по цкентру, последний начинает уменьшаться в ширину... КАк это реализовано??? http://jsfiddle.net/Z9nv8/ вот здесь я показал что ожидаемо когда правый блок доходит до центрального, а именно что центральный падает вниз.И это логично, так как ему не хватает ширины, а как чтобы он оставался на месте и уменьшался в ширину????Помогите понять а…

    Asked by Daniil Khanin, June 22, 2014

    0 votes
    14 answers
18. Сделать плавную прокрутку как в Мазиле

    Можно ли реализовать плавную прокрутку как в Если есть на примете готовый скрипт, поделитесь, буду только рад

    Asked by SKSKSS2013, June 23, 2014

    0 votes
    3 answers
19. обратная форма связи для шаблона на dle

    Как сделать форму обратной связи если я сделал сайт на dle движке, не понимаю просто вообще, был один способ но онскорее для обычных html страничек, облазил весь инет, пытался подключить в дле модуль нифига не вышло, помогите братья

    Asked by igornagorny89, June 21, 2014

    0 votes
    3 answers
20. треугольник средствами css3

    помогите пожалуйста решить проблему здесь блок .make_inner .article:nth-of-type(1):afterотображается как квадрат. мне хотелось бы чтобы он отображался как равносторонний треугольник(нижняя сторона горизонтальна) могу решить проблему, используя полупрозрачное изображение, но меня такой вариант не устроит

    Asked by cyklop77, June 23, 2014

    0 votes
    4 answers
21. Расстояние между компонентами макета

    Подскажите, пожалуйста, в чем проблема: различное расстояние от полосы меню до следующей компоненты на сайте technohim.com? "Главная" и остальные страницы.

    Asked by nightman13, June 20, 2014

    • html сss
    0 votes
    10 answers
22. Форумчане помогите с кодом пожалуйста)

    На сайте есть форма заявки с 1 полем (введите ваш email) и кнопкой "отправить" Вот мой код в файле index: <div id="form_container"> <p style="font-size:24px; color:#FFF; position:relative; top:50px; margin:0 0 0 335px; text-align:center; width:300px;"> <br/> Пожалуйста, введите <br/> Ваш e-mail и мы<br/>сразу начнем работу</p> <div id="forma_1"> <form method="post" action="action.php"> <input id="form_text" type="text" name="send_phone" placeholder="Ваш Email" class=”required” required="required"/> <input type="submit" name="ok1" value="" class="ok"/></form></p> …

    Asked by vetals, June 21, 2014

    0 votes
    9 answers
23. Указание высоты элементов в процентах

    Хотел спросить с точки зрения кроссбраузерности указание высоты таких элементов как header или footer ни к каким проблемам не приведет?

    Asked by Vevo, June 22, 2014

    0 votes
    1 answer
24. Целесообразность использования новых тегов.

    Доброго времени суток камрады. Я тут задумался, а есть ли смысл в использовании новых тегов? Таких как article, section, aside и некоторых других (только тех которые пришли на замену div'av). До сих пор я активно их использовал но заметил, что все что они делают - это создают лишние мыслительные процессы на подобие - а что лучше использовать тут - aside или div. А тут может быть section или обойтись div'ом. И так далее. Да и тем более я еще не увидел за все время своих странствий по интернету сайта, в котором бы применялись эти теги. Изредка у некоторых проскакивает только header и footer. А что вы об этом думаете?

    Asked by logicface, June 21, 2014

    • tags
    • html5
    • new tags
    • теги
    0 votes
    5 answers
25. блок contacts

    Уважаемые форумчане подскажите как лучше и грамотнее сделать следующий блок: <иконка телефона><код города><номер телефона> <иконка почты><ссылка на почту> <иконка в контакте><ссылка на контакт>. Куча способов, а вот какой верный не совсем понятно.

    Asked by Sergik+, June 22, 2014

    0 votes
    3 answers