HTML Coding

29,542 questions in this forum

1. baron scroll sidebar в Фарфоксе отображается свой скролл

   Доброго дня. http://codepen.io/npofopr/pen/xwWqWX как побороть скролл в ФФ для baron, под виндой, видимо? где то видимо overflow: hidden; не хватает, но найти не могу где. Оно или скроллить перестаёт или 2 скролла. Потому что в примерах всё работает.... Может пользовался кто нибудь baron?

   Asked by npofopr, October 27, 2015

   • baron
   • scroll
   • ff
   0 votes
   6 answers
2. Не отображается выезжающее меню

   Черновик верстки. При разрешении меньше 768, меню трансформируется в боковое выезжающее, но на мобильниках не отображается, хотя в браузере работает, я так понимаю, это потому что само меню, находится в блоке #container, то есть не меняя html ничего сделать нельзя? http://verino.alldesign.org.ua/menu/

   Asked by vera17, October 27, 2015

   0 votes
   6 answers
3. https

   помогите пожалуйста понять что такое https из прочитанного я пока понял приблизительно следующее: 1. если сайт обменивается с посетителями ценной информацией(например сайт банка предоставляет сервис личного кабинета с возможностью перевода денег), то все данные должны передаваться в зашифрованном виде. 2. то есть владелец сайта через какой-то сервис(типа сервиса по прожадам доменных имён) покупает ssl-сертификат и после этого между сайтом и браузерами клиентов передаётся контент, зашифрованный при помощи 100-значного ключа 3. таким образом количество запросов между клиентом и сервером увеличивается. соответственно скорость получения информации несколько уменьшается ес…

   Asked by cyklop77, November 4, 2015

   • https
   • ssl
   0 votes
   6 answers
4. Вложенные таблицы html

   Всем привет! Я с html знаком ну очень поверхностно (хотя программист по роду деятельности), но встала необходимость сделать простенький сайт. Грубо структура такая Области: 1 - логотип, 2 - заголовок, 3 - пукнты меню, 4 - описание соотвествующего пункта Области 1, 2, 3 и 4 это четыре ячейки главной таблицы (2 строки, 2 столбца). Для нее cellspacing="6", т.е. есть расстояние по горизонтали/вертикали между соседними ячейками. Вопрос про 3 область. Здесь пунктов несколько, поэтому сюда вкладываю таблицу внутрь ячейки основной таблицы. Для вложенной таблицы я также задаю cellspacing="6" (необходимо, чтобы между ее строками было такое же раастояние, как между строками внешн…

   Asked by gammaray, November 9, 2015

   0 votes
   6 answers
5. div падает

   В общем, в div container у меня внутри три div-блока. Размером 20%, 55% и 25% соотв. Для расположения их по горизонтали я применил свойство float:left. Проблема: При попытке расширить средний блок (то есть, увеличить содержимое в ширине) (1) 55%, третий блок (2) 25% просто падает под него, не оставаясь на месте. А вставка background-image вообще работает неадекватно. Изображение вставляется только на 10%, словно обрезанное. max-width: 960px; - блока(1) Заранее благодарен за любую помощь. Я пока только учусь вёрстке. Много чего на практике только испытываю.

   Asked by P0jar, November 10, 2015

   0 votes
   6 answers
6. перенос текста внутри td

   перенос текста внутри td имеем <td>первый второй третий</td> как сделать, какой символ нужно добавить между словами, чтоб каждое слово выводилось в браузере в ячейке с новой строки ? Заранее благодарен!

   Asked by Alexys, November 13, 2015

   0 votes
   6 answers
7. Запутался с Яваскриптом

   Верстаю сайт для смартфонов. Запутался с "обратной связью". часть common.js: $.ajax({ url: 'contact_form/contact_process.php', type: 'POST', data: str }) .done(function(msg){ if(msg === "OK"){ var result = "<div = 'bg-success'>Спасибо за заявку! Мы вам перезвоним!</div>" form.html(result); }else{ form.html(msg); } }) .always(function(){ submitBtn.removeAttr('disabled'); }); Форма работает - письма приходят. Но после нажатия на кнопку, после обр…

   Asked by Pinga, November 18, 2015

   • JavaScript
   • php
   • форма обратной связи
   0 votes
   6 answers
8. Позиционирование элементов

   Привет! Помогите мне понять почему возникает такая проблема: есть три блока, находятся в ряд. Крайние прибиты по краям родителя. При уменьшении экрана 1 блок скрывается, а 3 перестраивается вниз. Так вот, если играться с размерами окна, 3блок перестраивается вниз, но когда снова увеличиваешь окно, он становится не в ряд, а ниже. Если обновить страницу становится опять все хорошо. Очень хотелось бы понять почему так. https://jsfiddle.net/horprogs/5hjwwnpj/1/

   Asked by horprogs, November 19, 2015

   0 votes
   6 answers
9. Нужна помощь при создании формы обратной связи

   вот она http://kymakym.xyz/obratnaja+svjaz.html, только не работает, не могу правильно поставить код, чтоб на определенное мыло долетали сообщения...

   Asked by mirnosaveli, November 25, 2015

   0 votes
   6 answers
10. Картинка с absolute с негативным правым отступом

    Здравствуйте. Что то уже совсем голова не работает, сижу два часа не могу решить проблему. Сжимайте окно браузера, из за картинки горизонтальный скролл. Вот как можно сделать, чтобы браузер игнорировал эту картинку до того момента когда ширина окна будет < ширины контейнера? То есть overflow:hidden для body, html и всяких родительских контейнеров не устраивает.. http://jsfiddle.net/g2LyLetn/

    Asked by Нарек, November 28, 2015

    0 votes
    6 answers
11. Градиент на Mac OS

    Подскажите как сделать css градиент на 20% высоты блока, чтобы корректно смотрелось на Safari, что на Mac, что на Windows. Сейчас выглядит вот так: http://www.picshare.ru/view/6918945/ справа Safari, слева остальные браузеры background: -moz-linear-gradient(top, rgba(247,247,247,0.65) 0%, rgba(128,128,128,0) 48%, rgba(0,0,0,0) 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,247,247,0.65)), color-stop(48%,rgba(128,128,128,0)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, rgba(247,247,247,0.65) 0%,rgba(128,128,128,0) 48%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */…

    Asked by vip, November 30, 2015

    0 votes
    6 answers
12. Подскажите, умные люди!

    есть форма,которую нужно разместить на всю ширину блока,и все бы хорошо,но когда добавляешь к текстовому полю рамку все плывет! как выйти из этой ситуации,чтоб форма с рамкой заняла всю ширину блока? <style> .width {width: 224px;height: 100px;margin: 0 auto;border: 1px solid ;}input[type=text] {width: 144px;outline: none;float: left;height: 33px;border: none;line-height: 1;font-size: 12px;padding-left: 10px;/* border: 1px solid; */}button {border: none;width: 70px;height: 35px;}</style> <div class="width"> <form action="#" method="POST"><input type="text" placeholder="Text..."><button>Кнопка</button> </form></div>

    Asked by My}I{uK, December 5, 2015

    0 votes
    6 answers
13. с помощью чего делать анимцию для блоков и текста

    Всем добрый день! Не так давно учусь верстке,и никак не могу понять как делаются эффекты выплывания,выезжания,проявления блоков и текстов? js,jquery,css? Сразу попрошу без сарказма на тему "погугли",мне это не помогло)хочу сделать эффекты на примере этого сайта http://hotdogstudio.ru/ , будуочень благодарен за помощь!)

    Asked by awesomo, December 13, 2015

    0 votes
    6 answers
14. float и position при адаптивной верстке

    Привет всем. Не пойму почему при флоте http://prntscr.com/9frma7 список выпадает из блока . Объясните плиз. потом делал его через позиционирование дал ему абсолют. Но при уменьшении расширения экрана список улетает в сторону . Как решить тут проблему? http://prntscr.com/9frnow

    Asked by nooobito, December 18, 2015

    • float position
    0 votes
    6 answers
15. Структура form

    Всем привет. Подскажите пожалуйста какую сделать лучше структуру для этих форм что на скрине ? Также еще вопрос, как делаются этот выпадающий список валют и инпуты такие ? http://pixs.ru/showimage/Lichniykab_9600987_19951905.jpg

    Asked by Shenia132, December 20, 2015

    • form
    • Структура
    0 votes
    6 answers
16. спрятать один блок под другой

    Ребята! как мне самый нижний блок (в примере именуемый *minifooter*) спрятать под чёрный блок? https://jsfiddle.net/gjtdgqj2/

    Asked by severianin, December 21, 2015

    0 votes
    6 answers
17. Используете ли Вы готовые Html-шаблоны верстки?

    Привет всем. Задался таким вопросом,так как пока еще довольно долго верстаю. Реально ли использовать для создания страниц с уникальным дизайном готовые шаблоны по типу этих? Кто-нибудь так делает вообще? Или в итоге еще хуже/дольше будет получаться? Просто как по мне, то гораздо легче/быстрее готовый код через дебаггеры редактировать и пересохранять, чем свой с нуля писать.

    Asked by Nibaluiso, December 23, 2015

    0 votes
    6 answers
18. Как центрировать блок

    Вот небольшой пример - https://jsfiddle.net/zpLhab6z/ Как можно выставить по центру экрана сам блок с ссылкой? Желательно без использования дополнительных контейнеров и структуры типа <center_></center_> Спасибо.

    Asked by alleclf, January 4, 2016

    0 votes
    6 answers
19. Как прикрутить иконки к адаптивному сайту

    Скажите я новичок пытаюсь перекрутить иконки к сайту номеру тел скайпу иконки http://seoisra.hostenko.com/ Ну и при изменении экрана они гуляют на нужно что бы возле номера были с лева. Только я не пойму , мне нужно медиа запросами подгонять , прописывать каждое значение для разных экранов ? не могу сообразить как через bootstrap все наладить.

    Asked by virtas, January 16, 2016

    • иконки
    • адаптивный сайт
    0 votes
    6 answers
20. Не могу объединить ссылку и <hr>

    Есть код: <a href="">ССЫЛКА<hr></a> Надо объединить слово "ССЫЛКА" и тег <hr>, чтобы при наведении/нажатии оба элемента меняли цвет! Не разобрался как тут прикреплять изображение, поэтому вот ↓↓↓ такую штуку хочу сделать! https://yadi.sk/i/_wE4O4gTnfSqD Может есть другой вариант, без использования <hr>?

    Asked by Ly3ePo4eK, January 24, 2016

    0 votes
    6 answers
21. Дайте рекомендации для верстки нестандартного макета.

    Сабж, прошу дать рекомендации по верстке прикрепленного макета, нужно как-то качество разделить тело документа на 3 ровные части, причем должна быть корректная интерактивность (3 раздела в центре должны кликаться). мои вопросы по теме: 1. Какой css фреймворк посоветуете и почему, (или просто ручками) 2. возможна ли, релизация JSом, если да, то в какую сторону думать? 3. Проще все сделать без фреймвокров. Вообще в какую сторону мыслить) сталкиваюсь с таким нестандартным креативным концептом впервые. сам макет: http://hostingkartinok.com/show-image.php?id=eba9630d504694ef6d922db79cdcb50d

    Asked by nenomernoj, January 27, 2016

    • fullpage
    0 votes
    6 answers
22. Подвал

    Друзья. не понимаю в чем дело. есть сайт http://geopolis.su там подвал получается по нижнему краю экрана. точнее только его зеленая часть, а все что внутри подвала - на своем месте (внизу страницы). подвал находится после блока wrapper. и вот этот самый блок непонятной высоты. не могу разобраться. Прошу помощи! плиииз! p.s. скинуть исходники сюда или Вам удобнее в браузере через исходный код посмотреть?

    Asked by vi100k, January 30, 2016

    0 votes
    6 answers
23. Не могу убрать отступ снизу

    Как видно, внизу граница (тень) отступает от элемента, хотя padding задан одинаковый со всех сторон. Не могу разобраться, почему. http://jakeweb.cc.ua/test/

    Asked by WhatIsHTML, February 1, 2016

    0 votes
    6 answers
24. запретить доступ к элементам через tab

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

    Asked by FeelUs, February 6, 2016

    • всплывающее окно с затемнением
    0 votes
    6 answers
25. закрывающие тэги, html и xhtml

    скажите, почему когда я пишу <script src="jquery-2.2.0.js"/>вместо <script src="jquery-2.2.0.js"></script> у меня страница просто не загружается? неужели в HTML запрещено сокращать пустые элементы также как в XHTML? и какой DOCTYPE я должен указать в этом случае? или это только с тегом scritpt так причем даже в XHTML?

    Asked by FeelUs, February 9, 2016

    • html
    • xhtml
    • script
    0 votes
    6 answers