HTML Coding

29542 questions in this forum

1. помогите понять ,как работает слайдер на 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
2. помогите растянуть полосу на всю ширину блока

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

   Asked by ishurgaya, October 14, 2015

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

   Всем привет. Есть адаптивный сайт, на нем два блока по 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
4. Фон не размножается до конца, загадка какая то.

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

   Asked by serg_life, October 14, 2015

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

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

   Asked by Shiza, October 14, 2015

   • позиционирование
   • вертикальное выравнивание
   • центрирование
   0 votes
   2 answers
6. header ширина

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

   Asked by bobb, October 15, 2015

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

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

   Asked by GrizzzlyGames, October 15, 2015

   • canvas
   • button
   • img
   • image
   0 votes
   2 answers
8. Выровнять картинку по центру блока

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

   Asked by stan07, October 15, 2015

   0 votes
   8 answers
9. Очень медленный скроллинг в #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
10. Справочники по html xhtml и css

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

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

    0 votes
    6 answers
11. Подскажите как исправить кривой слайдер

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

    Asked by Roman21, October 16, 2015

    • слайдер ошиб
    • ка помощь
    • слайдер помощь
    0 votes
    2 answers
12. Верстка списка товаров

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

    Asked by yaparoff, October 16, 2015

    0 votes
    1 answer
13. Адаптивная вертикальная карусель

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

    Asked by stan07, October 16, 2015

    0 votes
    2 answers
14. Конструктор макетов сайта онлайн

    Здравствуйте, около полугода назад нашел очень крутой сервис, где можно быстро сделать любой макет сайта (двухколоночный, трех, прижатый футер, не прижайтый) то есть накидать скелет сайта. Сейчас решил опять обратиться к сервису, но вот что то в интернете его найти не могу, забыл как называется, но сервис очень полезный. Может кто знает его? Буду благодарен, если поделитесь ссылкой

    Asked by Akkord87, October 19, 2015

    0 votes
    2 answers
15. Вертикальное выравнивание при абсолютном позиционировании

    Здравствуйте. Почему не работает вертикальное выравнивание при абсолютном позиционировании? Код хтмл: <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
16. Правильная расстановка DIV-блоков

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

    Asked by Necrosss, October 17, 2015

    • DIV
    • css
    • расстановка
    • блок
    0 votes
    1 answer
17. Масштабирование шрифтов в адаптивной верстке

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

    Asked by Pinga, October 18, 2015

    • css
    • adaptive
    • true type
    0 votes
    1 answer
18. Проблема с отображение нестандартного шрифта

    Доброго времени суток! Нестандартный шрифт отображается размыто в браузере 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
19. Пропадает форма при прокрутке карусели.

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

    Asked by Alfa2015, October 18, 2015

    0 votes
    4 answers
20. Верстка скошенных краев или "Вам виски прямые или косые?"

    Я, вообще, не люблю задавать подобные вопросы, но без постороннего совета мне обойтись. Есть такое меню в макете: Вообще, подобные вещи делают через свойство border и разные изыски с шириной этой границы. У меня даже получилось заверстать такую штуку, правда у нее был постоянный цвет фона. Но тут градиент. В связи с этим вопрос, если бы вы были на моем месте, то как бы сделали такую штуку.

    Asked by k0d, October 19, 2015

    0 votes
    6 answers
21. Блок выпадает при разных изображениях

    Такая проблема: А должно быть вот так: т.е. верстка ломается при разных размерах изображения. Пробовал делать псевдораспорку - не помогает http://izhevskhit.ru/index.php?page=item&id=1143

    Asked by yaparoff, October 19, 2015

    0 votes
    1 answer
22. Помогите сделать линию которая будет выходить за пределы родительского div'а?

    Есть блок container в котором ширина 100%, в нем блок wrapper ширина которого 80%. В wrapper ' е хочу сделать линию к примеру border-bottom которая будет выходить за пределы wrapper ' а и иметь ширину conteiner ' а. Подскажите пожалуйста, как это можно сделать? https://jsfiddle.net/8yhk17jm/1/

    Asked by Konstantin99, October 19, 2015

    0 votes
    4 answers
23. Подменю исчезает при наведении

    Возникли трудности при вёрстке подменю: если оно вплотную прилегает к родительскому элементу - проблем нет, но если имеет отступы/отдалено, то при наведении - исчезает. Т.к появляется пустое пространство между li и под меню. Вот код: http://jsfiddle.net/LOL1/jokr73qq/6/ Как сделать, чтобы подменю не исчезало при наведении?

    Asked by VeniVidiVici, October 19, 2015

    • меню hover
    0 votes
    4 answers
24. Ошибка клика в canvas

    Здравствуйте у меня почему то вылазит ошибка, вот код <!doctype html> <html><head><title>Gudim</title><script></script><img id="button1" src="file:///E:/www/button/button1.png" style="display:none;" onClick="draw2img()"/></head><body> <canvas id="canvas" width="640" height="480" onClick="canvas.onmousemove()"> <button type="button" value="242"></button> </canvas> <script type="text/javascript"> canvas=document.getElementById("canvas"); ctx = canvas.getContext('2d'); var picfon = new Image(); picfon.src = 'file:///E:/www/background/background.png'…

    Asked by GrizzzlyGames, October 19, 2015

    0 votes
    22 answers
25. Атрибуты rel и type в тэге link

    Оба атрибута сообщают браузеру тип подключаемого файла, но в таком случае, почему не достаточно лишь одного?

    Asked by prostodeniska, October 20, 2015

    0 votes
    8 answers