HTML Coding

29,542 questions in this forum

1. Как узнать что на сайт зашли с внешнего ресурса?

   Как узнать что юзер зашёл на сайт не из внутренних страниц сайты, а с другого адреса? Это точно с использованием пхп, но как? Как бы редиректить на определённую страницу людей зашедших с внешнего ресурса.

   Asked by Alarr, August 26, 2015

   0 votes
   13 answers
2. Откуда берется padding?

   http://jsfiddle.net/220wsdx2/ Как сделать так чтобы высота блока .cell была 0, как задуманно, а не равнялась высоте одного из паддингов ссылки+line-height (насколько я понял)?

   Asked by infidel, October 2, 2015

   0 votes
   13 answers
3. Проблема: смещение на 1px background в Хроме и Мозила

   Здравствуйте уже ни раз сталкиваюсь с подобной проблемой и вот наконец то решил обратиться за помощью Суть проблемы: Подопытный сайт: http://www.retro.ontuning.ru/ Так же прикладываю картинки для наглядности. В левом садбаре имеется табличка, а за ней находится труба, эту трубу я реализовал следующим образом: вырезал кусок трубы размером 12рх на 12рх, после чего добавил в сайтбар свойством background, определил позицию трубы свойством background-position и растянул в длину, чтобы она состыковывалась с фоном в шапке и с фоном в подвале. Таким образом, я добился, чтобы труба тянулась при наличии контента. В мозили все отображается хорошо, так как нужно, а вот в хроме, …

   Asked by Akkord87, October 27, 2015

   0 votes
   13 answers
4. jQuery отмена события после fired

   На этой странице кнопка теряет тень при нажатии http://codepen.io/462960/pen/avqjoe Сразу после чего должна вернуться в исходное состояние. Пробовал 2 варианта. Оба завязаны на .one() Отмены нет, прошу знатоков подсказать.

   Asked by seemax, October 28, 2015

   • jQuery
   • .one()
   0 votes
   13 answers
5. Отцентрировать согласно неизвестной высоте

   Здравствуйте. Может, кто-то сможет подсказать? Есть что-то вроде тултипа - всплывает при наведении напротив каждого пункта. Но считает только top. А хотелось бы его отцентрировать, но высота тултипа может быть разной. Код ниже. Сайт - http://top-matras.ru/seriya-premium/hardstyle-medium-s1000/, тултип в "Составе модели" function layers_box_open(o) { var _id = $(o).attr('data-layersLink-key'); if (_id) { var top = (($("[data-layersLink-key='"+_id+"']").offset().top)-$(".js-layers_wrap").offset().top); $('.layers_box_wrap', '.js-layers_key-' + _id).css({'visibility':'visible', 'top' : top + 'px'}); }}

   Asked by kattiperk, November 17, 2015

   • js
   • height
   0 votes
   13 answers
6. резиновая верстка

   Здравствуйте. Скажите, пожалуйста, у меня получилась резиновая верстка? По-моему не очень. Как улучшить? http://jsfiddle.net/30pezc2f/

   Asked by zolga7, November 18, 2015

   0 votes
   13 answers
7. Адаптивная верстка и iphone.

   Здравствуйте, уважаемые форумчане. Проблема следующая. Есть сайт с адаптивной версткой: grimakva.ru При проверке сайта в эмуляторах моб устройств все отображается корректно (за исключением меню (оно в процессе). Но при просмотре сайта непосредственно через айфон (различных моделей и версий ios) фон сайта отображается некорректно, выравнивается по ширине, оставляя внизу большое пространство. При этом прописанные @media screen полностью игнорируются. В чем может быть ошибка? Буду рада любым советам и полезным ссылкам, сама к сожалению не нашла ничего.

   Asked by Toleri, November 27, 2015

   0 votes
   13 answers
8. дважды открыть диалог

   <div id="loading" style="display: none;"></div><div id="modal" style="display: none;"></div>$.ajax({ url: $(this).attr('href'), beforeSend: function(){ loading = $('#loading').dialog({ modal: true, width: 100, height: 100 }); $(".ui-dialog-titlebar").hide(); }, success: function(data){ loading.dialog('close'); $('#modal').html(data); $('#modal').dialog({ modal: true, width:'auto', }); } });с…

   Asked by https, January 15, 2016

   0 votes
   13 answers
9. Как сверстать карусель

   Скажите может кто то знает как сверстать вот такую карусель Чтобы попроще 4 блока ссылки стрелочки ,что бы попроще, может есть у кого инфа по этому поводу https://fotki.yandex.ru/next/users/sawenkov-o-s/album/429223/view/1134449

   Asked by virtas, January 17, 2016

   • карусель
   0 votes
   13 answers
10. Нужно сделать вывод числа с символом $ и ~

    Здравствуйте. Необходимо сделать верстку по шаблону, требуется калькулятор с расчетом примерной стоимости. Функцию сделал, она работает, вывод тоже есть. Не могу придумать как добавить к числу знак доллара и "примерно". Также есть вопрос по поводу скрытия кнопки "Calculate" и появления на ее месте этого числа и кнопки Order, как на макете. Можно ли такое осуществить? Спасибо. Сейчас это выглядит так:

    Asked by mrzk13, January 30, 2016

    • верстка
    • bootstrap
    • html
    • css
    • output
    • input
    0 votes
    13 answers
11. Как лучше сделать фон или блок в целом

    Верстаю этот шаблон, подскажите как лучше сверстать блок, там где комп в хедере, пугает что там есть блик над текстом и что фон на два цвета заполняется, может сделать два блока? .jpg макета .psd можно скачать там со страницы шаблона на сайте Ну как-то так.. надеюсь вы меня поняли Вот я кое что нарисовал как примерно размечать, только как блик туда запихнуть? а кто-нибудь может сверстать эту часть если не сложно, а я посмотрю, ну а если нет то хоть дайте совет как лучше сделать здесь разметку и css

    Asked by Bava, February 24, 2016

    0 votes
    13 answers
12. как растянуть картинку на всю доступную ширину блока?

    Добрый день,учусь верстать с псд,выбрал себе макет,и столкнулся с проблемой. http://joxi.ru/D2PKwp0HdlbGNm есть блок,внутри 3 столбца,у каждого есть заголовок. перед заголовком иконка с синим квадратом,после заголовка иконка с пунктиром. пытался сделать все это при помощи псевдоэлементов before и after. <div class="about"> <div class="row"> <div class="col-md-4 about"> <p>services</p> </div> <div class="col-md-4 about"> <p>our tearms</p> </div> <div class="col-md-4 about"> <p>27/7/365 support</p> </div> </d…

    Asked by F4rr3LL, March 7, 2016

    0 votes
    13 answers
13. Анимация перед рендером страницы

    Народ как решить такую проблему? Например какой-то сайдбар у меня скрыт за экраном через минусовой транслейтX или через левую позицию, любой из вариантов, и по клику на что-то он выезжает, но когда происходит рендер (ф5 или переход) страницы, я вижу в секунду как он гад уезжает за экран. В песочнице такого не наблюдаю, а вот на работе, иногда делаю такие вещи и при загрузке страницы это появляется... Извините за сумбурность, реально показать не получается. Возможно кто-то сталкивался с подобной проблемой? Вот пример такого сайдбара http://codepen.io/hesrun/pen/ZWJjwp

    Asked by vladmih, March 30, 2016

    0 votes
    13 answers
14. overflow ограничивает абсолютный блок

    Как сделать, чтобы абсолютный блок не обрезался внешним блоком с ограничением overflow:auto. Структура такая: <div style='overflow:auto; width:500px;'> <div style='position:relative'> <div style='position:absolute; width:1000px;'> длииииииииииииииииииинннннннннннннннннннннннныыыыыыыыыыыыыыыыыыйййййййййййййййййййй тееееееееееееееееккккккккккккссссссссссссттттттттт </div> </div> </div> Как сделать, что бы блок с текстом не обрезался внешним дивом с overflow, но при этом позиционировался относительно блока relative? z-index менял. В статичный блок абсолютный помещал.

    Asked by BoJITyH, April 3, 2016

    • div
    • overflow
    • position:absolute
    0 votes
    13 answers
15. Как доработать всплывающую форму?

    Здравствуйте. На странице, если нажать кнопку "Заказ в 1 клик", то можно увидеть всплывающую форму. Пробую ей пользоваться на своем мобильнике, и когда дохожу до её низа: и кликаю на поле Комментарий, то на телефоне получается такая неприятная картина: то есть выдвигающаяся клавиатура скрывает поле, в котором ты набираешь текст. Как можно исправить эту "слепоту"?

    Asked by borus, April 4, 2016

    0 votes
    13 answers
16. Полупрозрачный градиент поверх изображения

    Всем привет! Такой вопрос: как при наведении на <img> наложить полупрозрачный градиент средствами CSS поверх картинки? Структура HTML такая: <div class="item"> <img src="/img/about-us-1.png" alt="#"> </div> Пример: справа - нормальная картинка, слева при наведении.

    Asked by hetsketch, November 17, 2016

    0 votes
    13 answers
17. Позиционирование меню поверх слайдера

    Всем доброго времени суток! Не могу определиться, как сделать следующее => есть слайдер (использую slick), поверх которого нужно разместить менюшку и логотип. Изначально я планировал слайдеру задать "position: absolute", а блоку с менюшкой и логотипом - "z-index: 2" (чтобы он был поверх слайдера). Но когда я задаю слайдеру "position: absolute" - с ним происходит что-то ужасное (он в несколько десятков раз увеличивается и соответственно все ломается). Подскажите, как такое можно сделать??

    Asked by Igor_Dp, February 26, 2017

    0 votes
    13 answers
18. Смена шрифта

    Доброго времени суток. Прошу подсказать как мне изменить шрифт текста. HTML <div class="partner-adblock-h">ТУТ ВАШ ТЕКСТ ДЛЯ РЕКЛАМКИ НА СRIME-NOAS.</div> CSS .partner-adblock-h { position: absolute; top: 9px; left: 20px; z-index: -1; font-size: 13px; } p.s: Изучать начал недавно. Установил себе на сайт ( ucoz движок ) шаблон и изучаю помаленьку. Захотелось мне заменить текст в рамке ( который на скриншоте ). Посмотрел как это сделать. Вписал в CSS стилях в .partner-adblock-h строку font: стиль; . Не помогло. Понимаю для вас это легко. Подскажите если не сложно как мне поступить. Я уже 3 часа сижу , голова кипит )

    Asked by elias45, March 16, 2017

    0 votes
    13 answers
19. margin указанный в % не работает в firefox

    здравствуйте! указываю DIVу (margin: 1.5% 0;) везде нормально работает, а вот в мозиле, не работает вообще, в чем может быть проблема?

    Asked by веха, April 20, 2017

    0 votes
    13 answers
20. Конвертировать PNG в SVG и как правильно поставить

    Доброго времени суток. Возникло пару вопросов: - Пытаюсь конвертировать png в svg через вот этот сервис https://convertio.co/ru/png-svg/ . Картинка цветная, на выходе она получается черно-белая... так и должно быть? - А как данную картинку потом вставить, если правильно, что она получается черно-белой... (хотя в принципе как правильно поставить svg) Вроде смотрела примеры, но что-то не поняла.. *первый раз пробую поставить svg Спасибо ^^

    Asked by Mary_RND, May 30, 2017

    • html
    • css
    • svg
    • png
    0 votes
    13 answers
21. bootstrap Как сверстать картинку, выходящую за сетку бутстрап?

    Как сверстать картинку, выходящую за сетку бутстрап? Как лучше сверстать это!

    Asked by incub, June 11, 2017

    • html
    • css
    0 votes
    13 answers
22. Как растянуть блоки по высоте строки

    вот пример на codeopen.iohttps://codepen.io/anon/pen/gGgMWX Всем ячейкам задана высота 45px. Одной из ячеек задана высота 69px. Строка растянулась по высоте в 69px. Как сделать так, чтобы остальные ячейки тоже растянулись по высоте строки ?? height: 100% не будет работать Мне просто интересно возможно ли как то сделать, не ужели нельзя...

    Asked by SnowSilver, September 25, 2017

    0 votes
    13 answers
23. Какую спецификацию html стоит читать на данный момент ?

    Какую спецификацию стоит читать, основы я знаю, вот думаю начать не просто верстать как попало а уже зная спецификацию. https://www.w3.org/standards/techs/html#w3c_all Точнее даже какую версию лучше читать сейчас: HTML 5.1 2nd Edition (2017-10-03) или HTML5 (2014-10-28) То что по новее или то что по старше ?

    Asked by Димитрий, October 23, 2017

    • спецификация html
    0 votes
    13 answers
24. Поля margin

    Объясните почему свойство margin не выравнивает список ul по вертикали Поля left right добавляет , top bottom нет margin:auto auto; http://disq.us/url?url=http%3A%2F%2Fcssdeck.com%2Flabs%2F5en97f5i%3A51qQJl0sJwuOEAvt2LU-Ebutlwk&cuid=656471

    Asked by Ram, November 21, 2017

    0 votes
    13 answers
25. Навигация со скролом для мобильной версии сайта

    Здравствуйте! Подскажите, пожалуйста, как реализовать такую навигацию для мобильной версии (гамбургер делать не хочется): Заранее благодарен за помощь!

    Asked by volshebnyi, January 15, 2018

    0 votes
    13 answers