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
29542 questions in this forum
-
Планшет, спрятать меню вверху страницы
Здравствуйте подскажите оттягивая пальцем страницу вниз на телефоне в браузере должно открываться закрытая область туда например можно спрятать меню подскажите как такое можно сделать...
0 votes0 answers -
Помощь по сетке bootstrap3
Подскажите, можно ли в bootstrap3 сделать вот такую сетку средствами css, без js?
0 votes1 answer -
svg - как включить текст к rect, circle и т.п.?
Затеял тут сделать простой редактор схем процессов. И подумал, чтобы линии в месте пересечения полукругом друг друга огибали сделать всё на Svg. И кажется так в дальнейшем будет больше преимуществ. Без svg всё просто стрелочки бы тоже дивами рисовал (там мона и треугольнички дивами к ним приделать... по большому счёту можно и полукруги сделать ..) Вот например, как я таскаю див и текст в него могу вбивать: http://jsfiddle.net/5g55uyjn/1/ А вот с svg начались непонятки. Но совершенно не понял, как тупо текст внутрь rect или внутрь circle поместить. А потом таскать это одним махом... Думал просто можно текст вставить... Нельзя вроде... Думал для этого <g> служит..…
0 votes2 answers -
[Теория] Разница между адаптивной страницей и страницей с различными стилями
Уважаемые гуру, нужно ваше мнение: Что "лучше"-"предпочтительнее", сайт с адаптивным дизайном или сайт с различными стилями, работающими в зависимости, от необходимости?
0 votes6 answers -
Можно ли реализовать такое на чистом css?
http://take.ms/g973S Реально реализовать такое на чистом css? Любой способ... Была идея светлую картинку затемнять прозрачным темным слоем через псевдоэлемент, но как потом кругом снова засветить? Как такое можно реализовать?
0 votes16 answers -
меню на hover -2
подскажите как сделать чтоб при наведении у выпадающего меню был отступ и оно не исчезало.? Спасибо. http://selfmaker.biz/oleg/polulux.html Ставлю ul.menu-nav{ padding-top:10px } не работает!
0 votes5 answers -
Разобраться с блоками
Здравствуйте никак не могу разобраться с блоками при наведении мыши, А точнее указать размеры и поля, у блоков есть тень она считается при указании размеров? Подскажите) У меня на странице блоки при наведении разъезжаются <!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta charset="utf-8" /> <link rel="stylesheet" type="text/css" href="StyleSheet.css" /> <title></title></head><body> <div class="wraper"> <div class="block_news"> <div class="box_music"> <a href="#"> <img src="images\marilyn_manson.png" alt="Mari…
0 votes1 answer -
Как же сделать такую таблицу
рисуно прилагается
0 votes1 answer -
меню на hover
Добрый день, подскажите почему меню не выезжает на hover. и как сделать отступ между главным меню и меню которое появляется при ховере. Спасибо. Помогите понять истину ))) http://jsfiddle.net/mrfrunze/aucbf8sn/
0 votes7 answers -
Длинный фон
Добрый день. Подскажите как сделать длинный фон, точнее два фона) То есть что бы после первого фона, продолжался сразу второй) Пример
0 votes5 answers -
Выравнивание по центру
Здравствуйте. Помогите выравнить блоки/шторки по центру. Скриншот: Нужно что бы эти блоки были по центру. Вот код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Красивые шторки</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.easing.1.3.js"><…
0 votes8 answers -
Прозрачность
Как сделать #p_wrp не прозрачным? Значение z-index не помогает #p_wrp { background-color: #000000;height: 300px;width: 100%;}#con {opacity: 0.9; filter: alpha(Opacity=70); z-index: 2;height: 300px;width: 100%;}<div id="con"><div id="p_wrp"></div></div>
0 votes1 answer -
Глюк при прокрутке
Здравствуйте! Проблема обнаружилась случайно на этой странице: http://arteks-auto.ru/delivery.php в Chrome. Она заключается в том, что при определенной высоте окна невозможно прокрутить страницу до самого низа - все начинает дергаться. Причем, если перезагрузить страницу, прокрутив ее до верху, это явление повторяется. А если она прокручена вниз - нет этого. Не могу понять! Может быть причина в работе скриптов. Поочередно отключала, но пока не выявила причину. Помогите, пожалуйста!
0 votes7 answers -
Исчезновение картинки с border-radius в Mozilla после закрытия fancybox
Добрый день, есть проблема на сайте gobanner.ru Дело вот в чем, блок - лучшее из портфолио. Он состоит из картинок - кружков. При открытии картинки и закрытии ее кружки исчезают. Но они исчезают только тогда когда открытая картинка перекрывает их. Для теста откройте первую картинку - дом (она сама большая), она перекроет собой или нижний ряд или верхний, соответственно после закрытия ее, этих рядов не будет пока по ним не проведешь мышкой. Проблема исчезает если убрать border-radius или opacity. Или если в файле .js fancybox изменить последнюю строку - position:relative на fixed. Но тогда при открытии картинки верстка будет уходить влево на велечину ползунка. Как исправит…
0 votes0 answers -
LESS
Нашёл статью про less и в ней говорится, то что он значительно упрощает код. С этого .border_radius { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}Сократили до вот этого .border_radius(@radius){ -webkit-border-radius: @radius; -moz-border-radius: @radius; border-radius: @radius;}Здесь же намного больше символов, чем было. Вот эта статья http://maxsite.org/page/pochemu-nuzhno-izuchat-less
0 votes7 answers -
overflow:hidden для непрямоугольного блока
Здравствуйте. Столкнулся с такой проблемой Скрин в Хроме, ФФ, IE http://prntscr.com/4flbmx Скрин в опере и сафари: http://prntscr.com/4flbki Для цветного закругленного блока установлен overflow:hidden. При этом опера и сафари обрезают белые полосы пунктов меню не так, как хотелось бы. Спасибо.
0 votes15 answers -
Выделение текста внутри псевдоэлементов.
День добрый. .mh46{ display: block; position: relative; width: 235px; padding: 3px; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); margin-top: 8px;}.mh46:before{ content: " "; position: absolute; border: #e1e1e1 solid 1px; border-radius: 5px; top: 0; right: 0; bottom: 0; left: 0; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: top, right, bottom, left; transition-property: top, right, bottom, left;}.mh46:hover{ background: #EFEFEF;}.mh46:hover:before, .mh46:focus:before, .mh46:active:before { top: -8px; right: -8px; bottom: -8px; left: -8px;}Сделал блок DIV с тестовым содержимым…
0 votes1 answer -
Положение модального окна
Приветствую! Есть модальное окошко с затемнением. Написано на html+css. <a href="#x" class="overlay" id="win3"></a><div class="popup3">Окошко</div>.popup3 { width: 500px; height: 735px; margin: auto; background: #ffffff; display: block; left: 0; right: 0; position: fixed; top: 0; visibility: hidden; z-index: 10;}.overlay:target+.popup3 { top: 1%; opacity: 1; visibility: visible;}.overlay { background-color: rgba(0, 0, 0, 0.7); bottom: 0; cursor: default; left: 0; opacity: 0; position: fixed; right: 0; top: 0; v…
0 votes2 answers -
Как тектовому инпуту и текстареа выставить ширину пропоционально родительскому div-у
Всем привет, подскажите пожалуйста есть форма(div) в классе которой прописана ширина "75%" На форме есть тектовый инпут и текстареа ширину котрых нужно выставить в 90% от этого окна. Если этому тектовому инпуту и текстареа выставить style=" width: 90%", это не работает. Если написать style=" width: 700;" - это работает на моем компе но на мониторах с разным разрешением будет выглядеть иначе. Как это лучше сделать? Форму контейнер менять не хочется - тоогда вся верстка полетит - верстка там не моя Я пхп-разработчик в тонкостях html-я не силен.
0 votes3 answers -
Сбились шрифты в хроме
Всем привет Возникла непонятная проблема. Я купил в интернете макет лэнединга. Подправил под себя - все ок. Тестировал в Хроме и Фаерфоксе. Вчера обнаружил, что Хром стал как-то странно отображать шрифты. Фаерфокс по-прежнему отображает шрифты корректно. В чем может быть проблема? Это Хром (криво): Это фаерфокс (норм): Вот ссылка на сам лэндинг baza.lakv.ru Подскажите пожалуйста, в чем тут дело? Изначально оба браузера отображали все одинаково хорошо.
0 votes4 answers -
Перспективы веб
Приветствую сообщество htmlbook! Ребята, сейчас я заезженную пластинку включу:изучаю веб программирование), хочется узнать каковы перспективы всего этого если идти по жизни с ноутбуком? На сегодняшний день говорят очень много их стало, не хочу никого напугать тем более начинающих ребят. Возможно ли вообще этим устроить свою жизнь и получить свободу вольного плавания по миру. Не хочу быть в вакуме позитива, хочется узнать как на самом деле обстоят дела в этой нише. Ну думаю и другим это будет очень интересно! Спасибо за внимание и за ваше мнение!
0 votes18 answers -
пагинатор на jQuery
Вечер добрый требуется реализовать переход по страницам каталога внутри одной страницы, решил пока не лезть к Ajax, а воспользоваться jQuery - сама панель навигации должна иметь вот такие элементы: вот здесь http://www.webmasters.by/articles/review-po/2538-jquery-pagination-plugins.html искал подходящий плагин, есть более-менее подходящие, но мне нужен именно такой порядок навигационных элементов, плюс оформить сами элементы согласно макету. а какие изменения/доработки вносить в код скрипта, чтобы разместить навигацию именно так - представляю смутно, т.к. в jquery я нуб. по-этому прошу помощи - было бы неплохо получить ссыль на урок, где рассказано, как самому добавлят…
0 votes4 answers -
PopUp - окно
добрый вечер, нашел пример PopUp - http://jsfiddle.net/p7NbX/15/ у меня вопрос почему в примере работает, если перенести к себе в нодпад ++, он не работает (копирую все верно!!!) , подскажите в чем может быть причина! я не знаю джава срипт, может в нем кроется подвох. Спасибо..
0 votes9 answers -
"Прыгает экран", пустота над заголоком скачет
Даже не понял как правильно описать проблему)). Все страницы одинаковые: <body><div class="block-desk"> <div class="block1x1 orangeblock"></div> <div class="clearblock"></div> </div> <div class="content-desk"> <div class="clearblock"></div> </div> <footer>footer</footer> </body>Основные стили: html, body {height: 100%;font-family: 'Monospace';font-size:14px;text-indent:0;}body {width: 960px;max-width: 960px;background:rgb(65, 64, 66);margin: 0 auto;background: url(../img/greybg.png);}.block-desk {width: 960px;margin: 0;margin-top: 30px;position: relative;background: ur…
0 votes4 answers -
проблемы с позиционированием блока
<div class="container"> <div class="content"> <div class="menu_2"> <ul> <li><a href=""><img src="img/home.png">Главная</a></li> <li><a href=""><img src="img/stat.png">Рукописи</a></li> <li><a href=""><img src="img/phone.png">Контакты</a></li> <li><a href=""><img src="img/lamp.png">Разработки</a></li> <li><a href=""><img src="img/music.png">Любимая музыка</a></li> </ul> </div> <div class="info"> <p>Главная - Портфолио, Вид новостей</p> </div> &l…
0 votes2 answers