HTML Coding

29542 questions in this forum

1. Progress Bar

   Доброго всем здравия и с проходящей масленицей. Задался целью сделать прогрессбар и чтоб циферки у него как в стандартных инсталляторах при переходе цвета тоже цвет менялся.. наверное не шибко понятно - http://beavers-net.narod.ru/primers/progress.html на примере лучше видать. Хочется, чтобы для слоев с циферками не приходилось забивать каждый раз отступ в пикселях, а забить его сразу на 50% и тогда он будет резиновый. Но такое у меня получается только при указании position: absolute; ...после чего слой уже не обрезается через overflow и виден всегда.. Можно ли вообще как-то обрезать абсолютно позиционированный слой? Буду рад конструктивной критике по коду. *код писалс…

   Asked by tt48, March 3, 2011

   0 votes
   3 answers
2. Последний пункт меню

   Здравствуйте! CMS генерирует меню. у этого меню есть свой css class в нём определён отступ от правого края меню: padding-right: 23px; отступ получается соотв. у всех пунктов меню. В итоге я не могу "прижать" правый край меню к правому краю сайта, идёт отступ в эти 23px. Есть ли какой нибудь способ у последнего пункта меню этот padding отключать? Меню вызывается так: <?php wp_list_pages('depth=-1&title_li=');?> (это Wordpress). Заранее спасибо!

   Asked by t4pr, March 22, 2011

   0 votes
   5 answers
3. Наследование свойств border

   <style> div { border: 1px solid; } div.pt { border: dotted green; } </style> <div>1 1 1 1</div> <div class="pt">2 2 2 2</div> Почему 1) <div class="pt"> выводит рамку аж трёхпиксельными точками, а не наследует из селектора для div? 2) Если убрать dotted в div.pt { border: dotted green; }, то рамка у второго div-а пропадает? В http://htmlbook.ru/css/border написано border: [border-width || border-style || border-color], т.е. все атрибуты указывать не надо.

   Asked by staff-base, July 23, 2011

   0 votes
   2 answers
4. Изменнение цвета текста в Input type=text

   Есть следующий тег: <input class="text" type="text" placeholder="введите e-mail"> и свойсто CSS .text{font:italic 10px 'Trebuchet MS',verdana,sans-serif; color:#260b01;} Как сделать так что-бы свойство цвета подхватывалось не только вводимым текстом но и placeholder-ом?

   Asked by Vlad_kot, February 28, 2012

   0 votes
   2 answers
5. Картинка-маркер для списка высокая, как выровнять li по середине?

   Посмотреть можно здесь. По плану дизайнера список сбоку должен был выглядеть так: Как этого достичь? Простой vertical-align ничего не дает, а если изменить display, то пропадает маркер.

   Asked by Mosya, July 14, 2012

   0 votes
   3 answers
6. Верстка подписей под элементами форм

   Задача: добавить к верстке форм вывод валидационных сообщений. По задумке дизайнера поля и подписи могут быть самыми разнообразными: Сейчас реализовано в связке label (block или inline-block) + input Нужно выводить сообщения непосредственно под инпутом. Например, Проблема в том, что ширина label и отступы могут быть самыми разнообразными. В идеале должен нормально смотреться и многострочный комментарий, т.е. абсолютное позиционирование не подходит. Уже голову себе сломала, но ничего, кроме оборачивания каждого инпута во враппер и вывода error-message прямо под ним, туда не приходит Только вот решение мне это совсем не нравится. Может сталкивался кто-то с таким, подкинь…

   Asked by caprella, January 9, 2013

   0 votes
   3 answers
7. Пользовательский поиск Google

   Просьба откликнуться тех, кто сталкивался с настройкой пользовательского поиска от Google. У меня сверстана форма поиска: http://jsfiddle.net/3WFKV/ К сожалению, я не могу встроить в готовый поиск форму пользовательского поиска. Подскажите, пожалуйста, как правильно это сделать, что бы внешний вид поиска остался таким как в верстке. Заранее благодарю!

   Asked by volshebnyi, October 9, 2013

   0 votes
   7 answers
8. Баг text-indent?

   Назначил блоку text-indent,все абзацы начинаются с отступом,но абзацы которые следуют после <br> без отступа,что за дела?

   Asked by pudge, December 26, 2013

   0 votes
   2 answers
9. Что дает прокрутку?

   Никак не могу определить, какой элемент дает прокрутку - вместо 1024пикселя получается 1040 где-то, когда появляется скролл. Может есть какой способ удачный - чтобы легко понять? Уже вроде и все удаляла по очереди и все равно непонятно.. http://zverushka.zz.mu/kadr/index.php Ну и на всех блоках базовых стоит overflow hidden. Откуда блин И по-моему в мозилле скролла нет, а есть он только в вебкит. Ага и в ослике тоже нет прокрутки лишней.

   Asked by Zverushka, January 17, 2014

   0 votes
   2 answers
10. Как можно обрезать текст блоком

    Не знаю как правильно сформулировать вопрос. Суть в том, что есть блок с текстом. Текст длиннее блока, и вся надпись не влезает. Свойство overflow обрезает по-словно. Как можно сделать обрезку текста по-сколько-влезет, буквально до буквы или даже до полу-буквы. Видел где-то такую реализацию, причем там с эффектом плавного исчезания было, вроде как растворялся хвост текста. Вот только сейчас не вспомню где это находил. Пример тут - http://jsfiddle.net/T98Dx/ Подскажите пожалуйста как можно реализовать такую обрезку, желательно без скриптов. Может кто ссылками интересными поделится по теме.

    Asked by alleclf, April 25, 2014

    0 votes
    4 answers
11. Резиновый сайт

    ЧИТАЕМ МОЙ САМЫЙ ПОСЛЕДНИЙ ПОСТ!!!

    Asked by vitaxastifler, July 10, 2014

    0 votes
    8 answers
12. лишнее изображение у fancybox

    помогите пожалуйста убрать лишнее изображение вокруг всплывающего окна всплывающее окно должно выглядеть так. но выглядит так на оригинальном сайте описанной проблемы нет. на новом сайте проблема есть

    Asked by cyklop77, July 13, 2014

    0 votes
    4 answers
13. PopUp - окно

    добрый вечер, нашел пример PopUp - http://jsfiddle.net/p7NbX/15/ у меня вопрос почему в примере работает, если перенести к себе в нодпад ++, он не работает (копирую все верно!!!) , подскажите в чем может быть причина! я не знаю джава срипт, может в нем кроется подвох. Спасибо..

    Asked by mrfrunze, August 21, 2014

    0 votes
    9 answers
14. Подскажите как заставить срабатывать по таймеру

    Добрый день! Есть код, который срабатывает при наведении, а как сделать чтобы он срабатывал по таймеру? <div class="imgholder"> <div class="outer1 circle"></div> <div class="outer2 circle"></div> <figure> <img src="../images/claudia-galhardo.jpg" /> <figcaption class="caption">TEST</figcaption> </figure></div>.imgholder{ position:relative; width:120px; height:120px; border-radius:100px; float:left; margin:40px 30px;}/* thumbnails style */.imgholder img{ position:absolute; left:0; top:0; width:120px; height:120px; z-index:5; border-radius:100px; -moz-border-radius:100px; -webkit-border-radius:100px; …

    Asked by McLotos, March 29, 2015

    0 votes
    4 answers
15. Возможно ли назначть изображение полям (за пределы wrapper'a)?

    Привет всем! Как видите, у данного макета есть затемнённые поля (у нав-панели, у середны, и у футера) В моём коде средняя часть (и нав-панель, и основная часть, и футер) состоят в div'е шириной 940px и с margin'ом auto, то есть отцентрована) Вопрос: какими средствами можно затемнить эти поля? Как выявить именно их, чтобы присвоить рисунки? Или это невозможно и сделать всю структуру через table?

    Asked by centurionkz, September 23, 2015

    0 votes
    2 answers
16. Что за ошибка?

    Код: var numPool = [ 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15 ]; var x1 = document.getElementById("11") function shuffle(numPool) { for(var j, x, i = numPool.length; i; j = parseInt(Math.random() * i), x = numPool[--i], numPool = numPool[j], numPool[j] = x); return numPool; }; var randomResult = shuffle(numPool); while( randomResult.length > 0 ) { x1.value = randomResult; — тут ошибка } Консоль выдаёт ошибку Uncaught TypeError: Cannot set property 'value' of null(…). Никак не могу понять из-за чего и как пофиксить.

    Asked by Kun32216, December 14, 2016

    0 votes
    1 answer
17. Error: Bad value 100% for attribute width

    В диве задал картинку и прописал ей 100%, а в css задал ширину картинке другого значения. По крайне мере меня так устроило. Валидатор ругается. А если убрать width="100%" картинка отображается с меньшим размером, даже если в css задать width: 200%; Задача сделать картинку на все ширину и высоту контейнера https://jsfiddle.net/fo7wr56t/1/

    Asked by viliksar, November 8, 2018

    0 votes
    1 answer
18. картинка "NEW" для определнного элемента меню

    Здраствуйте, нужно пририсовать "new" как на картинке, к определенному элементу меню. Меню вида <ul> <li id="4">новинки</li> </ul> Проблема в том что new как бы "наезжает" на другие слои. Вопросы следующие: 1. можно ли это реализовать не меняя код внутри <ul> т.к. меню генерируется при помощи cms 2. если п.1 невыполним тогда как лучше реализовать это изменив меню? Спасибо код тут: http://weblad.ru/c/jshop/

    Asked by weblad, March 20, 2009

    0 votes
    1 answer
19. Помогите решить проблему отображения img в IE6

    Столкнулся с проблемой в IE6. 1. <div> содержит img 2. css у img написан так что он должен: - выходить за рамки содержащего его <div> - и пересекаться (или накладываться) на <div> расположенный ниже Браузеры IE7, FF, Opera, Safari понимают. В IE6 = <div> расположенный ниже <div> содержащего img, обрезает img (или img залазит под <div>, который идет ниже или еще так <div>, содержащий img не выпускает его за свои пределы), в любом случае, та часть изображения которая должна быть за нижней границей дива обрезается. Может кто-нить решал подобную проблему, может кто-нить даст волшебный пендель в нужном направлении? Буду рад г…

    Asked by 3ABAPKA, April 28, 2009

    0 votes
    1 answer
20. Сайт с нуля (или почти нуля)

    Всем добрый день! Я вернулся, как и обещал. Вот пришол к созданию сайта полностью правильного, без ошибок. Но сайт я выбрал не простой. Тоесть я хочу сайт, который, как по мне верстать будет не просто. Сайт на подобии такого ВОТ В чем сложность и каковы мои первые вопросы. 1. В принципе, как сделать сайт резиновым, тоесть, дабы он умещался во все мониторы (или хотя-бы в основные) 2. Сложность такого сайта в большом количестве картинок, как их все выставить так ровненько (css?) Ну в общем хотел бы услышать Ваши мысли по этому поводу) Думаю тема станет для многих интересна)

    Asked by zapshik, March 11, 2011

    0 votes
    7 answers
21. проблема с таблицей

    Господа подскажите как сделать так чтобы в левой колонке верхний блок и нижний всегда прижисались соответсвенно к низу и верху в независимости от размера контента. Пока получается так но чего то не хватает. <table width="422" border="0" cellspacing="0" cellpadding="0"> <tr valign="top"> <td><table height="100%" width="211" border="0" cellspacing="0" cellpadding="0"> <tr valign="top"> <td height="300"> </td> </tr> <tr> <td height="auto"> </td> </tr> <tr valign="bottom"> <td height="300"> </td> </tr> </table> </td> <td>Text<…

    Asked by akahitokiri, March 25, 2011

    0 votes
    9 answers
22. Маркированые списки

    Здравствуйте. Возможно ли в маркированом списке сделать так, чтоб на каждый пункт была другая картинка?

    Asked by nelson, April 15, 2011

    0 votes
    1 answer
23. Меню в IE 6 выстраивается в столбец

    Здравствуйте, подскажите пожалуйста, почему наблюдается такая картина в IE 6 в других браузерах (Chrome, FF 4, IE 8,9) картина нормальная: код html: <div id="menu"> <ul> <li><a href="http://4homeremont.ru/index.php">Главная</a></li> <li><a href="http://4homeremont.ru/about.php">О компании</a></li> <li><a href="http://4homeremont.ru/services.php">Услуги</a></li> <li><a href="http://4homeremont.ru/price.php">Цены</a></li> <li><a href="http://4homeremont.ru/company_services.php">Обслуживание фирм</a&g…

    Asked by kinder999, May 26, 2011

    0 votes
    4 answers
24. Проблема со шрифтами

    При одинаковых значениях у меня почему-то получаются разные шрифты в браузерах, разница особенно с эксплорером. Вот, допустим в IE: А вот, в лисичке: В ИЕ у меня текст более сглаженный(приятный на вид)и немного жирнее всегда выглядит, а в других какой-то пиксельный. Попробовала !important(не знаю уместно было или нет), не помогло. Как бы мне их к одному виду привести? Спасибо!

    Asked by Анна, September 7, 2011

    0 votes
    7 answers
25. Спецификации технологий

    Приветствую. Вопрос такой. Решил освежить в памяти знания технологий: html, xhtml, css, xml, dom. Решил зайти на http://www.w3.org/ и полистать спецификации. ИМХО, адекватной навигации я там не увидел, поэтому прошу помощи: —-1. Кто может точно указать ссылки на официальные документы последних версий: ——--1.1. html ——--1.2. xhtml ——--1.3. css ——--1.4. xml ——--1.5. dom —-2. Ну и хотелось бы узнать, какие версии нынче актуальны для использования Что нашел: —-1. Последняя версия html4 - html 4.01 - http://www.w3.org/TR/html401/ - ? —-2. Последняя версия xhtml - xhtml 1.1 - http://www.w3.org/TR/xhtml11/ - ? ——--2.1. - но вроде как используют xhtml 1.0 - http://www.w3.org/TR/x…

    Asked by DjTarik, December 2, 2011

    0 votes
    2 answers