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
-
Сворачивание меню в Bootstrap
Использую Bootstrap. Подскажите пожалуйста, как сделать так, чтобы когда на маленьком экране меню исчезает и появляется кнопка меню, блок "order-now" оставался бы на своём месте (т.е. слева от кнопки меню)? <header id="header" class="site-header clearfix header main-header" role="banner"><div class="navbar navbar-default navbar-fixed-top" role="navigation"> <div class="container-fluid"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span cla…
0 votes0 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 -
Сайдбар залезает на хэдр
Всем привет! Пишу по примеру данного видео. Время 18:48 но у меня возникла проблема. Код в целом идентичен видеозаписи, но по непонятной для меня причине сайдбар залез на хедер. С чем это может быть связано? <!DOCTYPE html><html><head><title> Promo3D</title><meta charset="utf-8"><link href="css/main.css" rel="stylesheet" type="text/css"></head><body><div id="page_align" class="b3radius"><div id="header"><!--<div id="header_nav"><ul><li><a href="#">Главная</a></li><li><a href="#">Новости</a></li><li><a href="#">Статьи</a>&l…
0 votes3 answers -
Как прижать футер к низу при наличии абсолютного блока
Здравствуйте. У меня вопрос: как прижать футер к низу, если есть абсолютный блок? Или я что-то пропустила, или уже не могу искать. Всегда пользовалась таким способом. Но без абсолютного блока. Если что, вёрстка тут. Спасибо, всем хороших футеров.
0 votes3 answers -
Вопрос по иерархии тегов
Добрый день. Подскажите пожалуйста мануал по иерархии тегов. Т.е. например я в div вкладываю span и к нему приминяются стили div. А если вкладываю p, то стили уже не применяются. Периодически сталкиваюсь с подобной ситуацией. Сейчас пробую методом тыка. Но хочу разобраться и разложить по полочкам что к чему.
0 votes2 answers -
Блок подлазит под фиксированную шапку
Доброго дня прошу помощи в решении такой проблемы имеется одностраничный лендинг http://frontpage.by первый блок зафиксировал position:fixed; меню навигационное только по странице, пример пути href="#box2" так вот беда такая, что при клике на меню вызываемый блок подлазит под шапку и перекрывается часть заголовка padding-top к каждому блоку вроде решить можно, но вся страница тогда смотрится с большими просветами между блоками. помогите, если кто знает
0 votes1 answer -
Переопределение стилей 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 -
Несколько всплывающих форм
Здравствуйте уважаемые форумчане! На сайте есть несколько товаров при клике на каждый появляется всплывающая форма (два поля - телефон и имя) , подскажите, пожалуйста, как сделать так чтоб оператору сайта передавались все представленные выше поля, а так же название товара, который заказал пользователь. Плюс эта же информация должна дублироваться на почту заказчика?
0 votes3 answers -
Нужна помощь по верстке
Здравствуйте все. Пишу в этот раздел, потому что в "сделайте мне бесплатно" не пускает писать. У меня полный "затык" с версткой сайта по макету и скорей всего путаница в div'ах. Очень хотелось бы найти человека, кто мог бы мне помочь с этой версткой (созвониться по скайпу (объяснить проблемы), использовать удаленку если нужно). Я сделала все что могла с этим сайтом.
0 votes16 answers -
Модальные окна. Один скрипт и 6 блоков
Всем привет Коллеги помогите разобраться с выводом модальных окон Вот страница: http://azharova.ru/test/ee.html# При нажатии на Ежика должно выходить одно модальное окно. У меня 6 ежей и каждый со своим окном, как мне настроить этот вывод вот код скрипа, который я использую $(function() { $( ".dialog" ).dialog({ autoOpen: false, show: { effect: "blind", duration: 1000 }, hide: { effect: "explode", duration: 1000 } }); $( ".opener" ).click(function() { $( ".dialog" ).dialog( "open" ); }); });Что я не правильно…
0 votes3 answers -
Зависимость контента от изображения
Контент всегда зависит от внутри написанного текста по высоте, но когда вставляю картинку контент как был 10px так и остался. Как сделать, чтобы контент изменялся в зависимости от вставленного изображения? Код: http://jsfiddle.net/em1Lhnhr/2/ Заранее спасибо!
0 votes6 answers -
Создание адаптивной галереи
Добрый день, подскажите пжлст, как сделать Чтобы фотографии подстраивались друг под друга и занимали все свободное пространство http://www.armani.com/ru/armanijunior
0 votes0 answers -
Почему не работает handheld для определения смартфонов?
Есть способ отобрать именно мобильные устройства - телефоны, смартфоны, планшеты?
0 votes0 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 -
Эффект при наведении на img
Здравствуйте! Подскажите пожалуйса как сделать: Должно быть 3 блока, ширина 300px, а высота 100%. В них расположены ссылки, а в ссылках изображения разной высоты и ширины. <a>img...</a> Задача, нужно чтобы при наведении на изображения, появлялся заданый текст.
0 votes2 answers -
Блок с социальными сетями
Друзья! Как можно реализовать такой блок с социальными сетями? Можно посмотреть его на сайте по адресу: http://www.elle.ru/ , справа в середине страницы.
0 votes3 answers -
Картинка после пунктов меню.
Привет. Есть горизонтальное меню. Как после каждого пункта меню вывести точки, как тут: Если кому нужна картинка точек.
0 votes3 answers -
Простите, но формы отправки
Здравствуйте. У меня получилось подключить эту прекрасную форму отправки, пример тут. Она предполагает использование нескольких идентичных форм на странице. Но почему-то не работают они на сайте. Всё, что конфликтовало. я поправила. Из, например, 3-х одинаковых отправляет только первая. Откройте секрет - как поставить на сайт несколько идентичных форм отправки, чтобы каждая отправляла запрос пользователя на почту? Спасибо, не ругайтесь.
0 votes6 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 -
Вопрос по input
здравствуйте у меня такая проблема на данный момент имеется Расстояние от МКАД.<br/><input type="range" value="0" name="mkad" id="mkad" min="0" max="150" onchange="mkadV.value=value" step="5"/><output id="mkadV">0</output> КМ</span></li>нужно изменить чтоб вывод был в теге input type="text" и если вводишь данные в один из инпудов в другом данные тоже менялись спасибо
0 votes0 answers -
Как сделать такой маркер
как на живой карте яндекс сделать вот это http://hostingkartinok.com/show-image.php?id=05accae046b4a7882ec96f978b818b37 ?
0 votes1 answer -
зацикливание анимации css
Добрый день! Подскажите как зациклить анимацию кнопки, пока что анимация работает только после клика, а мне нужно чтобы она работала всегда с перерывом в 1 секунду. код такой <!DOCTYPE html><html lang="en" class="no-js"><head><meta charset="UTF-8" /><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Creative Button Styles </title><meta name="description" content="Creative Button Styles - Modern and subtle styles & effects for buttons" /><meta name="keywords" content="button styles, css3, modern, flat button, subtle, effect…
0 votes2 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 -
Рамка вокруг активного пункта меню + подменю
Добрый день. Подскажите пожалуйста как сделать такую рамку: Сейчас если навожу на услуги просто всплывает подменю.
0 votes7 answers