HTML Coding

29542 questions in this forum

1. Вопросы про адаптив

   Я только что учусь адаптивной верстки, прошу строго не судить за вопросы) собственно 2 вопроса. 1) под какие подбирать разрешения медиазапросы? под самые популярные разрешения? например 640 480 320 или делать по мере необходимости(то есть резиново-адаптивная верстка,но тут масса медиазпросов получится?) 2)pixel ratio. вот смотрю многие работы у настоящих профи на фрилансе и почему та практически нету pixel ratio, вообще это очень важно? или можно забить на это?

   Asked by raptor-dm, October 13, 2014

   0 votes
   1 answer
2. background to slider

   Добрый вечер, подскажите как можно выставить фото слайдер background для элементов контента. Пробовал через z-index, получается криво. Нужно чтоб было вот так http://pixs.ru/showimage/VillaSanMa_8067826_14250958.jpg а получается вот так http://sport.teslalight.com.ua/ Спасибо.

   Asked by mrfrunze, October 13, 2014

   • slider
   • background
   0 votes
   5 answers
3. Функция кеширования рода if

   Как собственно написать данную функцию? Куда ее вставить? Какие параметры документа? Спросил изначально на сайте где брал, модератор ответил, спросил поподробнее, молчит( Переписка: Ссылка: http://www.rudebox.org.ua/create-animated-page-input-on-site/ (демо и исходники там, если вдруг нужны)

   Asked by Kirill2511, October 13, 2014

   0 votes
   8 answers
4. Как лучше выполнить задачу с обложками журналов?

   Есть 11 обложек журналов (картинок). 10 из них нужно разместить вокруг главного журнала (типа солнце и планеты). Под этими обложками будет текст (название журнала и номер). То есть главный журнал по центру, остальные во круг него. А сама вся конструкция в центре страницы. При этом очень важно, чтобы каждый элемент можно было свободно позиционировать в любом месте. Например из ровной линии 4-х обложек вверху сделать дугу и т.п. Я хочу сделать это с помощью position: fixed Подскажите, насколько это верное решение? Или существует более грамотный способ? Примерно это должно выглядеть вот так

   Asked by Anatuz, October 13, 2014

   • позиционирование
   0 votes
   7 answers
5. Модальные адаптивные окна

   Друзья, такое дело. Адаптирую лендинг, ну тут понятно все. Кто как осуществляет адаптивные модальные окна, какие плагины берете? или сами кодите?

   Asked by raptor-dm, October 13, 2014

   0 votes
   11 answers
6. Проблемы с расположением блоков для адаптивной верстки

   Доброго времени суток, возникли трудности с верстко

   Asked by Benya-a, October 13, 2014

   • верстка
   0 votes
   1 answer
7. Несколько маленьких вопросов

   Здравствуйте! 1. Какой вариант названия страниц более правильный: вот-такой.php или вот_такой.php? Сам считаю что второй вариант логичнее но в то же время чаще вижу первый. 2. Яндекс не показывал в выдаче фавикон, который лежал в корне, однако при посещении сайта фавикон показывалась, потом я написал мета теги и она появилась и в выдаче. У htmlbook нету мета тега на фавикон, однако в выдаче Яндекса она показывается. Подскажите почему так и зависит ли это от хостинга? 3. Есть ли смысл использовать utf-8 если на сайте только кириллица? Или в этом нет необходимости и можно спокойно использовать windows-1251? Спасибо за внимание!

   Asked by subm41, October 13, 2014

   0 votes
   2 answers
8. slider jquery

   Доброе утро, не подключается скрип, все делаю по инструкции, но не работает((( подскажите в чем может быт ошибка, я предполагаю, что не правильно прописываю этот скрипт <script>$(document).ready() ({ $('.bxslider').bxSlider({ pagerCustom: '#bx-pager'}); });</script>ссылка моего слайдера http://sport.teslalight.com.ua/index-slider.html скачал отсюда http://bxslider.com/examples/thumbnail-pager-1

   Asked by mrfrunze, October 13, 2014

   • jquery
   • slider
   0 votes
   11 answers
9. Проблемы html таблиц в Outlook

   Всем привет!) Когда отправляю письмо на аутлук, то почему-то происходит небольшой сдвиг влево! Сдвигается картинка конверта, она состоит из нескольких порезаных картинок, помещенных в таблицу. Подскажите плиз в чем дело то?? как должно быть http://juliastepanets.com/email/email.html как в реале:

   Asked by DEviso, October 12, 2014

   • outlook
   • таблицы
   0 votes
   5 answers
10. Меню аккордеон!

    День добрый! Если взять меню, например вот это: http://www.magentawave.com/2012/10/accordion-css3-jquery-menu.html то оно прекрасно работает. Но как только делаешь в меню 8-10 подменю (как только делаешь его достаточно длинным), то при нажатии на пункт страничка сдвигается вверх к этому пункту. Я думаю дело в якоре? Из за него страница двигается к месту где якорь? Как от этого избавиться? Зачем нужно меню, которое не работает нормально... Таких меню куча в инете и основа у них одна, список с якорями. Может можно как-то без якорей сделать? Или я чего-то не понимаю еще. С ув. Uncle Fox.

    Asked by Uncle Fox, October 12, 2014

    0 votes
    9 answers
11. Борьба с less.js

    Добрый день. Появилась необходимость сделать универсальную функцию в less следующего вида: .calc(@per,@val) { @per: calc(@val); @per: -moz-calc(@val); @per: -webkit-calc(@val); @per: -o-calc(@val); @per: expression(@val);}вызываю соответственно в нужном элементе, например: .example { .calc(top,100% - 50px);}.example { .calc("top","100% - 50px");}Никакой из вариантов less не хочет компилировать. Помогите пожалуйста решить проблему! Заранее спасибо!

    Asked by li4e, October 12, 2014

    • less
    • css
    0 votes
    9 answers
12. Нужно ли дублировать стили в разных @media queries ?

    Приветствую всех участников HTML - форума ! Поясню вопрос более подробно, в стиле задачи из учебника Дано: Адаптивная (Responsive) страница, в конце таблицы style.css прописаны @media queries под разные разрешения. Пример: ***Main Style*** h1 { padding-right: 20px; } p { margin-left: 10px; } @media queries (max-width: 991px) { h1 { padding-right: 10px; } p { margin-left: 5px; } } @media queries (max-width: 640px) { p { margin-left: 3px; } } Необходимо что-бы при просмотре с устройства попадающего под параметры последнего @media queries (max-width: 640px) у элемента h1 был задан атриб…

    Asked by Pataz, October 12, 2014

    • css
    • @Media
    • media queries
    • адаптивная верстка
    • responsive design
    0 votes
    2 answers
13. Background не растягивается на мобильных экранах

    Подскажите пожалуйста почему background не растягивается на моем проект-сайте на всю ширину, и почему открывая сайт на мобильном браузере моего s4 изначально сайт открывается увеличенным в пол сайта? Вот пример как выглядит сайт на мобилах СМОТРЕТЬ. Заранее спасибо!

    Asked by webdrug, October 12, 2014

    • background
    • retina
    0 votes
    3 answers
14. Адаптивный дизайн

    Здравствуйте, возникла потребность изменить уже готовое веб-приложение, а точнее - сделать его подстраиваемым под разные экраны! Если кто-то готов бесплатно, или за небольшую сумму выполнить эту работёнку, пишите ниже, или сюда!

    Asked by Pavel Krugley, October 11, 2014

    • дизайн ресайз
    • адаптивность
    0 votes
    0 answers
15. position: absolute скрытый overflow: hidden

    Приветствую всех. Есть такой код В блоках: container-1, и .container-2 все идентично. В блоках: .wrap-1, и .wrap-2 почти так же, за исключением блока .wrap-1 в котором добавлено overflow: hidden; Результат вы сами видите: .wrap-1 не позволяет container-1 выползти за его границы. В принципе по логике все ясно, просто я думал раньше что он вылезает вообще из общего потока на самый верх, но вопрос не в этом...а в том как это убрать, если мне нужно именно такие стили с overflow: hidden; и position: absolute одновременно?

    Asked by Arthur, October 11, 2014

    • position: absolute
    • overflow: hidden
    0 votes
    13 answers
16. Accordion

    Привет, http://jqueryui.com/accordion/#sortable установил списком в две колонки, проблема если раскрываю соседние большое пространство

    Asked by soltx, October 11, 2014

    0 votes
    8 answers
17. Tень в IE9+

    Всем доброго времени суток!. Есть слайдер, который по разному отображает тень в IE9+(по бокам у элементов div.slider1 div.slide) в сравнении с тем же Firefox. Как быть?

    Asked by Arthur, October 11, 2014

    0 votes
    5 answers
18. Помогите новичку

    Здравствуйте участники форума помогите новичку с такими вопросами, решил сделать двухколоночный резиновый макет, код которого приведу ниже все получилось нормально, но если поменять блоки местами все съезжает не могу понять почему.Разъясните что я сделал неправильно. И еще вот такой вопрос в некоторых источниках пишут, что нельзя задавать фиксированную высоту элемента насколько это правильно выскажите свое мнение <!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> <meta http-equiv="content-type" content="text/html; charset=utf-8" /…

    Asked by pavlovda, October 11, 2014

    0 votes
    3 answers
19. Принцип генерации SVG спрайтов(как лучше сгенерировать)

    Доброго времени суток. Интересует как лучше сгенерировать svg спрайт из illustrator'а.

    Asked by Galaxy, October 11, 2014

    0 votes
    8 answers
20. Можно ли мне уже?

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

    Asked by Laroxx12, October 11, 2014

    0 votes
    25 answers
21. Фон для tr

    Здравствуйте, подскажите как правильно задать фон для tr в таблице я задал для этого tr фон шириной в 1 пиксель, а как сделать уголки эти?

    Asked by cruel09, October 11, 2014

    0 votes
    1 answer
22. проблемы в datepicker-е с подсветкой выделенных дней

    Всем привет, В php/smarty/jquery/bootstrap проекте проблемы в datepicker-е с подсветкой выделенных дней - они сливаются с остальными днями Смотрю firebug-ом и вижу что выделенные дни имеют класс ui-state-highlight Я смоем темплейте я в заголовке пишу <script src="/static/js/jquery-ui/jquery.ui.datepicker.min.js"></script> <style> .ui-state-active td a{ color: brown; background: orange; border: 4px dotted gray; } .ui-state-highlight { color: red; background: #000080; border: 4px dotted green; } .ui-state-highlight td a{ color: red; background: #000080; border: 4px dotted green; } </style> html/smarty …

    Asked by mstdmstd, October 11, 2014

    0 votes
    3 answers
23. Как расположить два div-а в ряд?

    А именно чтобы один был слева а другой справа, и когда ресайзиш страницу в браузере той блок что спррава не двигался за бордюром, и не заслонял логотип. как щас - test На планшете и телефоне правый див вылазит на середину.

    Asked by NOCaut, October 11, 2014

    0 votes
    2 answers
24. В чём разница селекторов

    В общем достаточно странная вещь происходит. Элемент с классом .bx-pager на странице ОДИН ЕДИНСТВЕННЫЙ. А результат во всех трёх случаях разный. Объясните пожалуйста новичку в чём разница. #slider .bx-pager{ bottom: 10px; right: 0px; width: 124px; height: 53px; padding-top: 0 !important; margin: 0 !important; } #slider.bx-pager{ bottom: 10px; right: 0px; width: 124px; height: 53px; padding-top: 0 !important; margin: 0 !important; } .bx-pager{ bottom: 10px; right: 0px; width: 124px; height: 53px; padding-top: 0 !important; margin: 0 !important; } Собственно вот этот http://bxslider.com/ на всякий случай.

    Asked by visortelle, October 11, 2014

    0 votes
    4 answers
25. svg IE неверные width height

    Подскажите, как можно победить svg иконки, на сайте http://delovsite.ru/ в IE. Слева, стоят ссылки-иконки на группы. Стоят там svg. Если сразу не будет видно, то можно чуть уменьшить окно IE. Проблема вроде как известная, https://gist.github.com/larrybotha/7881691, но победить не получилось. Может есть еще какие то варианты? Кроме как заменить на png) Причем первая иконка вроде как отображается нормально:

    Asked by npofopr, October 10, 2014

    • svg
    • ie
    • scaling
    0 votes
    5 answers