HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29,542 questions in this forum
-
плавающее меню
Здравствуйте всем, можно ли сделатьтоолько средствами CSS плавающее меню? Т.е. чтобы при скроллинге странице слой оставался всегда на одном и том же месте. И еще вопрос), прописываю диву position:absolute, когда размещаю его над комбобоксами, в IE слой "режется", т.е. комбобксы через него просвечивают несмотря на z-index. В других браузерах все нормально. Как решить проблему? Спасибо!
0 votes6 answers -
fullpage.js помощь в настройке
мне нужно сделать станицу, наподобие лендинга, но там только будет скроллинг между областями. не нужны никакие визуальные эффекты нашел либу https://github.com/alvarotrigo/fullPage.js все подходит кроме того что либа запускает кучу эффектов на страницу вот демка http://alvarotrigo.com/fullPage/ мне тут нравится как сделан скролл по областям, но моя страница разлазится потому что она не приспособлена под лендинг подскажите как настроить или подскажите другое решение
0 votes4 answers -
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…
0 votes2 answers -
Содержимое head лезет в body
Добрый день. Уже очень долго пытаюсь побороть проблему. Согласно средствам разработчиков (Opera Dragonfly, Firefox Firebug, Chrome), у меня содержимое head полезло в body + добавился один пробел, который мне сгенерировал пустую строку перед контентом. Пациент Скрин
0 votes15 answers -
шрифты из psd
подскажите пожалуйста возможно ли и если возможно, то как вытащить все используемые шрифты из psd-макета. хотелось бы не тыкать в холст и выписывать названия по ходу работы над макетом, а сразу найти нужные шрифты и поместить их в каталог
0 votes3 answers -
Несколько вопросов по вёрстке...
В общем - сразу к делу. 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. Смотрим картинку: Как сверстать - всё понятно, списки и т.д. Вопрос вот в чём: - мне заранее известна высота этой "полоски" с элементами меню. Как её лу…
0 votes21 answers -
scrollspy
помогите пожалуйста разобраться в документации к bootstrap3 есть пример. видно, что при клике по пункту верхнего меню происходит прокрутка страницы к соответствующей области. при этом пункт меню меняет цвет своего фона. это происходит потому что для li пункта добавляется класс active я сделал страничку, на которой реализован в точности такой же функционал. НО пункт верхнего меню не меняет цвет своего фона(потому что не добавляется класс .active). что я сделал не так? разработчикам бутстрапа нет смысла в свою документацию включать этот механизм без изменяющегося цвета фона ведь он в таком виде(без фона) есть в спецификации хтмл. а значит я что-то забыл добавить
0 votes8 answers -
Как правильно сделать отступ снизу под футером
Имеется внешний div, у которого фоновый рисунок - штриховка. этот div имеет поля слева и справа по 20 пикселей, а также футер отступает снизу то края страницы на 20 пикселей. у div с контентом белый фон. Естественно, минимальная высота должна быть 100%, и футер внизу. По-другому задачу можно сформулировать так: есть внешний div, с минимальной высотой 100% и штриховкой на фоне, и внутренний, который имеет высоту на 20 пикселей меньше внешнего, соответсятвенно футер прибит к низу уже во внутреннем диве. Что-то подобное можно увидеть на toolsbrk.ru, но там с полосой прокрутки(т.е. внутреннему диву задана высота 100% + паддинг снизу) Очень интересно было бы увидеть решение …
0 votes11 answers -
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 почем-то не так. Задача в том, чтобы крестик был всегда в правом верхнем углу блока с абсолютным позиционированием. Как такого можно добиться?
0 votes8 answers -
Контент в блоке
Прощу помочь, у меня есть блок, его я хочу использовать для помещения контента на сайт, но проблема в том, что текст или картинка всегда вылезают за его рамки, как этому помешать ? <div class="content"></div>;.content{background:#FFFFFF;position:absolute;height:100%;width:980px;top:0;right:0;bottom:0;left:0;margin:0 auto;}
0 votes90 answers -
Интерактивная карта метро
Привет! Для сайта по недвижимости, необходимо сделать выбор района (метро) по карте метрополитена. Откуда можно скачать этот ява-плагин или скрипт? А то делать руками очень долго и лень Спасибо! Пример - как тут: http://www.cian.ru/search.php?flats=yes&obl_id=1 P.S. Сайт не на CMS, поэтому ихние плагины не подойдут, видимо.
0 votes4 answers -
Использование DIV
можно использовать div к качестве обычного контейнера без класса и идентификатора? <div> something </div> Точнее будет ли это семантично?
0 votes29 answers -
Проблема со слайдером 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) подскажите решение , уже все перерыл и не у одного меня такое , но решения так и не нашел .
0 votes1 answer -
Горизонтальное меню в 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…
0 votes23 answers -
Границы внутреннего блока выходят за границы внешнего
Вот тут блок с желтой рамкой не должен так выходить. У блока с желтой рамкой такой код: <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; } Почему тот блок выходит за рамки? И как блочный элемент выровнять по центру?
0 votes4 answers -
Затемнение средствами CSS без потери кликабельности
Здравствуйте. У меня такая задача. Нужно затемнить страницу. Решил просто: position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 10000; opacity: 0.35; background: #000; Но в этом случае если под этим fixed-элементом есть ссылки, кнопки, etc (т.е. на странице, которую мы затемнили), кликнуть по ним уже нельзя. Нужно, чтобы можно было. Как?
0 votes8 answers -
Что значит тег <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>) ?
0 votes3 answers -
Drupal и Smarty
Для сайта webimg.ru, который построен на Друпале, использовал шаблонизатор Smarty. Однако столкнулся с некоторыми затруднениями. Дело в том, что в Друпале вид различных элементов дизайна прошит в ядре и чтобы поменять их на свой лад применяется набор шаблонов и PHP-файлов. Однако для Smarty многие вещи просто не работают. Пришлось перевести свою тему на PHPTemplate, встроенную по умолчанию, благо штука простая. После чего сайт стал работать быстрее, потому как Друпал криво кэшировал шаблоны Smarty, да и остальные фичи заработали. Обзор вопроса выявил, что хотя Smarty действительно можно подключать, это еще не гарантирует, что сайт будет полностью поддерживать все возможно…
0 votes2 answers -
Последовательность загрузки css и js и вытекающие из этого вопросы
В какой последовательности загружается сайт? Например, сайт с графикой (что-то сделано в графике, что-то - с помощью css) и с js. Наверняка ответ на вопрос как-то связан со следующими: 1.В какой части html-страницы подключать css и js: в <head> или в <body>? И каким образом подключать (в html5, кажется, только один оставили - через link)? 2.Отличие описания в <style> и в css? 3.Для каких html-тегов описывать стили в самих атрибутах этих тегов, а для каких - выносить в css?
0 votes5 answers -
Подскажите по поводу тэгов colspan="" и rowspan=""!!!
Подскажите пожалуйста! Каким образом в css прописать тэги colspan="" и rowspan="" минуя html документ?
0 votes15 answers -
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, не помогло.
0 votes26 answers -
положение слоя в ячейке таблици
не от экрана Пусть имеется таблица, 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%" …
0 votes8 answers -
Верстка диагонального меню
Приветствую уважаемые коллеги, мой опыт верстки довольно хороший, вот только опыт английского не очень велик, если найдется кто поможет, в приоритете ссылки на рускоязычные сайты, буржуйские конечно тоже приветствуются. В общем проблема в следующем, есть меню, диагональное меню http://clip2net.com/s/50cAtD вот такое, я понятия не имею как его верстать, уже и так и сяк, не буду говорить что перерыл весь интернет, но по запросам "нестандартное меню, Диагональное меню ... " перерыл google до 10 страницы, а дальше сами понимаете, прошу помощи, может кто делал, кто знает. За ранее спасибо, буду благодарен за любой ответ.
0 votes33 answers -
Разноцветный border
Подскажите, как сделать такой разноцветный border? Вставить картинкой? А по-другому, никак нельзя?
0 votes5 answers -
Вопрос про расположение фоновой картинки
есть у меня страница с примерно такой структурой: <html><body> <div id="all"></div> <div id="footer"></div> </body></html> К ней полагается следующий css: html, body { height: 100%; } #all { min-height: 100%; } * html #all { height: 100%; } #footer { clear: both; height: 136px; margin-top: -136px; } Такая схема применена для того, чтобы подвал всегда был снизу, даже если контента на странице мало. Теперь встала задача разместить на странице три фоновых изображения. Одно равномерное текстурное по всей странице, ещ? одно - специфичная текстура для верхнего края документа, и ещ? одно - декоративный элемент в нижнем лево…
0 votes11 answers