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
-
Отступы снизу от картинки
Здравствуйте участники форума, помогите с такой проблемой после вставки изображения снизу от него появляется отступ в чем проблема понять не могу, раньше с таким не сталкивался далее прилагаю код. <!doctype html><html> <head> <meta charset = "utf-8" /> <link rel = "stylesheet" type = "text/css" href = "style.css" /> <title> BUKET SECOND </title> </head> <body> <div class = "header"> <img src = "img/portfolio-img1.jpg" alt = "" /> </div> </body></html>*{margin: 0 ;padding: 0 ;}.header{background: #00ff00 ;}
0 votes3 answers -
Как сделать лучше ?
http://pixs.ru/showimage/notifypsdt_9728036_16130652.jpg Как сделать лучше этот блок ? Просто в html изображение вставить ? или может спрайтами через css
0 votes9 answers -
selectable jquery
Всем привет, мне нужна помощь с функцией jquery - selectable http://jsfiddle.net/dpaj546q/ необходимо сделать так чтобы при выделении элемента вместе с ним выделялся checkbox а также при снятии галочки checkbox снималось и выделение
0 votes7 answers -
Фото (слайдер) под размер фона - экрана телевизора.
Есть фото для фона (http://zagruzitfoto.com/images/2015/03/04/4ZP0a.jpg). Есть остальные фото, стандартные, так сказать 10*15, которые перещелкиваются (слайдер). Вот есть необходимость, чтобы фотки были подогнаны под размеры экрана телевизора (http://zagruzitfoto.com/images/2015/03/04/4ZP0a.jpg) с закругленными краями, как сам экран. Подскажите как это можно сделать!
0 votes3 answers -
смещение картинок
Есть блок такого типа: делаю так: http://jsfiddle.net/Lola89/rkrhphzm/1/ в браузере отображается вот это: Подскажите что необходимо переделать? Спасибо!
0 votes3 answers -
focus и форма или блок комментария как в вк.
Здравствуйте! Не могу понять как отловить момент потери фокуса textarea и формы в которой она находится, принцип как и в поле вк при добавлении комментария. Нажимаен на поле - открывается форма со всем не обходимым, кликаем вокрук формы не исчезает, кликнули за пределом формы, свернулась. http://jsfiddle.net/Vicos/sn0ezcf7/здесь зачатки скрипта. Перепробовал уже многое, именно этот момент не удалось. В консоли выводится 1 когда получаем фокус. 0 при потере фокуса, 2 когда поле не пустое.
0 votes2 answers -
Чат
Кто знает как сделать этот чат? Вот ссылка:http://smartech.by/. Справа блок синий "Оставьте сообщение". Как сделать такой-же блок? Мне можно даже просто скелет, без дизайна. Буду очень, очень благодарен.
0 votes19 answers -
Вывод с другой страницы
Добрый день. Возможно ли на своей html-странице вывести текстовую информацию с div с другой странице (просто, находящейся в Интернете)? Спасибо.
0 votes5 answers -
regexp для номера телефона
посоветуйте пожалуйста регулярное выраженеи для номера телефона. в интернетах их валом, но нет того которое мне нужно. мне нужно чтобы номер мог состоять из цифр, тире, проблема, круглых скобок. если важно, то я использую плагин jqueryvalidate. вот одна из моих попыток: phone_new: { "required": true, "pattern": /[-0-9\(\)]*/ }
0 votes2 answers -
макет
приветствую,народ я начинающий подскажите как сверстать текст,что бы он так же отображался как в макете(с переносами с отступами и т..д.)
0 votes18 answers -
Разные стили для разных списков
Привет всем. Помогите советом новечку. Имеется: Один html документ (index). В нем 3 меню: одно горизонтальное, под шапкой. Два других, вертикальные, ниже, прижаты справа и слева, по бокам основного контента. Вот меню которые по бокам описаны в css одинаково, разные только ссылки в них. А меню горизонтальное, должно иметь другой вид и другое поведение при наведении и т.д. Подскажите, как в одном css документе описать разные правила для разных списков меню.
0 votes1 answer -
Как сделать такой маркер
как на живой карте яндекс сделать вот это http://hostingkartinok.com/show-image.php?id=05accae046b4a7882ec96f978b818b37 ?
0 votes1 answer -
Простите, но формы отправки
Здравствуйте. У меня получилось подключить эту прекрасную форму отправки, пример тут. Она предполагает использование нескольких идентичных форм на странице. Но почему-то не работают они на сайте. Всё, что конфликтовало. я поправила. Из, например, 3-х одинаковых отправляет только первая. Откройте секрет - как поставить на сайт несколько идентичных форм отправки, чтобы каждая отправляла запрос пользователя на почту? Спасибо, не ругайтесь.
0 votes6 answers -
Картинка после пунктов меню.
Привет. Есть горизонтальное меню. Как после каждого пункта меню вывести точки, как тут: Если кому нужна картинка точек.
0 votes3 answers -
3 виджета в один ряд
Добрый день! Как можно разместить 3 социальных плагина (вк, фб, ок) в один ряд? Размещаю, получаются все 3 друг над другом... ОК: <script type=»text/javascript»>OK.CONNECT.insertGroupWidget(«widget», 56929434533942, ‘{width: «317″, height: «350″}’);</script>ФБ: <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/ru_RU/sdk.js#xfbml=1&version=v2.0"; fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));</script><div class="fb-like-box" data-colorscheme="light" data-header="true" data-height=…
0 votes3 answers -
Блок с социальными сетями
Друзья! Как можно реализовать такой блок с социальными сетями? Можно посмотреть его на сайте по адресу: http://www.elle.ru/ , справа в середине страницы.
0 votes3 answers -
Эффект при наведении на img
Здравствуйте! Подскажите пожалуйса как сделать: Должно быть 3 блока, ширина 300px, а высота 100%. В них расположены ссылки, а в ссылках изображения разной высоты и ширины. <a>img...</a> Задача, нужно чтобы при наведении на изображения, появлялся заданый текст.
0 votes2 answers -
Возможно ли обойтись без скрипта?
Есть сайт. Под меню Расширенный поиск. Задача состоит в том, чтобы у каждого 4 блока со свойствами товара (пол, бренд, возраст, ...) обнулить margin. Я написала такое правило, но оно не работает как надо: .search_gW .widget-meta-data-filter .mdf_input_container:not(.mdf_section_tax_product_cat):nth-of-type(4n){ margin-right:0 !important;}Это правило некорректное? Возможно ли это сделать без js?
0 votes6 answers -
Зависимость контента от изображения
Контент всегда зависит от внутри написанного текста по высоте, но когда вставляю картинку контент как был 10px так и остался. Как сделать, чтобы контент изменялся в зависимости от вставленного изображения? Код: http://jsfiddle.net/em1Lhnhr/2/ Заранее спасибо!
0 votes6 answers -
Как объединить медиазапросы
Для отладки использовал такую схему: <link rel="stylesheet" media="screen and (orientation:portrait) and (max-width:240px)" href="{THEME}/css/style_p.css" /><link rel="stylesheet" media="screen and (orientation:landscape) and (max-width:480px)" href="{THEME}/css/style_l.css" />Как правильно объединить эти два медиазапроса в один? <link rel="stylesheet" media="screen and (((orientation:portrait) and (max-width:240px)) or ((orientation:landscape) and (max-width:480px)))" href="{THEME}/css/style_p.css" />Так правильно? Можно ли использовать вложенные выражения?
0 votes6 answers -
Почему не работает handheld для определения смартфонов?
Есть способ отобрать именно мобильные устройства - телефоны, смартфоны, планшеты?
0 votes0 answers -
Как работает адаптивность в Bootstrap?
Заинтересовался адаптивными сайтами на Bootstrap. И вот меня интересует такой вопрос: с помощью чего (каких правил CSS и т.д.) при разных размерах экранов появляются одни объекты (слои) и скрываются другие. Погуглил, но ничего дельного не нашел, мб не так гуглил. ) Меня интересует код, если кто-то подскажет буду благодарен. P.S.: На сколько я знаю все сделано без использования JS, на чистом CSS и HTML.
0 votes3 answers -
Какой выбрать движок для интернет магазина
Хочу сделать интернет магазин. Подскажите, движок, на котором можно сделать магазин зная только html и css. Смотрела готовые шаблоны для интернет магазина, но ни один из них не подходит для того магазина, который я хочу сделать.
0 votes5 answers -
Создание адаптивной галереи
Добрый день, подскажите пжлст, как сделать Чтобы фотографии подстраивались друг под друга и занимали все свободное пространство http://www.armani.com/ru/armanijunior
0 votes0 answers -
Переопределение стилей bootstrap, как правильно
Наверное вопрос покажется глупым для многих, но как в Bootstrap правильно переопределять стили? Добавляя свой новый класс: <ul class="nav nav-tabs custom-nav-tabs"> <li role="presentation" class="active"><a href="#">Home</a></li> <li role="presentation"><a href="#">Profile</a></li> <li role="presentation"><a href="#">Messages</a></li></ul>.custom nav-tabs { border-bottom: 2px solid #f00;}Или же можно сразу использовать классы bootstrap? <ul class="nav nav-tabs"> <li role="presentation" class="active"><a href="#">Home</a></li> <li role="presentation"…
0 votes1 answer
-
Обсуждения
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-