HTML Coding

29542 questions in this forum

1. При вводе текста в div, тот меняет свою ширину. Как сделать?

   Здравствуйте. Интересует вопрос: как сделать чтобы при вводе текста в div, тот менял свою ширину. Т.е. чтоб отступы справа и слева совпадали http://codepen.io/anon/pen/LpOMKK Сделал при помощи max-width и min-width, но как-то не то

   Asked by yaparoff, October 19, 2015

   0 votes
   2 answers
2. Пропадает форма при прокрутке карусели.

   Здравствуйте! Есть блок с отзывами, которые оформлены в слайдер-карусель. И есть блок с формой. Проблема: При прокрутке слайдера пропадает блок с формой. Вопрос: как исправить? Вот пример. Спасибо.

   Asked by Alfa2015, October 18, 2015

   0 votes
   4 answers
3. Проблема с отображение нестандартного шрифта

   Доброго времени суток! Нестандартный шрифт отображается размыто в браузере Mozila firefox,но в других браузерах работает вполне адекватно,подключаю шрифты через font-face,файлы шрифтов также хранятся в отдельной папке на сайте...всегда раньше использовал этот прием..работало везде В chrome: В мозиле так: @font-face { font-family: 'ProximaNovaBold'; src: url('../fonts/ProximaNovaBold/ProximaNovaBold.eot'); src: local('☺'), url('../fonts/ProximaNovaBold/ProximaNovaBold.woff') format('woff'), url('../fonts/ProximaNovaBold/ProximaNovaBold.ttf') format('truetype'), url('../fonts/ProximaNovaBold/ProximaNovaBold.svg') format('svg'); font-weight: normal; …

   Asked by jetfire2014, October 18, 2015

   0 votes
   2 answers
4. Масштабирование шрифтов в адаптивной верстке

   Здравствуйте . Поделитесь пожалуйста материалами (ссылками), с информацией о масштабировании шрифтов в зависимости от разрешения экрана. Заранее, спасибо!

   Asked by Pinga, October 18, 2015

   • css
   • adaptive
   • true type
   0 votes
   1 answer
5. Правильная расстановка DIV-блоков

   Собственно вопрос от новичка. Проще нарисовать на картинке чем описывать ситуацию на словах. Пытаюсь правильно расставить DIV'ы. При этом чтобы последовательность кода не рвать. (маленькие дивы идут подряд, большой соответственно находится НЕ в середине) Скорее всего здесь придётся поколдовать с css-параметром "display", хотя не уверен. http://i.imgur.com/ViusSLH.png Не нашел как залить картинку на сервер, выкладываю ссылкой.

   Asked by Necrosss, October 17, 2015

   • DIV
   • css
   • расстановка
   • блок
   0 votes
   1 answer
6. Вертикальное выравнивание при абсолютном позиционировании

   Здравствуйте. Почему не работает вертикальное выравнивание при абсолютном позиционировании? Код хтмл: <div class="col"> <p>Lorem ipsum dolor sit amet..</p> <div class="col-prew">text prew</div></div><div class="col"> <div class="col-prew">text prew</div></div><div class="col"> <div class="col-prew">text prew</div></div>Код цсс: .col { display: table; position: relative; float: left; width: 33.3%; height: 250px; background: red;}.col:nth-child(2n) { background: green;}.col-prew { display: table-cell; position: absolute; top: 0; left: 0; width:…

   Asked by Temiks, October 17, 2015

   0 votes
   10 answers
7. Адаптивная вертикальная карусель

   Здравствуйте. Посоветуйте, пожалуйста, адаптивную вертикальную карусель.

   Asked by stan07, October 16, 2015

   0 votes
   2 answers
8. Верстка списка товаров

   Здравствуйте. Верстаю каталог с товарами. Столкнулся вот с такой трудностью: Т.е. товары разбросаны как попало. Как это исправить? Вот ссылка на сайт

   Asked by yaparoff, October 16, 2015

   0 votes
   1 answer
9. Подскажите как исправить кривой слайдер

   1.Проблема в рамке слайдера bxslider не могу понять как изменить расстояние сверху http://saunasuper.ru/nashi_zaly/china/#prosmotr 2. как сделать, чтобы фотографии в этом слайдере открывались одним размером

   Asked by Roman21, October 16, 2015

   • слайдер ошиб
   • ка помощь
   • слайдер помощь
   0 votes
   2 answers
10. Справочники по html xhtml и css

    Подскажите пожалуйста где можно заказать справочник 3 в 1 по html xhtml и css (не электронное издание) в каком интернет магазине можно заказать,не могу найти

    Asked by Юрий04, October 16, 2015

    0 votes
    6 answers
11. Очень медленный скроллинг в #scroll-zone (2й слайд)

    Нормальный скроллинг: https://jsfiddle.net/Teamur/rju47q7n/ Очень медленный скроллинг в #scroll-zone (синий слайд)! Почему и Как решить? https://jsfiddle.net/Teamur/fxx65y14/4/

    Asked by Teamur, October 15, 2015

    • Firefox Scroll Snap Points
    0 votes
    1 answer
12. Выровнять картинку по центру блока

    Здравствуйте уважаемые форумчане! Подскажите, пожалуйста, как выровнять картинку по центру блока (по высоте, по ширине я её выровнял) Вот код - http://jsfiddle.net/ko542jer/

    Asked by stan07, October 15, 2015

    0 votes
    8 answers
13. Как можно вставить в canvas картинку или button

    Помогите есть канвас нужно в него вставить input.button или img, вставлял картинку через new Image все отрисовывает но такая картинка не воспринимает onclick, или есть способы добиться этого?

    Asked by GrizzzlyGames, October 15, 2015

    • canvas
    • button
    • img
    • image
    0 votes
    2 answers
14. header ширина

    Привет. У меня header имеет ширину width 100% и высоту 820 px. Подскажите пожалуйста, как сделать обертку для всего контента (wrapper) меньшую чем размеры headera. Но притом чтобы header оставить таких размеров как и есть.

    Asked by bobb, October 15, 2015

    0 votes
    9 answers
15. помогите растянуть полосу на всю ширину блока

    Здравствуйте. Есть блок у которого задана фиксированная высота , и ширина задана width:auto. в этом блоке есть полоска с текстом ,тег h2. эту полоску необходимо растянуть на всю ширину блока. Таких блоков много и они расположены в линию , фото разных размеров поэтому высоту фото фиксируем ,а ширина получается у всех разная. Пример блока здесь: https://jsfiddle.net/ishurgaya/e52yj6ne/ Как сделать ,чтобы ширина синей полоски с текстом была во всю ширину блока ? Спасибо

    Asked by ishurgaya, October 14, 2015

    0 votes
    3 answers
16. Центрирование абсолютно позиционированного блока произвольной высоты

    Вопрос наверное глуповат, но как сделать я не понимаю. Есть блок с position relative в нем есть ul, который абсолютно позиционирован по правому краю. Сейчас top стоит 50% и все точки добавляются вниз, да и выглядит не так, как задумано: Как можно позиционировать так, чтоб он всегда был ровно в центре: Количество пунктов (li) может быть произвольным и обертку я добавить не могу: http://jsfiddle.net/ytjh8gn1/

    Asked by Shiza, October 14, 2015

    • позиционирование
    • вертикальное выравнивание
    • центрирование
    0 votes
    2 answers
17. Фон не размножается до конца, загадка какая то.

    Здесь header это черная и синяя полоска, это как выглядит при разрешение 1000px и более. Все норм. Проблема в том что при сжатии браузера меньше 1000px фон на header перестает размножаться когда появляется колесо прокрутки. Покажу на screen суть проблемы. По логике он должен размножаться до конца, но почему то на скока я понимаю принимает ширину div id=header который находиться внутри header. По логике так быть не должно, да и структура не рушиться проблема только в в фоне. Загадка прям какая то. Кто то сталкивался с такой проблемой? Думаю причина какая то простая, просто опыта не хватает догнать.

    Asked by serg_life, October 14, 2015

    0 votes
    15 answers
18. Яндекс карты и адаптивный дизайн

    Всем привет. Есть адаптивный сайт, на нем два блока по 50% распределены по ширине. Выглядит это так: <div class="fiftypercent"><div id="servicemap">Тут яндекс карта</div></div><!----><div class="fiftypercent"><div id="servicezone">Тут текст</div></div> .fiftypercent{display:inline-table;width:50%;} Если это открыть через explorer или mozilla, то при сужении окна браузера эти два блока будут "прыгать", посмотреть можно здесь. Обычно такое бывает, если не убран пробел <!-- -->, но тут все на месте. Если вместо карты вставить, например, текст, все будет корректно сужаться. У карты стоит ширина 100%.

    Asked by wry, October 14, 2015

    0 votes
    1 answer
19. автосоставление координат по клику

    Добрый день! Мне нужно разбить рисунок карты области на отдельные участки-ссылки. Сама идея, конечно, проста как апельсин: бери <map> и <area> и нарезай. Но дело в том что дана Кировская область а разбить её нужно на районы, коих в ней 39 и все заковыристой формы. Отследить вручную (просто просматривая глазками координаты точек где граница района изгибается) координаты в разумные сроки не представляется возможным. Вопрос. Возможно кто-то сможет подсказать, нет ли какого-нибудь приложения, которое бы прорисовывало полигональную линию, вычисляя и записывая в строку координаты автоматически по клику мыши?

    Asked by White Tiger, October 14, 2015

    • area координата usemap
    0 votes
    2 answers
20. Можно ли на Android видеть сайты как с IPhone?

    У меня андроид, и я могу тестить на нём сайты. Но у других людей есть и айфоны. Я конечно пользуюсь гугл тулзом на компе, ставлю ширину 320 пикселей и так далее, но иногда бывают моменты, когда надо протестить именно с телефона. Это вообще хоть как-то реально? Может приложение какое.

    Asked by Alarr, October 14, 2015

    0 votes
    2 answers
21. Реально на форму наложить изображение

    Картинка посредине прозрачная, я наложил её на форму поиска с помощью position absolute Налаживал и как изображение и как фон, проблема в том что при наложении форма не работает, потому что картинка сверху получается. А если под форму ложить то вид не тот. Нужно как то наложить изображение сверху поиска но что бы изображение было видно но при этом не мешало форме. Можно её конечно разрезать и по кускам собрать но тогда получается левая картинка будет закрывать начало ввода текста в форму, короче писать чутли не с центра прийдется, очень некрасиво как то. Суть проблемы вроде описал, решение думаю должно быть.

    Asked by serg_life, October 14, 2015

    0 votes
    8 answers
22. помогите понять ,как работает слайдер на css3

    Здравствуйте. нашел на английском сайте слайдер на css3 без js. Вот здесь : http://csscience.com/responsiveslidercss3/ так вот там написано ,что ловится клик на радио кнопках с id: slide1 , slide2. и в зависимости от выбранной радио кнопки, контейтеру со слайдами (с классом .inner) присваивается соответствующий margin-left. #slide1:checked ~ #slides .inner { margin-left:0; } #slide2:checked ~ #slides .inner { margin-left:100%; } #slide3:checked ~ #slides .inner { margin-left:200%; } #slide4:checked ~ #slides .inner { margin-left:300%; } #slide5:checked ~ #slides .inner { margin-left:400%; }Впервые встречаю такой прием в css3 ,где можно о таком способе динамического …

    Asked by ishurgaya, October 13, 2015

    0 votes
    3 answers
23. Проблема с формой

    Прошу помощи у опытных посетителей данного форума. Необходимо сверстать форму которая сочетает в себе поля select и input текста. Каким образом лучше объединить два данных элемента? И каким образом лучше стилизовать select? На чистом СSS это практически не возможно, насколько я поняла. Пробовала ставить плагин JQuery (selecter), но сразу возникает проблема с выпадением select'a из родительского div'a, то есть он фактически отображается под формой, а не в ней. Запихнуть его обратно не удалось, так как элементы находящиеся рядом начинали вести себя аналогично select'у и также выпадать из формы. Понимаю, что возможно задаю странные вопросы, но это моя первая серьезная верстк…

    Asked by Liana19, October 13, 2015

    0 votes
    4 answers
24. При использовании display: inline-block; между двух блоков появляется отступ

    У меня новая проблемка, использую два блока со свойством display: inline-block; и между ними появляется отступ примерно в пикселей 10, но он мне не нужен такой. Наглядный пример можно посмотреть тут http://jsfiddle.net/6L2qbL83/ подскажите, что я упустил?

    Asked by papay, October 13, 2015

    • display: inline-block;
    0 votes
    2 answers
25. Плеер на сайт

    Заранее извинюсь если тема затронута ранее, просто 10 000 тем перерывать тяжко, поиск результатов интерестных не дал. И так... Хочу подключить плеер, максмаааально удобный! Что бы был плейлист, и можно было загружать в него файлы прямо через сайт, примерно как в соцсетях(вк или одноклассники). Ищу, пытаюсь, и насилую код уже второй день, толку мало... Кто может посоветовать ресурсы, гайды или что то тому подобное по подключению плеера?

    Asked by TheGuy, October 13, 2015

    • Плеер плейлист
    • музыка
    0 votes
    2 answers