HTML Coding

29,542 questions in this forum

1. Проверьте первую верстку

   Нарооооод я В общем освоил html+css на начальном уровне и вот сварганил первый сайт на дивной верстке вот демка сайта которую копировал http://www.woweb.ru/td1/048/ а вот собственно мои файлы жду так сказать критику что нуб и тд хех ну вродь выглядит неплохо на всех браузерах завтра буду делать что посложнее index.html style.css

   Asked by Дмитрий12, February 5, 2017

   • верстка
   • без дизайна
   • div
   • css
   • html
   • шаблон
   • макет
   • каркас
   0 votes
   1 answer
2. Как сделать, чтобы в пагинации при клике не отправлялось вниз по якорю?

   Внизу, справа - есть отзывы (надо кликнуть на слово "отзывы (6)" При клике на вторую страницу отзывов - перекидывает вниз. Я так понимаю это связанно с якорем. Как сделать, чтобы это нормально работало, и при клике - оставался экран статичным, либо перекидывало наверх к началу отзывов, а не как сейчас - отправляет куда-то вниз? Причем при переходе со второй страницы на первую - работает как надо.

   Asked by nikki4, February 6, 2017

   0 votes
   1 answer
3. Как выровнять среднюю колонку по центру (3 колонки)

   https://goo.gl/ygY6HF 3 колонки, сейчас каждая по 33% в ширину. Но логотип #logo по середине почему-то криво стоит по отношению к меню, которое отцентровано при помощи text-align:center;. Можно конечно логотипу margin-left: 30px; сделать - но это вроде как не адаптивный вариант и придется под разные разрешения разные отступы делать.

   Asked by nikki4, February 7, 2017

   0 votes
   1 answer
4. Адаптивная информативная фотогалерея

   <div class="imgPages col-es_12 clearfix"> <a href="assets/template/flexible/img/ballu/bravo.jpg"> <img src="assets/template/flexible/img/ballu/small/bravo.jpg" alt="Ballu Bravo внутренний блок"> </a> <a href="assets/template/flexible/img/ballu/bravo-outdoor.jpg"> <img src="assets/template/flexible/img/ballu/small/bravo-outdoor.jpg"> </a> <a href="assets/template/flexible/img/ballu/bravo-pult.jpg"> <img src="assets/template/flexible/img/ballu/small/bravo-pult.jpg" alt="Ballu Bravo ИК-пульт"> </a> </div> Есть вот такой блок с изображениями расположенными в …

   Asked by Delat, February 7, 2017

   0 votes
   1 answer
5. Изменить селекторы через псевдокласс - HTML, CSS

   Здравствуйте, мы заканчиваем мобильную верстку, однако столкнулись с проблемой. Дан следующий код: <div class="topWrapper"> <div class="mainNav"> <form method="get" action="/search/"> <input autocomplete="off" name="searchString" class="quickSearch" onmousedown="event.cancelBubble=true;" ontouchstart="event.cancelBubble=true;" id="049D095A-C3A6-4E6F-ABD6-696DCD48703A"> <div class="searchResultWindow hidden"> <span class="result">Найдено компаний и пользователей: <span class="total"></span></span> <ul class="users"></ul><a class="all" href="/search…

   Asked by xymox72, February 8, 2017

   • html
   • css
   0 votes
   1 answer
6. Фоновый цвет блока

   Здравствуйте участники форума обращаюсь с таким вопросом: Решил сверстать небольшой примерчик и столкнулся с такой проблемой фоновый цвет блока вылезает за границы картинки снизу, хотя высота блока в css не была задана в чем проблема не пойму, В прикрепленном файле исходники. Подскажите решение заранее спасибо project.rar

   Asked by pavlovda, February 9, 2017

   0 votes
   1 answer
7. Как реализовать переход в HTML5 баннере через тег <a href=””> если в коде тега нет

   Здравствуйте! Прошу помощи, имеются шаблоны HTML5 баннеров и для рекламной системы необходимо что бы обработка в сех клик событий, вызывающих переход на сайт рекламодателя должна быть реализована строго через тег <a href=””> . В коде самого баннера таких тегов нет, ссылки прописаны через // GWD Predefined Function gwd.actions.gwdDoubleclick.exit('gwd-ad', 'id', 'http://site.com, true, true); }; и <gwd-exit metric="id" url="http://codecanyon.net/user/demonswith"></gwd-exit> </gwd-doubleclick> Как то можно это исправить?

   Asked by Alisa_nois, February 10, 2017

   • html5
   0 votes
   1 answer
8. jquery Почему такое поведение атрибута src?

   В чём заключается соль такого поведения: если изменить атрибут scr который пустой то плавный переход не происходит Если же в scr уже есть пусть к картинке и его изменить то, плавный переход работает корректно. Нажмите на qwe для сравнения

   Asked by aqua.77, February 12, 2017

   • css
   • html
   0 votes
   1 answer
9. Как применить стиль к лейблу чекнутого инпута?

   Как сделать, что если выбрана радиокнопка, тогда лейблу присвоить такой-то стиль? <div class="radio"> <label><input name="option[10]" value="45" type="radio">50</label> </div> недавно задавал похожий вопрос только там была картинка, а не цифра input[type="radio"]:checked ~ img { Попробовал по аналогии: input[type="radio"]:checked ~ label { но не сработало

   Asked by nikki4, February 13, 2017

   0 votes
   1 answer
10. hover +1px border - скачут радиокнопки

    При наведении на кнопку - все куда-то движется. Если же границу оставить при наведении в 1px - тогда все ок, но стоит указать border:2px solid black; - и все смещается Что тут поправить?

    Asked by nikki4, February 14, 2017

    0 votes
    1 answer
11. Что тут дописать, чтобы пропала граница снизу?

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

    Asked by nikki4, February 15, 2017

    0 votes
    1 answer
12. При формировании чека по оплате в PDF версии чека слетает рамка

    Добрый день! Сохраняю чек в формате .pdf(он очень длинный и на странице в .pdf показывается на две страницы). При этом у блока-чека есть рамка. А в этом чеке на две страницы рамка пропадает, точнее она есть в самом конце блока на второй странице(http://prntscr.com/e9u17z). А надо,чтобы рамка была у всего блока-чека на двух страницах. Подскажите, пожалуйста, в чём может быть проблема..

    Asked by Джулия, February 17, 2017

    0 votes
    1 answer
13. Параллакс эффект или выезжающий блок

    Есть три блока, предположим шапка, скрытый блок, контент. Когда открывается страница показывается только шапка и контент, как только начинаем скролить, "выезжает" скрытый блок. Как только блок показался полностью, при дальнейшем скролинге, тянем остальной контент. Собственно решил задачу по средствам JS, но не устраивает. Т.к. когда сролинг идёт колесом, то "прыгает" конент. А когда мышкой тащишь, то нормально. Подскажите как сделать с помошью css или как-то более "грамотно" Что сделано сейчас: <header>...</header> <style> .benefits{margin-top:-300px} .parallax_content{ height:300px; margin:0 auto; overflow:hidden; } </style…

    Asked by clgs, February 18, 2017

    0 votes
    1 answer
14. Проблема с горизонтальным скролом

    Всем привет. Верстаю адаптивный макет. В началном экране появляется горизонтальный скрол. Вот скрин. Появляется он именно в началном экране. Как только скролим вниз, горизонтальный скрол исчезает и вся станет на свое место. Я обнаружил что скрол появляется из-за блока слайдера отзывы внизу. Слайдер реализован через плагин Flickity. Если его(блок отзывы) убрать, то, скрола нет. Исползование других плагинов слайдера(owlCarousel, Slick) проблему не решает. В чем может быть причина проблемы? Спасибо заранее за любые наводки и помощь! Вот ссылка на сайт.

    Asked by parnas, February 19, 2017

    0 votes
    1 answer
15. Вёрстка

    Всем привет, возникла проблема с вёрсткой сайта, ul и li не хотя совместно работать с menu, в такой записи как на скриншоте изображение меню пропадает вообще, а если убрать .menu ul li в css, то изображение появится, но текст на него накладываться не будет. Текст вообще сам по себе, не подскажите как сделать правильно или в чём ошибка?

    Asked by kiserkiser9111, February 20, 2017

    0 votes
    1 answer
16. Responsive-таблица + Flexbox

    Здравствуйте. Хочу сделать вот такую таблицу со скролом https://www.w3schools.com/howto/howto_css_table_responsive.asp Все работает, как и в примере https://jsfiddle.net/dvwyLw30/ Но стоить применить для контейнера flexbox (раскомментируйте .container {/*display: flex;*/}), как скролиться начинает уже вся страница, а не таблица. В чем причина? Хочу понять, как это работает. И как мне добиться нужного результата.

    Asked by alex_web64, February 19, 2017

    0 votes
    1 answer
17. Можно ли радиокнопку превратить в список?

    Дизайнер нарисовал, что в обычной версии - размер одежды выбирается кнопками. А в мобильной версии, кнопки превращаются в список (дизайнер вдохновился этим сайтом) Но я не пойму как реализовать это. На том движке что делаю (опенкарт) опции одежды выбрал радиокнопки. Можно ли их каким-то образом теперь превратить в список? вижу пока только 1 вариант - дублировать опции. На компьютере показывать одни и скрывать вторые и наоборот. Или может как-то можно это в css сделать?

    Asked by nikki4, February 21, 2017

    0 votes
    1 answer
18. код вызова "консультанта"

    Добрый день. Подскажите, где в коде страницы прописан онлайн консультант, где он вызывается? http://alcogolizm.com/

    Asked by fowl, February 22, 2017

    0 votes
    1 answer
19. Для data-toggle указать dropdown и tooltip

    Всем привет, В верстке Bootstrap 3.3.7. есть выпадающее меню с довольно длинным текстом и хочется длинный текст вывести в тултипе а в меню короткий текст вроде: <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown tooltip" data-placement="left" title="SomeRatherLongTextTextTextText"> ShortText <b class="caret"></b> </a> <ul class="dropdown-menu"> <li> ... Но тогда и менюха перестает работать. Получается что для data-toggle может быть указано или dropdown или tooltip... Никак нельзя извернуться чтобы меню и тултип работал для одной сссылки ? Спасибо!

    Asked by mstdmstd, February 22, 2017

    0 votes
    1 answer
20. Последовательное воспроизведение трэков на музыкальном сайте

    Практикую написание музыкального сайта. Столкнулся с такой проблемой, ни как не получается создать последовательность воспроизведения трэков, когда песня заканчивается, она просто перестаёт играть и всё. В инете не объяснятся как это делать, есть просто уроки по тэгу <audio> ни слова о последовательности. Решил воспользоваться плеером, но проблема всё та же. Я новичок в этом деле, надеюсь на адекватный совет тех, кто имел с этим дело. Спасибо заранее! P.S. если нужно больше информации, говорите, дополню. как выглядит:

    Asked by zitco255, February 24, 2017

    • script
    • div
    • object
    • param
    • a,,
    0 votes
    1 answer
21. Ищу наставника

    Я начинающий верстальщик, знаю html5, css3, пользовался bootstrap3 и owl carousel. Ищу наставника, чтобы мне помог развиваться и стать полноценным верстальщиком. Я готов выполнять верстку совершенно бесплатно, ради опыта. Можете писать сюда или в вк: https://vk.com/12ricardo.

    Asked by 1-2ricardo, February 28, 2017

    0 votes
    1 answer
22. Изображение с неправильно указанным путем

    Изображение, путь к которому указан неверно, показывается на странице в виде небольшой пиктограммы. Как браузер определяет размеры такого изображения? И можно ли с этим побороться? http://tezhe.ru/img.html На этом примере как-бы картинка справа вытянулась во всю высоту экрана. Хотелось бы, чтобы она имела минимальную высоту. Скажем, в 50px.

    Asked by atezheva, March 1, 2017

    • img
    0 votes
    1 answer
23. Модуль«Похожие метки» обрезка текста и мн

    Есть код <div> <div class="moduletable box"> <h3>Похожие темы</h3> <div class="tagssimilar box"> <ul> <li><a href="/">Некий научный OVA / Toaru Kagaku no Railgun OVA</a></li> ... Остальное в таком виде <ul> <li>Чебурашка</li> <li>Крокодил Гена</li> <li>Шапокляк</li> </ul> Привязка идет к "box" Суффикс CSS-класса модуля: " box" в CSS div.box li { white-space: nowrap; /* Отменяем перенос текста */ overflow: hidden; /* Обрезаем содержимое */ text-overflow: ellipsis; /* Многоточие */ } div.box:hover li { white-sp…

    Asked by lev99, March 1, 2017

    • css
    0 votes
    1 answer
24. Проблема с отображением в IE

    Приветствую, возникла проблема с отображением в IE 11 (не пойму откуда взялся этот серый фон и какая-то зеленая полоса) http://g-e-a.biz/ в Хроме и Мозиле все ок, а в IE серый фон

    Asked by tr0nikx, March 6, 2017

    0 votes
    1 answer
25. Анимированные табы

    Добрый день! Помогите, пожалуйста, с анимацией. Использую jquery-плагин shiftyNav(https://plugins.jquery.com/shiftynav/) Вот пример - http://codepen.io/anon/pen/EWgKKX При анимации, идущей слева-направо(если кликать text1-text2-text3) происходит активный блок уезжает налево и появляется новый блок. А при анимации справа-налево(если кликать text3-text2-text1) происходит активный блок скрывается чуть вправо и появляется справа новый блок. Как бы привести к одинаковому стилю? Т.е. сделать анимацию по принципу клика слева-направо(text1-text2-text3), чтобы и когда кликали в обратном порядке(text3-text-2-text1) активный блок уезжал налево …

    Asked by Джулия, March 6, 2017

    0 votes
    1 answer