HTML Coding

29,542 questions in this forum

1. Как сверстать такое?(1)

   Всем доброе утро, день, вечер! Сабж.

   Asked by Flexible Curd, January 20, 2015

   0 votes
   6 answers
2. Форма комментариев

   Здравствуйте! Нужны комментарии(вк, одноклассники, фейсбук) на сайт(без CMS), перепробовал много готовых, например Disqus, но там нету наших соц.сетей, пробовал sv-kament, всё понравилось, но не работает авторизация. Вот нашел на сайте Очень понравилось, есть ли у кого, готовый код что-либо похожего на это? Спасибо!

   Asked by FitTech, January 21, 2015

   • комментарии на сайте
   0 votes
   6 answers
3. Проверьте пожалуйста на маке наличие скролла

   http://www.novinkov.ru/projects/dom-v-sosnovoy-roshhe/ доброго времени суток, проверьте пожалуйста на маке в сафари, есть ли прокрутка у дива с текстом описание проекта (не забудьте уменьшить экран по высоте); скиньте пожалуйста скриншот...

   Asked by Daniil Khanin, January 21, 2015

   0 votes
   6 answers
4. box-shadow по параметрам юлюстратора

   Дизайне сдела в люстре дизайн, сдела черный квадрат и задал парметры ему прозрачности 45%, радиус 28 пикселей, т.е. Gaussian blur Как это на css3 сделать?

   Asked by okunev2, January 23, 2015

   0 votes
   6 answers
5. Блок с 2 bg

   Всем привет, есть вот такие блоки в макете, не могу придумать как реализовать Изображение в бэкграунде смещено, при масштабирование не должно "съезжать", блок 100% ширины. Есть идеи? Конечно можно картинкой весь блок вставить, но как-то жестко выйдет

   Asked by inex, January 28, 2015

   0 votes
   6 answers
6. Позиционирование

   Приветствую! Как картинку, поместить под меню? <!--Menu--> <center><img align="center" src="img/logo.png" width="500px;"/></center> <ul> <li><a id="mm" href="#">Биография</a></li> <li><a id="mm" href="#">Фото</a></li> <li><a id="mm" href="#">Видео</a></li> <li><a id="mm" href="#">Контакты</a></li> <div id="social"><a href="http://vk.com/bmx.prorider" target="_blank"><img src="http://izfetra.ru/wp-content/uploads/2014/06/vk_button_c.png" width="25px"/></a></div> </ul> <!--/Menu…

   Asked by Vans, January 29, 2015

   0 votes
   6 answers
7. Как сделать контент зависимым от содержимого?

   Контент не растягивается под картинку, под текст да. (скриншот). body { background-color: #fff; margin: 0;}#head { position:relative; height: 242px; width: 100%; background: url(/image/head.png) repeat-y 50% #4d8795; }#content{ width: 1022px; margin: 0 auto; background: #fff; box-shadow: 0 1px 4px rgba(0, 0, 0, .3), -23px 0 20px -23px rgba(0, 0, 0, .3), 23px 0 20px -23px rgba(0, 0, 0, .3); padding: 7px; }#content1{ width: 700px; text-align: justify;}#name-page{ padding-top: 38px; padding-left: 9px; font-family: Minion Pro, sans-serif; font-size: 45px; text-transform: uppercase; }#line-page{ background: url(/image/line.png) repeat-x; height: 13px; widt…

   Asked by perec200, February 4, 2015

   0 votes
   6 answers
8. Идентичное отображение шрифта Lobster 1.4

   Здравствуйте! Столкнулась с проблемой отображения шрифта на компьютере Заказчика и моем. У Заказчика Mac, шрифт у него выглядит жирнее, у меня Windows. Сейчас подключаем с Google. Как решить данную проблему, чтобы у всех было одинаково? Попробую подключить через @font-face с помощью http://www.fontsquirrel.com/ Теперь вопрос: как правильно настроить его?

   Asked by Светлана Г., February 5, 2015

   • font
   • шрифты
   0 votes
   6 answers
9. Вопрос по резиновой верстке.

   Здравствуйте. При резиновой верстке в каких единицах указываются отступы? Ведь при сужении экрана отступы в px не изменятся? Следовательно, блоки не сузятся и на растянуться. И что делать с макетом, если его ширина 1486px? Посоветуйте, где можно почитать о резине. Спасибо

   Asked by IvanRu08, February 7, 2015

   0 votes
   6 answers
10. Что делать? [html, js, php]

    Добрый вечер. Недавно начал понемногу осваивать азы сайтостроения, прошел задания codecademy и около половины htmlcademy, и задался вопросом: что делать дальше, чему учиться и, главное, как это делать? Ресурсов с информацией по технологиям пруд пруди - платные, бесплатные, на торрентах просто кладезь, на форумах добрые люди отвечают на вопросы, но непонятно, с какой стороны подступаться к созданию сайта с нуля, чтобы не было мучительно больно и не городить полгода велосипеды. Если честно, не хватает чего-то навроде вузовского учебника, который постепенно привел к построению своими руками сайта с участием большинства применяемых сегодня технологий. Вроде бы поначалу вс…

    Asked by frozen_dynamics, February 7, 2015

    0 votes
    6 answers
11. как сделать чтобы отображались 2 иконки

    Всем привет, Подскажите, плиз, у меня отображабтся данные с полями type, status и в зависимости от значений этих полей надо отобразить иконку С иконкой для каждого из них по отдельности без проблем : .fc-event-custom-service { background-color: #3aad8b !important; border: none !important; background: url('/static/images/appointment.png') 40% 40% no-repeat; background-position: right top;}.fc-event-status-Confirmed { background: url('/static/images/appointment_confirmed.png') 40% 40% no-repeat; background-position: right top;}.fc-event-status-Cancelled { background: url('/static/images/appointment_cancelled.png') 40% 40% no-repeat; background-p…

    Asked by mstdmstd, February 11, 2015

    0 votes
    6 answers
12. Адаптивыне баннеры

    Здравствуйте, у меня возник вопрос по поводу рекламных баннеров. Дело в том что имеется сайт на котором пытаюсь реализовать адаптивный дизайн, ширина всех элементы в относительных единицах и по замыслу все должно растягиваться и сужаться относительно ширины вьюпорта, но рекламные баннеры никак не тянутся. Я подключил скрипт, который ресайзит айфреймы, он работает но только с айфреймом в котором видео, а с баннерами нет, сам айфрейм с рекламой подстраивается под ширину контейнера, а картинка остается фиксированной ширины. Я мог бы показать сайт, но там контент 18+. Может быть кто-то сталкивался с подобными проблемами, и вообще как обстоит дело с адаптивностью у баннеров, я…

    Asked by fishlegz, February 14, 2015

    • Адаптивыне баннеры
    0 votes
    6 answers
13. пропорциональное изменение размера картинки в резиновом блоке

    помогите пожалуйста решить проблему есть резиновый блок из 3 картинок. при уменьшении ширины окна браузера ширина картинок уменьшается, но высота не уменьшается. а хотелось бы чтобы при уменьшении ширины экрана ширина картинок уменьшалась и высота картинок тоже уменьшалась пропорционально ширине сервер отдаёт картинки в размере 290x145 px. но это можно изменить. использовать бутстрап и прочие фреймворки нельзя. использовать лёгкий нативный js можно, но не жалательно

    Asked by cyklop77, February 19, 2015

    0 votes
    6 answers
14. Это Table?

    Здравствуйте, форумчане! Подскажите, правильно но ли использовать для верстки такого блока таблицу: http://joxi.ru/GrqVBLOhxq3amz Или это далеко в прошлом и сейчас так никто не делает? Если лучше делать другим способом, то подскажите каким. Спасибо!

    Asked by Antoshka007, February 14, 2015

    • table
    • div
    • tr
    • td
    0 votes
    6 answers
15. Как тестировать адаптивный дизайн?

    Подскажите инструмент для тестирования адаптивного дизайна. Я на одном компьютере и мобильнике многого не проверю. Желательно что бы он под разные разрешения подстраивался, то есть показал как будет выглядеть сайт на 6-дюймовом смартфоне с fullHD разрешением на моем мониторе с разрешением 1680х1050 - не пиксель в пиксель, а в натуральный размер. Кто как тестирует? Помню, находил сайт какой-то, так там прямо в окошке в форме смартфона или планшета можно было на свой сайт посмотреть.

    Asked by alleclf, February 15, 2015

    0 votes
    6 answers
16. вопрос кросс-браузерной верстки блока absolute

    Здравствуйте уважаемые форумчане. Проблема заключается в не переносе текста на след строку в браузере хром. в остальных переносится нормально. Что нужно добавить в свойства <h1>, чтобы все отображалось корректно? http://auto-rentgarant.com.ua/ru/catalog // пациент, .products ul li .info { position: absolute; left: 300px; top:0px; font-size: 12px;}.products ul li .info h1 { //кусок подозреваемого кода margin: 13px 0 5px 0; padding: 0; font-size: 14px;}.products ul li .info h1 a { color: #000; text-decoration: none;}.products ul li .info h1 a:hover { text-decoration: underline;} https://yadi.sk/i/Zd8OeKy-ekwp8 - н…

    Asked by azkabeyn, February 18, 2015

    • absolute
    • блок
    • верстка
    • h1
    • браузер
    • chrome
    0 votes
    6 answers
17. начать изучение php

    День добрый Лирический отступ - сейчас нахожусь в поиске работы, обьективно оценивая свои знания и умения, гожусь на практиканта/ junior-a, тобишь начальный уровень. Активно изучаю HTML/CSS, есть опыт написания и внедрения простеньких js скриптов, прикручивания на страницу jQuery- слайдеров, галерей, отправки данных, полученных из формы на почту, с помощью php. Собственно здесь и начинается проблема - практически во всех вакансиях, учитывая размер моего города, требуются не только знания html/css, но и знания php. требуемый уровень - разный, но повторюсь, практически везде он нужен. Я же с php знаком сугубо на начальном этапе - когда изучал движки Wordpress и Joomla - ин…

    Asked by orange_juice, February 18, 2015

    • ваше мнение
    0 votes
    6 answers
18. input type=checkbox" checked="checked" на мобильных

    Доброе утро! На сайте http://www.znichshop.ru/ есть Расширенный поиск. Проблема заключается в том, что на некоторых планшетах и телефонах не отмечается галочка в чекбоксах (при выборе разделов), а на всех проверенных устройствах, после появления галочки название поля падает под само поле. В чем данная проблема?

    Asked by Светлана Г., March 2, 2015

    0 votes
    6 answers
19. Как объединить медиазапросы

    Для отладки использовал такую схему: <link rel="stylesheet" media="screen and (orientation:portrait) and (max-width:240px)" href="{THEME}/css/style_p.css" /><link rel="stylesheet" media="screen and (orientation:landscape) and (max-width:480px)" href="{THEME}/css/style_l.css" />Как правильно объединить эти два медиазапроса в один? <link rel="stylesheet" media="screen and (((orientation:portrait) and (max-width:240px)) or ((orientation:landscape) and (max-width:480px)))" href="{THEME}/css/style_p.css" />Так правильно? Можно ли использовать вложенные выражения?

    Asked by alleclf, March 2, 2015

    0 votes
    6 answers
20. Зависимость контента от изображения

    Контент всегда зависит от внутри написанного текста по высоте, но когда вставляю картинку контент как был 10px так и остался. Как сделать, чтобы контент изменялся в зависимости от вставленного изображения? Код: http://jsfiddle.net/em1Lhnhr/2/ Заранее спасибо!

    Asked by perec200, March 3, 2015

    • картинка
    • контент
    0 votes
    6 answers
21. Возможно ли обойтись без скрипта?

    Есть сайт. Под меню Расширенный поиск. Задача состоит в том, чтобы у каждого 4 блока со свойствами товара (пол, бренд, возраст, ...) обнулить margin. Я написала такое правило, но оно не работает как надо: .search_gW .widget-meta-data-filter .mdf_input_container:not(.mdf_section_tax_product_cat):nth-of-type(4n){ margin-right:0 !important;}Это правило некорректное? Возможно ли это сделать без js?

    Asked by Светлана Г., March 3, 2015

    0 votes
    6 answers
22. Простите, но формы отправки

    Здравствуйте. У меня получилось подключить эту прекрасную форму отправки, пример тут. Она предполагает использование нескольких идентичных форм на странице. Но почему-то не работают они на сайте. Всё, что конфликтовало. я поправила. Из, например, 3-х одинаковых отправляет только первая. Откройте секрет - как поставить на сайт несколько идентичных форм отправки, чтобы каждая отправляла запрос пользователя на почту? Спасибо, не ругайтесь.

    Asked by kattiperk, March 4, 2015

    • форма отправки
    • php
    • ajax
    0 votes
    6 answers
23. Media queries для размера экрана, определение мобильного устройства

    Привет. Суть в том, что я знаю как media queries действуют на разрешения экрана, но этого оказалось недостаточно. У меня мобильник имеет какое-то конское разрешение и сайты в нём открываются так, будто у него 1 точка экрана = 1 пикселю страницы. Понятно, что я могу определить джаваскриптом всё, что угодно и поставить какие угодно классы. А можно ли это как-то правильно делать при помощи простого CSS?

    Asked by Veseloff, March 10, 2015

    0 votes
    6 answers
24. Перенос из Joomla на Wordpress

    Ребятки,кто переносил сайт из джумлы на вордпресс? Это сложно,или не реально? Нашел в гугле одну статью там пишут что плагином на вп можно это сделать,но как то все оч просто там. Кто делал,поделитесь опытом.

    Asked by vitaxastifler, March 17, 2015

    0 votes
    6 answers
25. Как изменить стрелки в форме <input type="number">

    Подскажите, пожалуйста, как сделать так, чтобы стрелки в теге <input type="number"> были другие, но при этом также работали? по умолчанию они выводятся стандартные

    Asked by Lady_V, March 20, 2015

    0 votes
    6 answers