HTML Coding

29542 questions in this forum

1. Прогресс бар

   Перейдем сразу к делу - хочу сделать полоску, вернее блок, в котором будет написано количество пользователей, в данный момент использующих фтп, например так - [ 32/80 ], квадратные скобки показывают сам блок, они не будут использоваться, хотя это не имеет значения. Я хочу сделать так, что бы по мере заполнения доступных слотов менялся фон блока, то есть заполнялся как прогресс-бар и если пользователи уже заняли почти все или все место, то менялся цвет с зеленого на красный. Проблема в том, что у меня не получается придумать как это реализовать, допустим есть какая-то переменная, в данный момент она равна 32. Сделать смену цвета - дело пары секунд, а вот как сам прогр…

   Asked by Warrangie, September 21, 2012

   0 votes
   0 answers
2. first-child

   Доброго времени суток! Помогите, пожалуйста, разобраться в проблеме с first-child… Имеем CSS: .photo .post-title * { display: none; } .photo .post-title :first-child { display: block !important; } .photo .caption { display: block; } .photo .caption > :first-child { display: none !important; } А также HTML: <div class="photo"> <div class="post-title"> <p>Заголовок 1</p> <p>Заголовок 2</p> </div> <div class="caption"> <p>Заголовок 1</p> <p>Заголовок 2</p> </div> </div> Я планировал, что в случае с post-title должен выводиться исключительно заголовок 1 (заголовок 2 скрыт), а в сл…

   Asked by ZABor, October 31, 2012

   0 votes
   3 answers
3. Проблема с video

   Есть вот такой код, но проблемка в том,что звук идёт , а видео самого нету, надеюсь подскажет кто-нибудь <video width=320 height=240 controls poster="window.jpg"> <source src="P1000204.ogg" type='video/ogg; codecs="theora, vorbis"'> <source src="P1000204.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'> </video>

   Asked by renkoman, November 1, 2012

   0 votes
   2 answers
4. firefox 19 баг?

   Короче сразу пример: http://jsfiddle.net/LQMKA/ Фиксированный блок частично спрятанный за краем браузера и выдвигающийся на время. При позиционировании блок встает как надо, но при начале анимации отсчет ведется не от скролла, а от края, то есть игнорируется скролл. В ff 18 и более ранних все было норм. Вот пытаюсь понять баг браузера или нет?

   Asked by wwt, March 12, 2013

   0 votes
   0 answers
5. сафари для windows

   вы поддерживаете сафари для windows?

   Asked by Mister-N, November 11, 2013

   0 votes
   4 answers
6. Тени

   Добрый день! При верстке макета возникло несколько вопросов: возможно ли с помощью свойства box-shadow реализовать нижнюю тень у header'a? И как с реализовать логотип, а именно — белый оттенок? Скриншот макета:

   Asked by Aleksandr.L, December 9, 2013

   0 votes
   3 answers
7. Как перекрыть двойную рамку?

   Блок имеет двойную рамку. Подскажите, пожалуйста, как перекрыть заглавием внутреннюю линию рамки? Рамку делал так: border:1px solid #ededed; box-shadow:0 0 0 1px #c5c5c5;

   Asked by aleks-lv, March 11, 2014

   0 votes
   1 answer
8. Не работает last-child

   Подскажите пожалуйста, Почему не работает last-child? http://rghost.ru/57018468

   Asked by oleg126, July 21, 2014

   0 votes
   1 answer
9. Перемещение ровно на 20 пикселей правее

   Добрый день, в общем вот макет <style type="text/css">.port{ height:200px; width:80%; margin: 0 auto;}.port .one{ width:20px; height:300px; opacity:0.8; transition:1s; }.port img{ -webkit-transform: perspective(1000px) rotateY(40deg); transform: perspective(1000px) rotateY(40deg); width:200px; height:300px; }.port .one:nth-child(1n){ float:left; margin: 10px; position: relative; left:0px; z-index:4; }.port .one:nth-child(2n){ float:left; margin: 10px; position: relative; left:-20px; z-index:3; }.port .one:nth-child(3n){ float:left; margin: 10px; position: relative; left:-40px; z-index:2; }.port .one:nth-child(4n){ float:left; margin: 1…

   Asked by xTODx, January 27, 2015

   0 votes
   1 answer
10. чтобы текст адаптировался под экран пользователя?

    http://cssdeck.com/labs/i3xa5vim. если не трудно подскажите что написать чтобы текст адаптировался под экран пользователя? В chrome при просмотре на разных устройствах текст меняет размер, но когда я занес текст и фрейм в разные div, он перестал адаптироваться. текст вне этих div адаптируется. Помогите!!!

    Asked by kniggaliev, May 18, 2015

    • текстб
    • адаптироватьб
    0 votes
    1 answer
11. установить шрифт

    скачал шрифт установил , прописал в коде но ничего не появляется в браузре http://rghost.ru/36732781 попробуйте у себя пжл

    Asked by rpmcmerphy, September 18, 2015

    0 votes
    4 answers
12. Меню вылазит за вьюпорт ..

    На этой странице (Ссылка), в мобильной версии, из-за навигации появляется скролл .. В чем причина? Большое спасибо! Проблема решена, можно удалять.

    Asked by Hasiev, November 30, 2017

    0 votes
    0 answers
13. переменные в checkbox

    В bugzilla, когда заводиться ошибка есть фраза " Ошибка доступна только членам следующих групп: (Снятие всех отметок делает ошибку общедоступной.) " после которой checkbox с группами. Так вот, мне интересно, как можно сделать так что бы этот кусок не был виден пользователям, но и что бы его группы были выбраны, т.е. <input type=checkbox id="bit-[% g.bit %]" name="bit-[% g.bit %]" value="1" [% " checked=\"checked\"" IF g.checked %]> имел значение сhecked. Если этот код заменить на Код: <input type=checkbox disabled id="bit-[% g.bit %]" name="bit-[% g.bit %]" value="1" checked> То этот этот переключатель не будет доступен пользователям, но и его значе…

    Asked by sis0p, March 17, 2010

    0 votes
    1 answer
14. Блок с округлением

    Подскажите как исправить? http://itmages.ru/image/view/254670/6d6b446d #content { height:400px; margin: 30px 50px 20px 60%; padding: 5px; border: none; } .conten { background: transparent;margin-top:340px;line-height:60px ; } .conten h1, .curved p { margin:0 10px; } .conten p { padding-bottom:0.5em; } .conten .b1 { display:block; overflow:hidden; height:1px; margin:0 4px; background:#B0BCC2; border-left:1px solid #B0BCC2; border-right:1px solid #B0BCC2; margin:0 5px; font-size:1px; } .conten .b2 { display:block; overflow:hidden; height:1px; margin:0 4px; background:#EBEEF0; border-left:1px solid #B0BCC2; border-right:1px solid #B0BC…

    Asked by Rambo2045, August 11, 2011

    0 votes
    1 answer
15. MooTools

    Здравствуйте, подскажите как поправить код , чтобы выдвижные блоки выдвигались не от конца картинки а немного выше. http://yellowlamp.ru/ .Справа вверху ,контакты.

    Asked by Rambo2045, November 24, 2011

    0 votes
    0 answers
16. Как сделать переключатель

    Всем привет. Подскажите как сделать переключатель между двумя блоками комментариев как здесь вот такой С применением только html и стилей. Как дополнение можно и пример на PHP, но повторюсь больше интересно на html ! Заранее спасибо за ответы.

    Asked by vintorez, January 24, 2012

    0 votes
    2 answers
17. Перевёрнутый текст в IE6-7

    Сделал, для всех ,кроме этих инвалидов. Кто подскажет

    Asked by vladimircape, March 28, 2012

    0 votes
    1 answer
18. Изменение шрифта при разных разрешениях

    Можно сделать так, чтобы размер шрифта оставался неизменным визуально при разных разрешениях экрана?

    Asked by apexis, March 29, 2012

    0 votes
    1 answer
19. Принципы создания качественного css

    Поделитесь ссылкой на стандарты, если таковые имеются. И парой ссылок на профессиональные css файлы, или сайты с которых стоит брать пример в оформлении css

    Asked by ar00, October 5, 2012

    0 votes
    1 answer
20. Слои, JavaScript и IE

    Всем привет! Начал делать простенький сайт для фотоотчетов о путешествиях с галереей. за основу взял бесплатную версию фотогалереи на Java (если так правильно говорить) тут: http://www.simpleviewer.net/simpleviewer/ Все очень просто, понятно и удобно. Оставалось добавить лишь пару строк описания к самому путешествию (т.е. ко всему сайту-галерее). И сделал это через слои, наложив нужный текст поверх флеш-пространства в свободных от изображения местах. Однако работать это стало только в Мазиле и Хроме (Оперу не пробовал), а IE (версия 6,7,8,9) отказывается. Слой с этой флеш-галереей просто покрывает все остальное содержание сайта независимо от z-index. В процессе эксперимен…

    Asked by maxim89, October 19, 2012

    0 votes
    1 answer
21. Рамка к картинке

    На одной странице несколько картинок, у одних должна быть рамка, у других нет, как это реализовать?

    Asked by EgoEl, November 22, 2012

    0 votes
    4 answers
22. Нужны ли ключевые слова?

    Добавлял сайт в поисковики...оказывается все так просто...ввел адресок и нажал ссылочку "добавить". Раньше помню нужно было кучу полей заполнить, ключевые слова вводить. А сейчас в этом есть необходимость? Карту сайта xml вот построил. А желательно ли пользоваться модулями для cms типа metatag для Drupal или писать ключевые слова в метатегах в код страниц?

    Asked by xSPiRiTx, December 6, 2012

    0 votes
    2 answers
23. Помогите отцентрировать фон

    Всем привет. Прошу помочь. У меня имеется макет шириной 1000px. Нужно отцентрировать его. Вроде делаю все правильно, фон шапки становить по центру, а фон body нет. <!DOCTYPE html> <html lang = "ru"> <head> <title>Портфолио</title> <link href = "style.css" rel = "stylesheet" type = "text/css" /> <meta charset = "utf-8" /> <!--[if lt IE 9]> <script src = "http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> </head> <body> <header> <div class = "header_bg"></div> </header> </body> </html> *{margin: 0; padding: 0;} body {margin: auto; width…

    Asked by IvanRu08, July 16, 2013

    0 votes
    2 answers
24. Конфликт position:fixed и <object>

    Добрый вечер, подскажите пожалуйста, что за баг? Сайт http://www.colibrilaw.kz/. Там верхнее меню position: fixed. При скролинге страниц в хроме и фф все ок, а в ие и опере нижний баннер (флеш) становится слоем выше, чем меню.

    Asked by Sten8509, October 6, 2013

    • css
    0 votes
    1 answer
25. Что делать с фоном?

    Привет всем) Такая проблема. Верстаю шапку сайта и там бекграунд. вот он http://hostingkartinok.com/show-image.php?id=bed25bb19a0ef684f99214990db85d98 проблема в том что он имеет ширину 1600px, и на мониторах с 1920 по бокам белые полосы, я отцентрировал. использовать background-size:cover, но его не поддерживает ie8. как быть?

    Asked by raptor-dm, October 21, 2014

    0 votes
    2 answers