HTML Coding

29,542 questions in this forum

1. Выравнивание в ячейках (ie9)

   Нужно чтоб выглядело вот так и верстка была резиновой Верстаю для IE9, для контейнера задал: display:table, для потомков: display:table-cell (Flexbox не поддерживает, полифил flexie.js ставил - не действует) Нужно только выровнять элементы по вертикали http://codepen.io/anon/pen/zrQpap

   Asked by yaparoff, February 19, 2016

   • ie9
   0 votes
   1 answer
2. Как сделать

   У меня возникла вот такая проблема: Я хочу сделать расписание для своей группы в виде расширения для браузера, и сейчас, из-за малого опыта, не могу понять. Как сделать так что бы открыв меня расширения, открывалось сначала дни недели, и нажимая на него рядом будет открываться само расписание. Что то типа браузера в маленьком окошке расширения. Сильно прошу помочь.

   Asked by Epifan, February 20, 2016

   0 votes
   1 answer
3. Связать блоки

   Здравствуйте! Есть текст и картинка, у которых стоит прозрачность 50%, при наведении прозрачность 100% Как связать текст и картинку, чтобы при наведении одного из этих элементов, прозрачность менялась и у текста и у картинки? https://jsfiddle.net/19cwsr5j/

   Asked by Vans, February 22, 2016

   0 votes
   1 answer
4. Выравнивание текста и картинки-иконки

   Перейдите по ссылке, перейдите по пункту меню "Контакты", Как можно выравнять по одной линии текст ссылки и картинки? http://mbav-websites.xyz/

   Asked by Bava, February 22, 2016

   0 votes
   1 answer
5. Диагональные (или треугольные блоки)

   Можете подсказать примеры реализации таких блоков? При ховере картинка должна двигаться.

   Asked by fireman691, February 23, 2016

   0 votes
   1 answer
6. Как сделать правый бар с помощью bootstrap grid?

   Каждый пост .row с 8 колонками и правый бар с 4 колонками, как сделать что правый бар не зависило от .row т.е правые колонки будут разной высоты не зависимости от от высоты поста? Это надо использовать Flex или Masonry? Сайт Html код Макет как должно быть

   Asked by codemix, February 23, 2016

   0 votes
   1 answer
7. Прозрачный цифры на фоне

   Здравствуйте! Столкнулся со следующей задачей. Надеюсь, вы мне подскажите, как быть. Имеется 4 (цифры), выполнены как прозрачные. Сзади цифр и по бокам фон разный. Вся идея в том, что это не статичная картинка, а цифры меняются в зависимости от наполнения сайта контентом. Подскажите, пожалуйста, как проще реализовать. https://yadi.sk/i/7j25fW-6pPFqC

   Asked by greenastra, February 23, 2016

   0 votes
   1 answer
8. Не отображается шрифт

   В макете указан такой текст: Если навести на него в фотошопе то название у него "DecorC"Нашел этот шрифт в сети (хотя и с трудом), скачал файл в формате .otf, сгенерировал в форматы .eot, .ttf, .woff, .woff2 на сайте fontsquirrel.com Подключил как положено: @font-face { font-family: "Decorc"; src: url('../fonts/decorc_1-webfont.eot'); /* IE9 Compat Modes */ src: url('../fonts/decorc_1-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/decorc_1-webfont.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/decorc_1-webfont.woff') format('woff'), /* Pretty Modern Browsers */ url('../fonts/decorc_1-webfont.ttf') format('truetyp…

   Asked by yaparoff, February 24, 2016

   0 votes
   1 answer
9. отрицательный margin-top и рамка

   При вложении одного блока в другой и задании внутреннему блоку отрицательного margin-top возникает странное поведение. Если у внешнего блока есть рамка!, то внутренний блок смещается вверх на заданную величину. Если рамки нет, то вверх смещаются оба блока одновременно. Относительно друг друга блоки не смещаются. Вот пример http://codepen.io/anon/pen/EKYXxe Кто-нибудь может объяснить данное поведение?

   Asked by kryak, February 25, 2016

   0 votes
   1 answer
10. как привязать изменение цвета текста к фокусу инпута

    Нужно сделать как на картинке, при фокусе инпута подсвечивается и сам инпут и текст-название. Как сделать фокус инпута это я знаю, но как привязать к этому и текст?

    Asked by Amerigoman, February 26, 2016

    0 votes
    1 answer
11. Синхронизация вкладок

    Доброго времени суток, всем! Есть проблема синхронизации вкладок (табов) на сайте. Без примера, не объяснить, вот сайт: http://meatup.ru 1. Сайт в одну страницу и менюхи, которые Вы наблюдаете, вверху и внизу экрана и есть вкладки; 2. Кликая по ним, мы открываем соответствующую вкладе область в левой половине сайта; Косяк в следующем: 3. Жмите на вкладку из верхней менюхи, например, "О Нас" - открылась соответствующая область; 4. Теперь на любую вкладку из нижнего меню, например, "Термообработка" - и тоже, область открывается; 5. А вот, если мы опять нажмем на "О Нас" - то ничего не произойдет, т.к. вкладка осталась активной с прошлого раза. По отдельнос…

    Asked by Pechkin, February 27, 2016

    • вкладки tabs табы bootstrap
    0 votes
    1 answer
12. Ширина макета

    Здравствуйте, немного запутался вот в таком вопросе. Есть макет и его ширина 1200px. Например, header and footer растягиваются на все 1200, а остальные центрируются. И вот в чём собственно вопрос. Эти 1200 так и оставлять или же задавать ширину 100%? И если оставлять 1200, то что делать с оставшимся пространством по бокам?

    Asked by luckyguy, February 28, 2016

    0 votes
    1 answer
13. Приподнять <li>

    Вот так это выглядит: т.е. <li> смещается вниз. Его нужно как-то приподнять или наоборот, опустить иконку Как это сделать? http://codepen.io/anon/pen/xVGyqZ

    Asked by yaparoff, March 3, 2016

    0 votes
    1 answer
14. Почему отвечает "неправильное значение свойства"?

    Здравствуйте. На сайте для body назначено свойство body{cursor:url('../images/cursor_rose.cur');}в инструментах Хрома высвечивается invalid property value, хотя скачать этот cursor_rose.cur по предлагаемой Хромом ссылке можно. В чем причина не отображения курсора?

    Asked by borus, March 4, 2016

    0 votes
    1 answer
15. Очень нужна ваша помощь!

    Я не силен в hrml`е ,по этому очень нужна ваша помощь ребята. Суть вопроса в том ,что мне нужно сделать на странице вид таким образом -> ​ с левой стороны будет таблица (которую я уже сделал). с выплывающим выбором а справа текст с дополнительными ссылками! Вроде бы все легко и понятно ,но вся проблема в том ,что я не знаю как правильно это сделать. При попытке написать текст с ссылками справой стороны страницы ,моя таблица начинает двигаться по абзацам вниз! Что делать?

    Asked by venemy, March 4, 2016

    • помощь
    0 votes
    1 answer
16. Media-float

    Доброго. Есть html страница с изображениями в блоках с float. Понял, что при ширине страницы ниже 435px с ними случается беда. Процентное уменьшении применить нельзя, ибо там изображения и сами понимаете, что с ними произойдёт при большом уменьшении. Так вот, можно ли написать медиа-запрос, что бы при ширине странице от 435px эти блоки с врезками вообще пропадали и оставался только текст?

    Asked by P0jar, March 5, 2016

    0 votes
    1 answer
17. Проблема с тектом и тэгом <figure>

    (начинающий) Такая проблема: есть изображение getelogo.png следом цитата. Текст немного выше и остается куча свободного места, хочу сделать что бы цитаты была ровно по центру относительно картинки (по горизонтали). Подскажите как сделать правильно. https://jsfiddle.net/L9L5avj7/ Вот сейчас так: https://pp.vk.me/c631930/v6319... А мне надо что бы было так:https://pp.vk.me/c631930/v6319... Может есть специальный тег для этого ?

    Asked by sipsap, March 6, 2016

    • figure p
    0 votes
    1 answer
18. Центрирование модального окна в видимой области браузера

    Здравствуйте. Недавно задавал этот вопрос,мне ответили вот так: -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); но это не срабатывает. У меня длинный лендинг, который не адаптивен,т.е. при открытии на айфоне всё мелко. И чтобы нажать на кнопку модального окна (по ней попасть) нужно увеличить зум и нажать. Но тогда окно модальное оказывается вне видимой области. Как центрировать его именно внутри этой просматриваемой области? Вот тут http://ruseller.com/lessons/les1782/demo/index.htmlвсе работает как надо,про…

    Asked by tegowai, March 6, 2016

    0 votes
    1 answer
19. Как сделать свои курсоры со значениями

    Здравствуйте! Мой первый пост на этом форуме. HTMLBOOK пользуюсь регулярно. Надеюсь, и тут меня примут хлебом да солью Прошу строго не судить мои "Остроумные" вопросы и в будущем, верстать я начал в конце февраля. Перейдем ближе к теме. Я хотел спросить, как сделать свои курсоры на сайте. Нашел много инфы в интернете, в том числе и http://htmlbook.ru/css/cursor Но нигде не нашел ответа на свой вопрос. Я уже знаю, как сделать общий курсор на весь сайт. Но как задать множество видов курсоров - обычный, при наведении на ссылку, на текст и прочее? Как задать им значения? Буду очень благодарен Да и, пожалуйста, давайте обойдемся без "Зачем тебе ставить свой курсор" и т.п…

    Asked by OneDev, March 10, 2016

    • курсор
    0 votes
    1 answer
20. Проблема с отображением на iPhone5/6

    Добрый вечер, форумчане. Делаю небольшой сайт, но столкнулся со следующей проблемой. Листалки фотографий у заказчика на iPhone открывается в жутком виде (слайды становятся в столбик). Смотрите фото. Но беда еще в том, что у меня самого нет нужных яблодевайсов, как и у моих знакомых. Пофиксить наугад не получилось. Так что у кого есть на руках IPhone 5 или старше, помогите пожалуйста. Или посоветуйте сервис, на котором есть рабочий эмулятор. То что находил своими силами открывал сайт не так как настоящий айфоны. p.s. если увидите еще какие-то визуальные косяки при открытии с айфона, сообщите пожалуйста. Временная ссылка на сайт: http://openbikes.tk

    Asked by CraftLawrence, March 7, 2016

    0 votes
    1 answer
21. Где следует разрабатывать адаптивный дизайн?

    ранее делал в инструментах разработчика в ФФ и хроме. Там все ок. Смотрю с телефона - все поехало Глянул со стороннего сервиса - опять поехало в шапке блок, подобном как на телефоне. Почему? может из-за того что там в em а не px? или шрифт в мобильном не поддерживается? (abel) да, походу из-за шрифта...

    Asked by nikki4, March 9, 2016

    0 votes
    1 answer
22. Responsive (резиновая, адаптивная) верстка. Проблемы с высотой

    Здравствуйте. Делаю адаптивную (responsive) верстку. При ширине экрана 1280px блок с изображением выглядит так: А при ширине 1800 px так:А должно быть так: media-queries решают проблему, но ведь придется через каждые 50px их прописывать. Можно как-то более разумно поступить? http://codepen.io/anon/pen/XdKzVr

    Asked by yaparoff, March 11, 2016

    0 votes
    1 answer
23. Как сделать всплывающее окно на весь экран

    Можно ли как-то открыть картинку или видеоролик во всплывающем окне на весь экран. Что бы не было видно ни окна браузера ни панели задач - вообще на весь экран.

    Asked by alleclf, March 13, 2016

    0 votes
    1 answer
24. iPhone и "background-attachment: fixed" - чёрный экран

    Вот видео

    Asked by iBars, March 14, 2016

    0 votes
    1 answer
25. Как победить правило в блоке?

    движок где-то формирует следующий код. как я понял при помощи js. в котором ничего не понял. <div class="caroufredsel_wrapper" style="display: block; text-align: justify; float: none; position: relative; top: auto; right: auto; bottom: auto; left: auto; z-index: auto; width: 754px; height: 397px; margin: 0px; overflow: hidden; cursor: move;"><script type="text/javascript">var isIE8 = jQuery.browser.msie && + jQuery.browser.version === 8;if (isIE8 ) { function sliderInit6() { jQuery('.product-related #slider').carouFredSel({ auto: false, circular: false, infinite: false, prev: '#prev_2', next: '#next_2', …

    Asked by nikki4, March 14, 2016

    0 votes
    1 answer