HTML Coding

29542 questions in this forum

1. jQuery отмена события после fired

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

   Asked by seemax, October 28, 2015

   • jQuery
   • .one()
   0 votes
   13 answers
2. Проблемы с резиновой версткой.

   Здравствуйте форумчане. Это моя вторая верстка, была сделана больше недели назад, но на другом форуме не помогают, надеюсь здесь помогут. Вот что я сделал http://primer-primer.esy.es/Вот шаблон: https://yadi.sk/d/eoBIgxqejmdDB Как сделать маску для верхней картинки, что бы она сжималась и увеличивалась так как положено? (пробовал разными способами, но у меня криво выходит) Почему в div class=fact-one, текст и фотография в одном section, хоть я их ставил в разные? (пробовал float делать, не помогло, не пойму что я упускаю то)

   Asked by Fantastic, October 28, 2015

   0 votes
   9 answers
3. Помогите пожалуйста с респонсив версткой!

   Доброго времени суток, друзья! Озадачился я версткой макета. В псдшниках несколько файлов (как должна выглядеть страница при различных разрешениях экрана). В общем, хочу вынести на ваш суд результаты своей работы http://zehlik.pe.hu/. Так же хочу задать несколько вопросов: 1. У меня проблема с версткой меню навигации, особенно когда ширина экрана становится меньше 768px меню должно сползти под логотип, но с этим какие-то проблемы (в медиа прописываю флоат, но оно не работает). Короче говоря, оцените пожалуйста правильность написания самого меню, может именно тут что-то не так. 2. Так же, при разрешении ниже 480 все меню должно сворачиваться в дропдаун под кнопку. Как …

   Asked by Zehlik, October 27, 2015

   • #responsive
   0 votes
   4 answers
4. Не отображается выезжающее меню

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

   Asked by vera17, October 27, 2015

   0 votes
   6 answers
5. 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
6. скопировать hover-эффект

   не сочтите за рекламу. но мне вот с этой странички хотелось бы скопировать hover-эффект для этого блока . помогите пожалуйста проблема в том, что firebug не видит кода для hover-эффекта. пробовал разные браузеры

   Asked by cyklop77, October 27, 2015

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

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

   Asked by Akkord87, October 27, 2015

   0 votes
   13 answers
8. Дальнейшее изучение

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

   Asked by Shenia132, October 26, 2015

   • изучение
   0 votes
   14 answers
9. Кто должен делать адаптивность?

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

   Asked by Imperil, October 26, 2015

   0 votes
   12 answers
10. еще один нубский вопрос про списки и маркеры

    дайте пожалуйста совет как центрировать заголовок, список с маркерами и нижний заголовок http://savepic.su/6283778.jpg

    Asked by severianin, October 26, 2015

    0 votes
    17 answers
11. HTML5 audio, как подать несколько источников?

    У меня на странице 12 проигрывателей HTML5 audio с ссылками на аудиопотоки! Есть ли способ подавать одному проигрывателю разные ссылки по кликам с кнопок??? Чтобы не громоздить кучу медиаплееров а использовать один?!

    Asked by ogriv, October 26, 2015

    • HTML5 audio
    0 votes
    0 answers
12. Разное отображение при одинаковом разрешении

    Сайт http://burzhuy.org/deal/. Использую фреймворк bootstrap Имеется проблема с текстом в облачке "Мой собственный капитал...". На ipad текст отображается правильно, то есть не вылезает за границы облачка, но при таком же разрешении(1024х768) на компьютере текст отображается криво. В css я использую @media, а именно для разрешения 1024х768 этот код @media (min-width: 1000px) { .cloud { padding: 12% 54% 8% 8%; } .cloud p { font-size: 15px; } .cloud span { font-size: 19px; } .cloud2 { /*"Deal with it вот что по настоящем круто!"*/ padding-left: 20%; } .cloud2 h1 { font-size: 33px; } .cloud3 { /*"Круто!"*/ padding-right: 29%; } .cloud3 h2 { …

    Asked by afagorn, October 26, 2015

    0 votes
    1 answer
13. нубский вопрос про передвижение списков и маркеров

    В общем, двигаю списки а маркеры остаются на месте, посоветуйте чего, товарищи http://savepic.su/6231777.jpg http://savepic.su/6269664.jpg

    Asked by severianin, October 26, 2015

    0 votes
    2 answers
14. красивое оформление страницы

    Здравствуйте ! Решила потренироваться и сделать себе красивую страницу. Идея у меня очень простая: 1. в папке на сайте есть два файла с картинками 2. хочу выводить рамочку в которой отображается картинка по центру экрана и внизу под картинкой пишется надпись. 3. все должно быть красиво, стильно и радовать глаз Вот что у меня получилось: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style> img { border-radius: 5px; } .fig { display: block; /* Блочный элемент (для старых браузеров) */ t…

    Asked by КатеринаЮ, October 26, 2015

    • html
    0 votes
    6 answers
15. Блочная верстка: div в div'е и бэкграунд

    Добрый день! Прошу помощи! Блочная версткаю Есть основной div и в нем, традиционно, еще 2 - сайдбар и зона контента. Не пойму, как сделать фон основного дива, что бы он был фоном и для вложенных в него??? <div id="content_wrapper"> <div id="sidebar"></div> <div id="main"></div> </div> Задаю фон для #content_wrapper. Хочу, что бы он был фоном и уже сверху него выводилось содержимое #sidebar и #main. Но не получается.... #content_wrapper {width:1000px; min-width:1000px;height: 100%; min-height: 100%;margin:0 auto; background: #fff;} #sidebar {width: 20%; float: left;} #main {width: 80%; float: right;} Как это сделать? Зара…

    Asked by dron, October 25, 2015

    0 votes
    3 answers
16. Размеры элементов в пикселах с процентами при подключении шрифта

    На сайте подключен Open Sans и из-за этого элементы, которым не указана ширина, получаются в пикселах с процентами. Например кнопки: Из-за этого возникает проблема, когда я хочу добавить псевдоэлемент внутри во всю ширину этой кнопки (нужен для эффекта), справа от него получается зазор, где виден фон, несмотря на то, что указано right: 0: Это можно, как-то исправить без явного указания размеров?

    Asked by Shiza, October 25, 2015

    • пиксели
    • размеры элементов
    • проценты
    • шрифты
    0 votes
    4 answers
17. проблема с z-index.

    Вообще я в верстки начинающий и учусь по средствам проб и ошибок. В общем хочу сделать картинку (вызываемая через php) и поверх 2 картинки (через css). Собственно код php: <?php if($current_options['service_image_one']) { ?><div class="service-box_1"><div class="service-box"> <img class="img-responsive service-box-image" alt="Sleek & Beautiful" src="<?php echo esc_url($current_options['service_image_one']); ?>"></div></div><?php } ?> Тут идет прикрепление фоновой картинки через CMS и оно работает. Я лишь добавил <div class="service-box_1"> как родительскую и в css прикрепил к ней 2 картинки. Хочу что бы они были …

    Asked by Lecho, October 24, 2015

    0 votes
    3 answers
18. Помогите новичку, только начинаю изучать азы верстки.

    Здравствуйте! Изучаю html и css еще буквально неделю и уже впал в кататонический ступор на одном из проверочных заданий учебного материала. Так как старших товарищей, хоть как то знакомых с версткой у меня нет, прошу помощи у Вас. В общем дело такое: Дан html код и css правила без селекторов, задача правильно расставить селекторы и дописать пару правил. https://jsfiddle.net/dfn3gnw7/ Результат должен быть таким: Несколько селекторов мне удалось расставить, но дальше... Надеюсь на Вашу помощь и понимание. С уважением Александр.

    Asked by noobhelp, October 24, 2015

    0 votes
    1 answer
19. overflow-y работает, как обычный overflow

    Здравствуйте! overflow-y работает, как обычный overflow - скрывает содержимое по обеим осям. То есть мне нужно скрыть содержимое по вертикали и показать по горизонтали: overflow-y: hidden;overflow-x: visible;Есть какой-то способ?

    Asked by Torawhite, October 24, 2015

    0 votes
    7 answers
20. 3-x уровневое меню сайта

    Нужно сделать точную копию меню сайта ******* Тли я что то не так делаю, то ли еще что то, но просто копирование исходного кода страницs и css не помагает,так работает только 2-х уровневая менюшка, а нужна 3-х Помогите сделать, в css не шарю, только чистый html

    Asked by rodigy, October 24, 2015

    • меню сайта
    0 votes
    1 answer
21. Футер и скролл сециями

    Есть страница сделанная на Scrollify (https://github.com/lukehaas/Scrollify), которая скроллится секциями 100% высоты, как здесь http://projects.lukehaas.me/scrollify/#home. Все хорошо, но нужно добавить футер, фиксированной высоты меньше высоты экрана: И тут возникает проблема, как заставить Scrollify не возвращать на последнюю секцию, когда нужно прокрутить к футеру? http://jsfiddle.net/kvw0eom6/

    Asked by Shiza, October 24, 2015

    • Scrollify
    • лендинг
    • скролл
    0 votes
    1 answer
22. <!DOCTYPE html> портит верстку в IE7

    Здравствуйте! Делаю страницу для использования в IE7 и столкнулся с проблемой. В странице используется текстовый редактор с подсветкой кода CodeMirror. В IE7 редактор отображается некорректно, если не использовать доктайп (в редакторе появляются неактивные полосы прокрутки, а при наборе текста страница сама прокручивается). Увидел, что в демо-страничках из дистрибутива CodeMirror используется <!DOCTYPE html>. При установке <!DOCTYPE html>, на моей странице перестают корректно отображаться многие стили (отступы и всё с этим связанное, установка цвета фона контейнеров и пр.), причем только в IE7. При этом, редактор начинате работать как полагается В нормальн…

    Asked by EnselerizeR, October 23, 2015

    • IE7
    • Doctype
    • HTML5
    • CSS
    • HTML
    • CodeMirror
    0 votes
    4 answers
23. Помощь в вёрстке "Шапки"

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

    Asked by koekto93, October 23, 2015

    • header
    0 votes
    11 answers
24. Блок поверх строки таблицы

    Народ привет всем! Есть задача сделать на ховер строки таблицы, или по клику (не важно), чтоб появлялся блок поверх этой строки, на ее высоту и ширину. Помогите плз идеями, ниче в голову не приходит. http://jsbin.com/hafihigija/edit?html,css,output

    Asked by vladmih, October 23, 2015

    0 votes
    4 answers
25. Подскажите, как исправить меню

    Здравствуйте, не могу понять, как исправить вертикальное раскрывающееся css-меню. Проблема в том, что при наведении на пункт, имеющий подпункты, субменю не просто вылезает справа, но и тащит за собой правую сторону обводки всего блока + раздвигает пространство между первым и вторым пунктами. Прилагаю скриншоты до и после наведения мыши. Код CSS #blocks {display: table-cell; width: 20%; background-color: #e9e9e9;-webkit-box-shadow: 2px 3px 4px 0px rgba(50, 50, 50, 0.75);-moz-box-shadow: 2px 3px 4px 0px rgba(50, 50, 50, 0.75);box-shadow: 2px 3px 4px 0px rgba(50, 50, 50, 0.75);outline: 3px solid #8c3200;} .block-top {min-height: 44px; height: auto; width: auto;b…

    Asked by Codename, October 23, 2015

    0 votes
    14 answers