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
-
Нужно сделать вывод числа с символом $ и ~
Здравствуйте. Необходимо сделать верстку по шаблону, требуется калькулятор с расчетом примерной стоимости. Функцию сделал, она работает, вывод тоже есть. Не могу придумать как добавить к числу знак доллара и "примерно". Также есть вопрос по поводу скрытия кнопки "Calculate" и появления на ее месте этого числа и кнопки Order, как на макете. Можно ли такое осуществить? Спасибо. Сейчас это выглядит так:
0 votes13 answers -
как растянуть картинку на всю доступную ширину блока?
Добрый день,учусь верстать с псд,выбрал себе макет,и столкнулся с проблемой. http://joxi.ru/D2PKwp0HdlbGNm есть блок,внутри 3 столбца,у каждого есть заголовок. перед заголовком иконка с синим квадратом,после заголовка иконка с пунктиром. пытался сделать все это при помощи псевдоэлементов before и after. <div class="about"> <div class="row"> <div class="col-md-4 about"> <p>services</p> </div> <div class="col-md-4 about"> <p>our tearms</p> </div> <div class="col-md-4 about"> <p>27/7/365 support</p> </div> </d…
0 votes13 answers -
Навигация со скролом для мобильной версии сайта
Здравствуйте! Подскажите, пожалуйста, как реализовать такую навигацию для мобильной версии (гамбургер делать не хочется): Заранее благодарен за помощь!
0 votes13 answers -
Выравнивание в текстовом блоке: как так сделать?
Здравствуйте! Подскажите, пожалуйста, как можно выровнить телефоны по правому краю. На ум пока приходят плавающие колонки.
0 votes12 answers -
Обрезание и разворачивание текста
Добрый вечер, задача такая, в диве есть большой текст, а на странице выводятся только 4 строчки его, как сделать нашел: http://htmlbook.ru/blog/obrezaem-dlinnuyu-stro а как еще добавить к этому кнопку развернуть и по которой див будет развернут полностью, с текстом?
0 votes12 answers -
Проблема с воспроизведением дизайна в вёрстке
Приветствую всех. Я сам не так давно занялся вёрсткой и тут мне знакомы попросил помочь с созданием сайта и я в макете столкнулся с элементом, который я не представляю как реализовать в коде. Вот собственно этот элемент: Суть вот в чём - основная часть сайта содержится в главном блоке, который выделяется border'ом, а логотип должен "разрывать" border. Как это можно реализовать? Буду рад Вашей помощи
0 votes12 answers -
Как избавиться Invalid property in CSS2.1
Проверял CSS на оптимизацию, выдал вот такой список: 247 Invalid property in CSS2.1: border-radius 354 Invalid property in CSS2.1: border-radius 355 Invalid property in CSS2.1: box-shadow 363 Invalid property in CSS2.1: text-shadow 376 Invalid property in CSS2.1: border-radius 377 Invalid property in CSS2.1: box-shadow 385 Invalid property in CSS2.1: text-shadow 393 Invalid property in CSS2.1: box-shadow 399 Invalid property in CSS2.1: border-radius 400 Invalid property in CSS2.1: box-shadow 408 Invalid property in CSS2.1: text-shadow 416 Invalid property in CSS2.1: box-shadow Исходный код: 8.006 Кб, Оптимизированный код: 7.545 Кб, Коэффициент: 5.8% (-461 байт) ht…
0 votes12 answers -
подскажите что не так
Подскажите, пожалуйста, почему тут http://textdeposit.ru/podat-zayavkuв форме после кнопки Отправить столько места и при нажатии на кнопку бегунок и текст под ней странные?
0 votes12 answers -
В хроме глючит fixed блок.
Сразу покажу что есть https://jsfiddle.net/rm29u4ps/1/ НА jsfiddle всё работает как нужно, а на отдельной страничке nav залипает при скролинге, а если навожу на то место, где должна быть ссылка то он появляется. Так как картинки большие кидаю ссылками 1)Залипло 2)Навёл мышкой Может конечно глюки хрома, но это пугает.(
0 votes12 answers -
Респонсивность фона в блоке с текстом
Здравствуйте уважаемые форумчане, почти доделал проект и начал приводить его в адаптивности и понял что вёрстка блока сделана не правильно так как имеется разный текста и фиксировать высоту блока будет не правильно. В вёрстке не эксперт и надеюсь на вашу подсказку, заранее спасибо. http://jsfiddle.net/sehwhhcu/ Я понимаю что на class="static" можно задать высоту и тем самым продлить фон, но я бы хотел что бы фон растягивался с учетом текста и что бы я не указывал под каждое расширение экрана высоту блока.
0 votes12 answers -
Заполнить резиновый контент картой
Ребята доброго времени! Строго не ругайте, html далеко не мой конек, новичок прошу помощи.. Помогите пожалуйста с шаблоном, резиновый шаблон, футер прижат к низу страницы, всё работает как мне кажется хорошо. Но в центральную часть (зеленую) нужно вставить карту размером на всю зеленую область, и чтобы она тянулась при изменении размеров окна, и чтобы она не заезжала под/на правый блок и другие блоки. Как это реализовать? Блок карты не реагирует на размеры 100%, только на фиксированный размер в пикселях, а если поставить 100% то она просто исчезает. Если можно такое сделать хотя бы для Google Chrome, буду безмерно счастлив. То, с чем мучаюсь прикл…
0 votes12 answers -
Выстраивание картинок в блоке
Здравствуйте дорогие форумчане. Честно говоря сложно описать мою идею по реализации, но я надеюсь я смогу разрешить эту проблемы картинками Прошу помочь мне создать блок в котором бы картинки были наклонены. Идея такова, есть блок на сайте в котором я бы хотел реализовать такое: Всего нужно, чтобы в блоке было 4 такие картинки(короче как на картинке, только на всю ширину блока), нужно их реализовать на всю ширину блока. В каждом из этих четырех будет кнопка и текст сверху. Сам блок который называется "Каталог // наши товары" связан с бутстрапом. Ну а теперь в чем заключается моя проблема. Я не знаю как сделать такие наклонные блоки с из…
0 votes12 answers -
Стилизация select
Всем привет! Столкнулся с проблемой как стилизовать select. Никак не получается избавиться от кнопки списка, чтобы подменить ее своим элементом подходящим по стилю. На изображении видно кастомную кнопку сверху, вот ею нужно подменить дефолтную часть списка.
0 votes12 answers -
HTML CSS media запросы
Всем привет! Делаю адаптивную версиб сайта (под мобилы), возникла проблемма. Основной CSS .wrapper { border:1px solid transparent; width:1280px; height:1043px; margin:0; background-color:transparent; } .header { border:1px solid #dce5f4; width:200px; height:43px; margin-top:-1045px; margin-left:49px; float:left; } .nav_header { border:1px solid #dce5f4; width:1054px; height:43px; margin-top:-1045px; margin-left:249px; ba…
0 votes12 answers -
Как отобразить background-image за пределами блока
Здравствуйте! Есть блок шириной 390px и высотой 100px, который является ссылкой. .div { background-image: url(bg_1.png); height: 100px; width: 390px; } .div:hover { background-image: url(bg_hover.png); } <div class="div"> <a href="#">Текст</a> </div> <div class="div"> <a href="#">Текст</a> </div> Можно ли сделать так, чтобы при наведении на блок фон менялся на bg_hover.png и при этом стрелка слева картинки выходила за пределы блока??
0 votes12 answers -
Как грамотно сверстать?
Здраствуйте, подскажите пожалуйста как грамотно сверстать такой хедер/нав. можно задать фон градиентом и на место разделения вставить картинкой (выделенное пунктиром), но я думаю есть более рациональное решение, просто я начинающий и найти его не смог. Ширина заливки хедера и меню должна быть 100%, контент хедера и меню 1170px разделение на 50%.
0 votes12 answers -
Блок со скошенными краями
Здравствуйте, подскажите пути решения такой вот задачи: Скрытый текст Адаптивный дизайн, родительский блок сделал с помощью clip-path:polygon, но у внутренних блоков есть border:2px поэтому clip-path не подходит. Подскажите, как правильнее это сверстать?
1 vote12 answers -
работа кнопок с условием ЕСЛИ
Прошу прощения, но нужна Ваша помощь. возможно ли сделать условие, при котором кнопки сверху, будут работать, типа если это город, один множитель, если это межгород другой множитель. Грубо говоря: если город стоимость остается как в формуле ниже, если межгород, умножается например на 2. <div class="switch"> <input type="radio" name="tax" value="1" id="q" class="input" checked> <label for="q" class="label">Город</label> <input type="radio" name="tax" value="2" id="w" class="input"> <label for="w" class="label">Межгород</label> </div> <input type="nomber" id="a" class="input…
0 votes12 answers -
Среда разработки вэб-верстальщика
Кто чем пользуется? Какие программные инструменты используете для вэб-разработки? Что используете, чтобы облегчить себе жизнь? Поделитесь опытом. ))
0 votes11 answers -
как задать размер ПсевдоЭлементу
Добавляю псевдоэлемент - картинку h2:after{ content:url(../img/bart.png); position:relative; left:0.5vw; } Как задать этому элементу размер? Height, Width всё дело в том, что есть before и after, которые должны быть чётко по краям заголовка, оно всё правильно стоит, но только размер указать не выходит. Если сделать элемент блочным, тогда проблемно расположить его правильно. вот так это выглядит, но если приблизить, псевдоэлементы станут больше.
0 votes11 answers -
Список в две колонки
Привет! есть список он отображается криво http://jsfiddle.net/soltx/y4qdab97/ как поправить (кроссбраузерность ie9+)
0 votes11 answers -
Как передать два массива с помощью чекбокса?
Есть форма. В ней есть чекбоксы. Чтобы передать массив пишем так name="delete_entities[]" . А как сделать, чтобы передать на сервер ДВА массива? Например, delete_entities_id[], delete_entities_path[] ?
0 votes11 answers -
footer отображаеться не коректно
Всем доброго времени суток, столкнулся снова с проблемой. на скрине видно, что не так???? подскажите пожалуйста. Вот код моего творения <!DOCTYPE html> <html> <head> <!-- включение тегов HTML5 для IE --> <!--[if lt IE 9]> <script> var e = ("article,aside,figcaption,figure,footer,header,hgroup,nav,section,time").split(',' <img src="/.s/sm/1/wink.gif" border="0" align="absmiddle" alt="wink" /> ; for (var i = 0; i < e.length; i++) { document.createElement(e[i]); } </script> <![endif]--> <!-- /включение тегов HTML5 для IE/ --> <title>$SITE_NAME$</title> <st…
0 votes11 answers -
Раскритикуйте вёрстку
Здравствуйте, посмотрите пожалуйста качество вёрстки http://proba-verstki.xyz/ буду очень благодарен за конструктивную критику. Сайт не адаптивный, но я постарался сделать его кроссбраузерным. P.S. Наверно раздел не тот, но в "обсуждении работ" надо 30 сообщений, которых у меня нет, поэтому решил запостить тут.
0 votes11 answers -
Склеивание сайтов
Добрый день, нужна помощь умных людей. Имеется сайт на хостинге (неивесный мне) и имеется сайт (html) на компьютере который я делал. Вопрос. Как мне заменить сайт на хостинге тем который у меня на компьютере, чтобы он не потерял свои позиции в поисковых системах. Тупо заменил в файловом менеджере хостинга, но все равно в поиске старый сайт и при переходе по ссылке ошибка о том что страница не существует, что делать, тема горит.
0 votes10 answers