HTML Coding

29,542 questions in this forum

1. плавающее меню

   Здравствуйте всем, можно ли сделатьтоолько средствами CSS плавающее меню? Т.е. чтобы при скроллинге странице слой оставался всегда на одном и том же месте. И еще вопрос), прописываю диву position:absolute, когда размещаю его над комбобоксами, в IE слой "режется", т.е. комбобксы через него просвечивают несмотря на z-index. В других браузерах все нормально. Как решить проблему? Спасибо!

   Asked by a_web, May 22, 2008

   0 votes
   6 answers
2. Содержимое head лезет в body

   Добрый день. Уже очень долго пытаюсь побороть проблему. Согласно средствам разработчиков (Opera Dragonfly, Firefox Firebug, Chrome), у меня содержимое head полезло в body + добавился один пробел, который мне сгенерировал пустую строку перед контентом. Пациент Скрин

   Asked by olegsuv, November 2, 2011

   0 votes
   15 answers
3. Несколько вопросов по вёрстке...

   В общем - сразу к делу. 1. Нужно сверстать макет из 4-х колонок... С этим нет проблем... Но когда я все эти дивы помещаю в див-обертку - мои столбцы отображаются поверх него... Ширина и высота не известны... Всё зависит от контента... <div> <div class="col">1</div> <div class="col">2</div> <div class="col">3</div> <div class="col">4</div> </div> ————--> div.col { float: left; width: 25%; } Что я не так делаю? Или это анрил? O_o 2. Смотрим картинку: Как сверстать - всё понятно, списки и т.д. Вопрос вот в чём: - мне заранее известна высота этой "полоски" с элементами меню. Как её лу…

   Asked by DjTarik, October 19, 2008

   0 votes
   21 answers
4. Как правильно сделать отступ снизу под футером

   Имеется внешний div, у которого фоновый рисунок - штриховка. этот div имеет поля слева и справа по 20 пикселей, а также футер отступает снизу то края страницы на 20 пикселей. у div с контентом белый фон. Естественно, минимальная высота должна быть 100%, и футер внизу. По-другому задачу можно сформулировать так: есть внешний div, с минимальной высотой 100% и штриховкой на фоне, и внутренний, который имеет высоту на 20 пикселей меньше внешнего, соответсятвенно футер прибит к низу уже во внутреннем диве. Что-то подобное можно увидеть на toolsbrk.ru, но там с полосой прокрутки(т.е. внутреннему диву задана высота 100% + паддинг снизу) Очень интересно было бы увидеть решение …

   Asked by pav8909, April 14, 2011

   0 votes
   11 answers
5. fullpage.js помощь в настройке

   мне нужно сделать станицу, наподобие лендинга, но там только будет скроллинг между областями. не нужны никакие визуальные эффекты нашел либу https://github.com/alvarotrigo/fullPage.js все подходит кроме того что либа запускает кучу эффектов на страницу вот демка http://alvarotrigo.com/fullPage/ мне тут нравится как сделан скролл по областям, но моя страница разлазится потому что она не приспособлена под лендинг подскажите как настроить или подскажите другое решение

   Asked by https, February 18, 2016

   0 votes
   4 answers
6. Access-Control-Allow-Origin

   Подскажите пожалуйста, почему срабатывает следующее ограниечение, когда я загружаю фонт из "своего локального хоста" http://site-content-protection.com'has been blocked from loading by Cross-Origin Resource Sharing policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://site.ru' is therefore not allowed access." @font-face { font-family: 'Philosopher'; font-style: normal; font-weight: 400; src: local('Philosopher'), url(http://site-content-protection.com/fonts/font1.ttf) format('truetype'); // src: local('Philosopher'), url(http://fonts.gstatic.com/s/philosopher/v7/OttjxgcoEsufOGSINYBGLZp-63r6doWhTEbsfBIRJ7A.ttf) format…

   Asked by romanag, July 6, 2015

   • Access-Control-Allow-Origin
   0 votes
   2 answers
7. Использование DIV

   можно использовать div к качестве обычного контейнера без класса и идентификатора? <div> something </div> Точнее будет ли это семантично?

   Asked by termoplus, May 21, 2009

   0 votes
   29 answers
8. шрифты из psd

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

   Asked by cyklop77, May 28, 2012

   0 votes
   3 answers
9. Контент в блоке

   Прощу помочь, у меня есть блок, его я хочу использовать для помещения контента на сайт, но проблема в том, что текст или картинка всегда вылезают за его рамки, как этому помешать ? <div class="content"></div>;.content{background:#FFFFFF;position:absolute;height:100%;width:980px;top:0;right:0;bottom:0;left:0;margin:0 auto;}

   Asked by fro, June 5, 2015

   0 votes
   90 answers
10. scrollspy

    помогите пожалуйста разобраться в документации к bootstrap3 есть пример. видно, что при клике по пункту верхнего меню происходит прокрутка страницы к соответствующей области. при этом пункт меню меняет цвет своего фона. это происходит потому что для li пункта добавляется класс active я сделал страничку, на которой реализован в точности такой же функционал. НО пункт верхнего меню не меняет цвет своего фона(потому что не добавляется класс .active). что я сделал не так? разработчикам бутстрапа нет смысла в свою документацию включать этот механизм без изменяющегося цвета фона ведь он в таком виде(без фона) есть в спецификации хтмл. а значит я что-то забыл добавить

    Asked by cyklop77, December 20, 2014

    • bootstrap
    0 votes
    8 answers
11. Fixed внутри absolute

    <div style="position: absolute; top: 100px; left: 100px; height: 100px; width: 100px; overflow: auto; background-color: #f00;"> <div style="position: fixed; top: 0; right: 0;">X</div> </div> Вот такой вот код. Absolute внутири absolute и внутри relative работает как следует, вот fixed почем-то не так. Задача в том, чтобы крестик был всегда в правом верхнем углу блока с абсолютным позиционированием. Как такого можно добиться?

    Asked by Veseloff, July 20, 2010

    0 votes
    8 answers
12. Проблема со слайдером slick

    Доброго времени суток, возникла проблема при подключении слика , сделал все как по инструкции (Jqwery до slick.js , main.js после slick.js ) но все равно выдает ошибку : Uncaught TypeError: Cannot read property 'add' of null at c.b.initADA (slick.min.js:17) at c.b.init (slick.min.js:17) at new c (slick.min.js:17) at w.fn.init.a.fn.slick (slick.min.js:18) at HTMLDocument.<anonymous> (VM778 main.js:8) at l (jquery.min.js:2) at c (jquery.min.js:2) подскажите решение , уже все перерыл и не у одного меня такое , но решения так и не нашел .

    Asked by umid99, September 16, 2018

    • slick
    • js
    • error
    0 votes
    1 answer
13. Затемнение средствами CSS без потери кликабельности

    Здравствуйте. У меня такая задача. Нужно затемнить страницу. Решил просто: position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 10000; opacity: 0.35; background: #000; Но в этом случае если под этим fixed-элементом есть ссылки, кнопки, etc (т.е. на странице, которую мы затемнили), кликнуть по ним уже нельзя. Нужно, чтобы можно было. Как?

    Asked by luethus, September 10, 2011

    0 votes
    8 answers
14. Интерактивная карта метро

    Привет! Для сайта по недвижимости, необходимо сделать выбор района (метро) по карте метрополитена. Откуда можно скачать этот ява-плагин или скрипт? А то делать руками очень долго и лень Спасибо! Пример - как тут: http://www.cian.ru/search.php?flats=yes&obl_id=1 P.S. Сайт не на CMS, поэтому ихние плагины не подойдут, видимо.

    Asked by Coder_D, April 25, 2012

    0 votes
    4 answers
15. Горизонтальное меню в IE6

    Что-то я запутался. По совету друзей (с) сначала решил забить на IE6, но что-то совесть не позволила. Теперь у меня вопросы по верстке. CSS: #mm_container { background:url(/images/mm_a.png) repeat-x; height:74px; } #mm_container ul{ display:table; margin: 0 auto; } #mm_container li{ display:table-cell; } #mm_container a { display: block; float:left; height:74px; padding:0 20px; font-family:"Hortensia"; color:#fff; text-decoration:none; font-size:1.7em; line-height:74px; } #mm_container li { background:url(/images/mm_a_separator.png) left no-repeat; } #mm_container a:hover { background:url(/images/mm_a_hover.png) repeat-x; } #mm_container li.current a…

    Asked by d0ublezer0, July 7, 2010

    0 votes
    23 answers
16. Границы внутреннего блока выходят за границы внешнего

    Вот тут блок с желтой рамкой не должен так выходить. У блока с желтой рамкой такой код: <p id="block">Содержимое блока</p> #block { padding: 10px; margin: 5px; width: 500px; border-style: solid; border-width: 2px; border-color:#faa21a; } У блока с черной рамкой такой: body { border: 2px solid #111111; padding:0; margin: 0 auto; width:500px; } Почему тот блок выходит за рамки? И как блочный элемент выровнять по центру?

    Asked by Омск, February 22, 2014

    0 votes
    4 answers
17. Что значит тег <n>

    <div class="option"> <input type="checkbox" id="saveHistory"> <label for="saveHistory" i18n="opt_func_opt7">TEXT_locale</label><br> <br> <span i18n="opt_func_opt8">OTHER_Locale</span><br> <input type="range" min="50" max="600" step="1" value="" id="numLimit"> <n id="numLimit-value" class="number"></n> <! Тут отображается цифра, которая будет на ползунке> </div>Где прочитать про синтаксис тега <n> (<n id="numLimit-value" class="number"></n>) ?

    Asked by n199a, March 24, 2015

    0 votes
    3 answers
18. Подскажите по поводу тэгов colspan="" и rowspan=""!!!

    Подскажите пожалуйста! Каким образом в css прописать тэги colspan="" и rowspan="" минуя html документ?

    Asked by black_rabbit, February 17, 2008

    0 votes
    15 answers
19. Верстка диагонального меню

    Приветствую уважаемые коллеги, мой опыт верстки довольно хороший, вот только опыт английского не очень велик, если найдется кто поможет, в приоритете ссылки на рускоязычные сайты, буржуйские конечно тоже приветствуются. В общем проблема в следующем, есть меню, диагональное меню http://clip2net.com/s/50cAtD вот такое, я понятия не имею как его верстать, уже и так и сяк, не буду говорить что перерыл весь интернет, но по запросам "нестандартное меню, Диагональное меню ... " перерыл google до 10 страницы, а дальше сами понимаете, прошу помощи, может кто делал, кто знает. За ранее спасибо, буду благодарен за любой ответ.

    Asked by justwhite.design, May 1, 2013

    • меню верстка
    • HTML
    • диагональное меню
    • верстка vty.
    • нестандартное меню
    • верстка нестандартного меню
    0 votes
    33 answers
20. Можете посмотреть макет?

    Смотрите, начал верстать шаблон, вот макет: Скажите что мне нужно добавить и исправить, пока не окончил верстку?

    Asked by htmlonline, February 3, 2011

    0 votes
    52 answers
21. Drupal и Smarty

    Для сайта webimg.ru, который построен на Друпале, использовал шаблонизатор Smarty. Однако столкнулся с некоторыми затруднениями. Дело в том, что в Друпале вид различных элементов дизайна прошит в ядре и чтобы поменять их на свой лад применяется набор шаблонов и PHP-файлов. Однако для Smarty многие вещи просто не работают. Пришлось перевести свою тему на PHPTemplate, встроенную по умолчанию, благо штука простая. После чего сайт стал работать быстрее, потому как Друпал криво кэшировал шаблоны Smarty, да и остальные фичи заработали. Обзор вопроса выявил, что хотя Smarty действительно можно подключать, это еще не гарантирует, что сайт будет полностью поддерживать все возможно…

    Asked by Vlad, November 4, 2008

    0 votes
    2 answers
22. css3pie (PIE.htc) работает с задержкой при условии hover?

    Скругляю уголки у li в IE при помощи css3pie (http://css3pie.com). У li при selected и hover также есть бекграунд из градиентного рисунка (repeat-x). При наведении мыши на li css3pie работает с задержкой, то есть скругление происходит не сразу, а спустя заметные для глаза доли секунды, а сначала виден нескругленный угол. Так и должно быть? Может, css3pie нельзя применять для hover? И еще - без position:relative вообще не работает. Пробовал по-разному: задавал position и css3pie как для всего (то есть неактивного) li сразу, так и для отдельно selected и hover, не помогло.

    Asked by Squidward, August 26, 2011

    0 votes
    26 answers
23. Резиновый блок с круглыми краями

    сосбно сабж нужен блок который тянеться и в ширину и в высоту углы у него закгругленные (пнг или гиф) подсказали решение таблицей но хотелось бы без неё

    Asked by WalkMan, January 27, 2010

    0 votes
    26 answers
24. Последовательность загрузки css и js и вытекающие из этого вопросы

    В какой последовательности загружается сайт? Например, сайт с графикой (что-то сделано в графике, что-то - с помощью css) и с js. Наверняка ответ на вопрос как-то связан со следующими: 1.В какой части html-страницы подключать css и js: в <head> или в <body>? И каким образом подключать (в html5, кажется, только один оставили - через link)? 2.Отличие описания в <style> и в css? 3.Для каких html-тегов описывать стили в самих атрибутах этих тегов, а для каких - выносить в css?

    Asked by ручник, July 17, 2013

    0 votes
    5 answers
25. положение слоя в ячейке таблици

    не от экрана Пусть имеется таблица, 2*2., последняя ячейка голубая. И в нее надо поместить div красного цвета. Делаю эту ячейку блоком relative, помещяю в нее div. При этом IE правильно понимает, что отмерять положени дива надо от ячейки, а не от границы брауза. Как заствить понять тоже самое Opera и FireFox? <html> <head> <style type="text/css"> <!-- html, body { margin:0; padding:0; width:100%; height:100%; } #card1 { background-color: red; height: 30%; width: 20%; border:5px; border-color :#336633; left:0%; top:0%; position: absolute; border-style: solid; } </style> <head> <body> <table width="80%" …

    Asked by Kat, June 23, 2007

    0 votes
    8 answers