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
-
jQuery отмена события после fired
На этой странице кнопка теряет тень при нажатии http://codepen.io/462960/pen/avqjoe Сразу после чего должна вернуться в исходное состояние. Пробовал 2 варианта. Оба завязаны на .one() Отмены нет, прошу знатоков подсказать.
0 votes13 answers -
Проблемы с резиновой версткой.
Здравствуйте форумчане. Это моя вторая верстка, была сделана больше недели назад, но на другом форуме не помогают, надеюсь здесь помогут. Вот что я сделал http://primer-primer.esy.es/Вот шаблон: https://yadi.sk/d/eoBIgxqejmdDB Как сделать маску для верхней картинки, что бы она сжималась и увеличивалась так как положено? (пробовал разными способами, но у меня криво выходит) Почему в div class=fact-one, текст и фотография в одном section, хоть я их ставил в разные? (пробовал float делать, не помогло, не пойму что я упускаю то)
0 votes9 answers -
Помогите пожалуйста с респонсив версткой!
Доброго времени суток, друзья! Озадачился я версткой макета. В псдшниках несколько файлов (как должна выглядеть страница при различных разрешениях экрана). В общем, хочу вынести на ваш суд результаты своей работы http://zehlik.pe.hu/. Так же хочу задать несколько вопросов: 1. У меня проблема с версткой меню навигации, особенно когда ширина экрана становится меньше 768px меню должно сползти под логотип, но с этим какие-то проблемы (в медиа прописываю флоат, но оно не работает). Короче говоря, оцените пожалуйста правильность написания самого меню, может именно тут что-то не так. 2. Так же, при разрешении ниже 480 все меню должно сворачиваться в дропдаун под кнопку. Как …
0 votes4 answers -
Не отображается выезжающее меню
Черновик верстки. При разрешении меньше 768, меню трансформируется в боковое выезжающее, но на мобильниках не отображается, хотя в браузере работает, я так понимаю, это потому что само меню, находится в блоке #container, то есть не меняя html ничего сделать нельзя? http://verino.alldesign.org.ua/menu/
0 votes6 answers -
baron scroll sidebar в Фарфоксе отображается свой скролл
Доброго дня. http://codepen.io/npofopr/pen/xwWqWX как побороть скролл в ФФ для baron, под виндой, видимо? где то видимо overflow: hidden; не хватает, но найти не могу где. Оно или скроллить перестаёт или 2 скролла. Потому что в примерах всё работает.... Может пользовался кто нибудь baron?
0 votes6 answers -
скопировать hover-эффект
не сочтите за рекламу. но мне вот с этой странички хотелось бы скопировать hover-эффект для этого блока . помогите пожалуйста проблема в том, что firebug не видит кода для hover-эффекта. пробовал разные браузеры
0 votes5 answers -
Проблема: смещение на 1px background в Хроме и Мозила
Здравствуйте уже ни раз сталкиваюсь с подобной проблемой и вот наконец то решил обратиться за помощью Суть проблемы: Подопытный сайт: http://www.retro.ontuning.ru/ Так же прикладываю картинки для наглядности. В левом садбаре имеется табличка, а за ней находится труба, эту трубу я реализовал следующим образом: вырезал кусок трубы размером 12рх на 12рх, после чего добавил в сайтбар свойством background, определил позицию трубы свойством background-position и растянул в длину, чтобы она состыковывалась с фоном в шапке и с фоном в подвале. Таким образом, я добился, чтобы труба тянулась при наличии контента. В мозили все отображается хорошо, так как нужно, а вот в хроме, …
0 votes13 answers -
Дальнейшее изучение
Всем привет. Верстаю сайты, но хочу развиваться дальше и углубленно в этой сфере. Начал изучать js. Но еще очень много чего нужно изучать, поэтому вопрос - как лучше всего построить свое обучение, чтобы это было как можно более эффективно, и чтобы за "короткий срок" можно было поднять так сказать свой скилл ?
0 votes14 answers -
Кто должен делать адаптивность?
Вопрос на засыпку тем, кто работает в веб-студиях. Кто у вас делает макеты под планшеты/телефоны - дизайнер или верстальщик? Знаю, что есть разные мнения. Кто-то говорит, что это должен проектировать дизайнер. Кто-то, что достаточно версии для десктопа, а остальное и так понятно, и рисовать это ненужно, мол пользуясь тем же бутстрапом - там все элементы уже сделаны. Какого ваше мнение?
0 votes12 answers -
еще один нубский вопрос про списки и маркеры
дайте пожалуйста совет как центрировать заголовок, список с маркерами и нижний заголовок http://savepic.su/6283778.jpg
0 votes17 answers -
HTML5 audio, как подать несколько источников?
У меня на странице 12 проигрывателей HTML5 audio с ссылками на аудиопотоки! Есть ли способ подавать одному проигрывателю разные ссылки по кликам с кнопок??? Чтобы не громоздить кучу медиаплееров а использовать один?!
0 votes0 answers -
Разное отображение при одинаковом разрешении
Сайт http://burzhuy.org/deal/. Использую фреймворк bootstrap Имеется проблема с текстом в облачке "Мой собственный капитал...". На ipad текст отображается правильно, то есть не вылезает за границы облачка, но при таком же разрешении(1024х768) на компьютере текст отображается криво. В css я использую @media, а именно для разрешения 1024х768 этот код @media (min-width: 1000px) { .cloud { padding: 12% 54% 8% 8%; } .cloud p { font-size: 15px; } .cloud span { font-size: 19px; } .cloud2 { /*"Deal with it вот что по настоящем круто!"*/ padding-left: 20%; } .cloud2 h1 { font-size: 33px; } .cloud3 { /*"Круто!"*/ padding-right: 29%; } .cloud3 h2 { …
0 votes1 answer -
нубский вопрос про передвижение списков и маркеров
В общем, двигаю списки а маркеры остаются на месте, посоветуйте чего, товарищи http://savepic.su/6231777.jpg http://savepic.su/6269664.jpg
0 votes2 answers -
красивое оформление страницы
Здравствуйте ! Решила потренироваться и сделать себе красивую страницу. Идея у меня очень простая: 1. в папке на сайте есть два файла с картинками 2. хочу выводить рамочку в которой отображается картинка по центру экрана и внизу под картинкой пишется надпись. 3. все должно быть красиво, стильно и радовать глаз Вот что у меня получилось: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style> img { border-radius: 5px; } .fig { display: block; /* Блочный элемент (для старых браузеров) */ t…
0 votes6 answers -
Блочная верстка: div в div'е и бэкграунд
Добрый день! Прошу помощи! Блочная версткаю Есть основной div и в нем, традиционно, еще 2 - сайдбар и зона контента. Не пойму, как сделать фон основного дива, что бы он был фоном и для вложенных в него??? <div id="content_wrapper"> <div id="sidebar"></div> <div id="main"></div> </div> Задаю фон для #content_wrapper. Хочу, что бы он был фоном и уже сверху него выводилось содержимое #sidebar и #main. Но не получается.... #content_wrapper {width:1000px; min-width:1000px;height: 100%; min-height: 100%;margin:0 auto; background: #fff;} #sidebar {width: 20%; float: left;} #main {width: 80%; float: right;} Как это сделать? Зара…
0 votes3 answers -
Размеры элементов в пикселах с процентами при подключении шрифта
На сайте подключен Open Sans и из-за этого элементы, которым не указана ширина, получаются в пикселах с процентами. Например кнопки: Из-за этого возникает проблема, когда я хочу добавить псевдоэлемент внутри во всю ширину этой кнопки (нужен для эффекта), справа от него получается зазор, где виден фон, несмотря на то, что указано right: 0: Это можно, как-то исправить без явного указания размеров?
0 votes4 answers -
проблема с z-index.
Вообще я в верстки начинающий и учусь по средствам проб и ошибок. В общем хочу сделать картинку (вызываемая через php) и поверх 2 картинки (через css). Собственно код php: <?php if($current_options['service_image_one']) { ?><div class="service-box_1"><div class="service-box"> <img class="img-responsive service-box-image" alt="Sleek & Beautiful" src="<?php echo esc_url($current_options['service_image_one']); ?>"></div></div><?php } ?> Тут идет прикрепление фоновой картинки через CMS и оно работает. Я лишь добавил <div class="service-box_1"> как родительскую и в css прикрепил к ней 2 картинки. Хочу что бы они были …
0 votes3 answers -
Помогите новичку, только начинаю изучать азы верстки.
Здравствуйте! Изучаю html и css еще буквально неделю и уже впал в кататонический ступор на одном из проверочных заданий учебного материала. Так как старших товарищей, хоть как то знакомых с версткой у меня нет, прошу помощи у Вас. В общем дело такое: Дан html код и css правила без селекторов, задача правильно расставить селекторы и дописать пару правил. https://jsfiddle.net/dfn3gnw7/ Результат должен быть таким: Несколько селекторов мне удалось расставить, но дальше... Надеюсь на Вашу помощь и понимание. С уважением Александр.
0 votes1 answer -
overflow-y работает, как обычный overflow
Здравствуйте! overflow-y работает, как обычный overflow - скрывает содержимое по обеим осям. То есть мне нужно скрыть содержимое по вертикали и показать по горизонтали: overflow-y: hidden;overflow-x: visible;Есть какой-то способ?
0 votes7 answers -
3-x уровневое меню сайта
Нужно сделать точную копию меню сайта ******* Тли я что то не так делаю, то ли еще что то, но просто копирование исходного кода страницs и css не помагает,так работает только 2-х уровневая менюшка, а нужна 3-х Помогите сделать, в css не шарю, только чистый html
0 votes1 answer -
Футер и скролл сециями
Есть страница сделанная на Scrollify (https://github.com/lukehaas/Scrollify), которая скроллится секциями 100% высоты, как здесь http://projects.lukehaas.me/scrollify/#home. Все хорошо, но нужно добавить футер, фиксированной высоты меньше высоты экрана: И тут возникает проблема, как заставить Scrollify не возвращать на последнюю секцию, когда нужно прокрутить к футеру? http://jsfiddle.net/kvw0eom6/
0 votes1 answer -
<!DOCTYPE html> портит верстку в IE7
Здравствуйте! Делаю страницу для использования в IE7 и столкнулся с проблемой. В странице используется текстовый редактор с подсветкой кода CodeMirror. В IE7 редактор отображается некорректно, если не использовать доктайп (в редакторе появляются неактивные полосы прокрутки, а при наборе текста страница сама прокручивается). Увидел, что в демо-страничках из дистрибутива CodeMirror используется <!DOCTYPE html>. При установке <!DOCTYPE html>, на моей странице перестают корректно отображаться многие стили (отступы и всё с этим связанное, установка цвета фона контейнеров и пр.), причем только в IE7. При этом, редактор начинате работать как полагается В нормальн…
0 votes4 answers -
Помощь в вёрстке "Шапки"
Добрый вечер, уважаемые форумчане. Помогите, пожалуйста, новичку. Столкнулся с необычной на мой взгляд шапкой сайта и возникли трудности сверстать её. Буду рад советам с пошаговыми инструкциями как это будет лучше сделать в стиле: задаешь фон, размещаешь логотип и т.д или просто дельным советам. А также как избежать проблем со следующим блоком, где размещена картинка, чтобы она не прижималась к правому краю логотипа, а её можно было выровнять в центре? А ещё, как вы можете видеть, на картинке есть линии, на концах которых будут расположены ссылки, как их лучше всего добавить и разместить поверх рисунка?
0 votes11 answers -
Блок поверх строки таблицы
Народ привет всем! Есть задача сделать на ховер строки таблицы, или по клику (не важно), чтоб появлялся блок поверх этой строки, на ее высоту и ширину. Помогите плз идеями, ниче в голову не приходит. http://jsbin.com/hafihigija/edit?html,css,output
0 votes4 answers -
Подскажите, как исправить меню
Здравствуйте, не могу понять, как исправить вертикальное раскрывающееся css-меню. Проблема в том, что при наведении на пункт, имеющий подпункты, субменю не просто вылезает справа, но и тащит за собой правую сторону обводки всего блока + раздвигает пространство между первым и вторым пунктами. Прилагаю скриншоты до и после наведения мыши. Код CSS #blocks {display: table-cell; width: 20%; background-color: #e9e9e9;-webkit-box-shadow: 2px 3px 4px 0px rgba(50, 50, 50, 0.75);-moz-box-shadow: 2px 3px 4px 0px rgba(50, 50, 50, 0.75);box-shadow: 2px 3px 4px 0px rgba(50, 50, 50, 0.75);outline: 3px solid #8c3200;} .block-top {min-height: 44px; height: auto; width: auto;b…
0 votes14 answers