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
-
Вертикальное меню
<div class="left-navigation"><ul><li> <a href="holod.php" title="Ремонт холодильников">Ремонт холодильников</a></li><li> <a href="stiral.php" title="Ремонт стиральных машин">Ремонт стиральных машин</a></li><li> <a href="posuda.php" title="Ремонт посудомоечных машин">Ремонт посудомоечных машин</a></li><li> <a href="vodonagr.php" title="Ремонт водонагревателей">Ремонт водонагревателей</a></li><li> <a href="plita.php" title="Ремонт электроплит">Ремонт электроплит</a></li><li> <a href="panel.php" title="Ремонт варочных панелей">Ремон…
0 votes5 answers -
Конфликт bootstrap.css с другими файлами css
Добрый вечер. Подключил с сайту jQuery File Upload. Плагин использует bootstrap v3.2.0. После этого перестали работать стили других плагинов, которые были подключены ранее. Как можно подключить bootstrap только для одного выбранного блока, например #fileupload? Чтобы эти стили более ни на что не влияли. Как должно быть http://test.roganov.info/photo1/ Вот так после подключения bootstrap http://test.roganov.info/photo/ Заранее благодарю откликнувшихся.
0 votes0 answers -
Как сделать вот такой слайдер?
Вот так должен выглядеть слайдер: Видно, что слайды по бокам прячутся почти на половину ширины. У меня помещаются только 4 блока а другие 2 выпадают http://codepen.io/anon/pen/PwXZGG 1) Как сделать так, чтобы было как на картинке? 2) Как сделать чтобы товары двигались друг за другом при нажатии на кнопки "LEFT", "RIGHT" в соответствующие стороны?
0 votes2 answers -
Две формы на одной странице
Здравствуйте. Помогите с советом, сам не знаю как сделать. На странице есть форма обратной связи методом post. Код формы: <form name="sentMessage" id="contactForm" novalidate> <div class="row"> <div class="col-md-6"> <div class="form-group"> <input type="text" class="form-control" placeholder="Представьтесь..." id="name" required data-validation-required-message="Пожалуйста напишете своё имя."> <p class="help-block text-danger"></p> </div> <div class="form-group"> <input type="email" class="form-control" placeholder="Ваш Email...…
0 votes15 answers -
Проблема с таблицей
Проблема с таблицей. Изначальный код такой: [hide] <table> <tr id="str"> <td width="7mm"></td> <td width="10mm"></td> <td width="23mm"></td> <td width="15mm"></td> <td width="10mm"></td> <td rowspan="3" colspan="7" width="125mm">14-НБ-НД3</td> </tr> <tr id="str"> <td width="7mm"></td> <td width="10mm"></td> <td width="23mm"></td> <td width="15mm"></td> <td width="10mm"></td> </tr> <tr id="str"> <td width="7mm"></td> <td width="10mm"></td> <td width="23mm"></td&…
0 votes2 answers -
проблемы с позиционированием
Есть макет вот такой вот шапки http://prntscr.com/6iqvhe Проблема в красной плашке, как бы выступающей за пределы блока. Подскажите как это можно реализовать.
0 votes2 answers -
show block cookies link jquery
Мне нужно сделать так, чтобы при открывании ссылки с определённым тегом в конце автоматически открывался блок на сайте без php То есть что то похожее на jquery tabs где при открытии вкладки в конце ссылки в адресной строке добавляется "/#tabs1" или "/#tabs3" смотря на какую вкладку нажать.. И если эту ссылку "передать" другому то тот откроет сайт сразу с нужной вкладкой, но мне нужно чтобы просто открывался определённый блок на сайте Я так понимаю это делается через cookies, а с cookies я абсолютно не знаком Юзав поиск я не нашёл что либо похожее или просто я не знаю как это назвать) Такшто прошу когонить написать что нибудь на эту тему если это вообще реализуемо или …
0 votes2 answers -
Что за эффект?
Всем привет! Подскажите, как можно сделать такой вот эффект: http://joxi.ru/n2YY0kKcwb5526- левая картинка без ховера, правая с ховером. Может, кто делал подобное, кажется, что не трудно, но нормальных идей нет=( Заранее, спасибо!
0 votes3 answers -
Неправильное отображение кнопки в Firefox
Доброго времени суток. Кнопка в firefox почти в два раза больше, чем нужно, хотя через инспектор смотрю - все пиксель в пиксель. Не могу понять в чем проблема, помогите пожалуйста)
0 votes5 answers -
Форма отправки обманывает
Здравствуйте. На сайте http://www.conturo.net/есть форма отправки при нажатии на Hire me. При заполнении пишет, что отправило. На локальном сервере так же. Письма не приходят. Протестировала пару форм с модали - то же самое. Просто формы работают и отправляют. В чём может быть проблема, не подскажете?
0 votes8 answers -
Как изменить стрелки в форме <input type="number">
Подскажите, пожалуйста, как сделать так, чтобы стрелки в теге <input type="number"> были другие, но при этом также работали? по умолчанию они выводятся стандартные
0 votes6 answers -
Позиционирование меню
Добрый вечер. Буду благодарен тому кто поможет, сместить меню из верхнего положения шапки в нижнее. Спасибо! http://jsfiddle.net/y8cmbg32/
0 votes2 answers -
Как сделать выпадающее меню при нажатии (не при наведении)
Как сделать выпадающее меню при нажатии, а не при наведении? То есть, вот пример, меню: http://cssor.ru/examples/cssmenu/cssmenu.htm здесь меню выпадает при наведении. А мне нужно, чтобы нажав на пункт меню отобразились подпункты и так и оставались.При наведении не надо. Ставила свойство active, но оно при нажатии появляется и тут же исчезает.
0 votes9 answers -
Не могу обуздать z-index
Здравствуйте!Подскажите пожалуйста. Попробовал наложить форму подписки от Jastclick (форму сделал полупрозрачной) на рисунок. Все получилось, но есть засада... Рисунок я могу двигать вверх-низ, вправо-влево, а форму подписки могу только двигать вправо-влево, а вверх-вниз не хочет! В чем может быть проблема? Подскажите пожалуйста. Проделываю это на своем блоге: free-pc.ru, там пока прежнюю форму оставил. Код прилагаю: <!-- Стиль вывода формы подписки JastClick (работа со слоями) --> <style>#layer1, #layer2, #layer3 {position: relative; /* Относительное позиционирование */} #layer2{top: -220px; /* Сдвигаем рисунок вверх */left: 90px; /* Сдвигаем рисунок вправо …
0 votes10 answers -
Чередование фона
Добрый день, подскажите пожалуйста, как правильно в css написать, чтобы 1 строка черная, 2я белая, 3 черная, 4 белая и т.д. Вот код <label class="jbprice-row jbprice-row-0"> <label class="jbprice-row jbprice-row-1"> <label class="jbprice-row jbprice-row-2"> <label class="jbprice-row jbprice-row-3">
0 votes6 answers -
Оцените мою верстку
Всем привет. Оцените пожалуйста мою верстку http://verstka-primer.esy.es/Zonya/. Первый раз использовал препроцессор less поэтому сильно не ругайтесь. Макет не такой уж сложный, но все равно хотелось бы чтобы люди опытные посмотрели и по критиковали. Скажите пожалуйста может есть какие то элементы которые было бы правильнее сверстать другим образом. Заранее спасибо !
0 votes14 answers -
Сделать высоту родителя canvas == высоте canvas
День добрый всем. Необходимо, что бы родительский элемент, содержащий канвас, был равен размеру канваса - что бы родитель-контейнер никак себя не проявлял себя визуально. На первый взгляд ничего сложного:<div style="margin:0; padding:0"> <canvas style="margin:0; padding:0" width="18px" height="18px"></canvas></div> Доктайп: <!DOCTYPE html> Но - не работает Высота элемента, обрамляющего канвас, больше на 2px сверху и снизу. Тоесть, в сумме, по высоте он больше на 4px, чем содержимый канвас.При том, данное поведение сохраняется и для ячейки таблицы. Что я упускаю из виду?Возможно ли сделать родителя канваса строго совпадающим по размерам с…
0 votes2 answers -
Аудио комментарий к фотографии
? Каким образом записать такую последовательность: 1)Выбрав в галереи фотографию кликнуть по ней. 2)Фотография увеличивается с центрирование в середине экрана (необходимы именно два фото : миниатюра и большое фото) 3)К выбранному фото начинает звучать соответствующий аудио комментарий (с возможностью преждевременной остановки проигрывания). Необходим наиболее элегантный способ.
0 votes1 answer -
Подозрительный отступ внизу
Я столкнулся со странной проблемой. У меня двухколоночный сайт, тобишь колонки держатся на float: left; и чистка в конце второй колонки. Сперва проблему я увидел когда я делал во втором блоке блоки, которые мне нужно было разместить в 2 ряда, я делал это с помощью того же float: left, но так как я был вынужден чистить после каждой второй картинки я решил забросить это дело. Я перешел на абсолютные значения(хотя это и глупо ибо есть варианты получше, я знаю). Отступ внизу страницы так и не пропал. Отступ размером около 20-ти пикселей стабильно там находится... Я его смог убрать только одним способом: изменил высоту блока контента насильно через код до 639пк и отступ проп…
0 votes1 answer -
Padding уходит за границы экрана
Господа, помогите пожалуйста решить проблему в верстке: Получается так, что из-за этого позиционирование по центру идет некорректно, думаю по фразе "Бла Бла..." это видно, подскажите пожалуйста, из-за чего так или хотя бы в какую сторону капать?
0 votes4 answers -
Пример верстки логотипа
Здравствуйте. Давно не брал я в руки шашек Посоветуйте, пожалуйста примером, как правильно и лаконично сверстать то, что видно на картинке: Строка красным будет картинка, а коричневым - должна быть текстом, который центрируется относительно картинки плюс поле ссылки должно занимать всю картинку и весь текст. Либо быть может вы посоветуете, какие стили либо даже изменения структуры нужны прямо на боевом примере.
0 votes8 answers -
display: inline с padding на следующей строке
Здравствуйте! Необходимо залить фон текста по его ширине каждой отдельной строки. То есть, есть у меня заголовок в блоке, который не влезает по ширине, часть заголовка переносится на следующую строку. Но необходимо, чтобы заливка была только по ширине текста а не по ширине всего блока, по типу выделения текста курсора. Как это сделать я разобрался - display: inline. Только есть одна проблема - padding. Он установлен слева и справа, вот только вторая и последующие строки его не имеют, так как это единая строка и отступ будет только вначале и в конце. Можно как-то сделать, чтобы отступ был и на следующих строках. Понять сложно, поэтому прилагаю иллюстрацию
0 votes11 answers -
Вопрос по подгрузке SVG для Snap.svg
Есть страница с несколькими SVG под сотню килобайт, с ними надо производить манипуляции через Snap.svg. Страница сама по себе и так жирная по объёму, поэтому хотелось бы SVG-файлы подгружать по какому-то событию, а уже только потом вставлять их на страницу и что-то делать. Есть ли в данном случае какой-нибудь вариант подгрузки кроме AJAX? Можно было бы через pxloader грузить файлы и вставлять в img, но тогда snap.svg работать не будет.
0 votes1 answer -
Поле добавление файла
Как я понял, невозможно с помощью стилей управлять отображением поля <input type="file">. Есть ли возможность, например, сделать ссылку работающую как поле данного типа? Иначе, оно занимает слишком много места.
0 votes3 answers -
Проблема с верстку в мозиле
Добрый день. Встал в ступор. Есть сайт avtoavm.ru. Во всех браузерах все отлично, кроме Mozila. Беда вот в чем: 1. Слева есть каталог товаров. Везде он раскрывается, в лисе - нет. 2. Справа есть кнопка входа. Везде есть popup, в лисе- нет. 3. Также есть поиск (select). Везде есть, в лисе - нет. Подскажите, почему так? В чем может быть беда? Спасибо большое!
0 votes1 answer