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
-
head
kakoy eto srift i kak sverstat eto https://disk.yandex.ru/client/disk|slider/disk/afrika.jpg
0 votes33 answers -
Линия - рисунок с градиентом
Здравствуйте! Подскажите пожалуйста как сделать линию над меню http://prntscr.com/4n04y7 ,, но чтобы она подходила к адаптации сайта отображалась на планшетах и ПК. Нужно сделать через background или есть другие приёмы? Спасибо
0 votes2 answers -
Оптимальное решение по разметке блоков
Уважаемые мастера, подскажите как правильнее решить такую задачу: http://hostingkartinok.com/show-image.php?id=f99888585c0b10129461838efec6a637 В коде они идут по порядку: header content footer и все находятся в одной обертке. Я размещаю блоки header и footer, друг над другом, с помощью position:absolute. Content занимает все что остается по правую сторону. При большом наполнении контента, появляется полоса вертикальной прокрутки, и при скролинге блоки зафиксированные слева, убегают в верх. Как лучше разместить их с левой стороны, чтобы вне зависимости от размера контента они оставались фиксированными? (я могу это сделать - поместив их в персональный блок и зафи…
0 votes1 answer -
0 votes2 answers
-
Не растягивается сайт на всю ширину экрана на мобильных устройствах
Добрый вечер. Никак не могу решить проблему. На мобильных устройствах (в частности iphone) на сайте присутствует непонятный зазор справа где-то 5-6 мм. Может кто сталкивался с подобным? Сайт http://www.blushbride.ru/ Кстати, на этом ресурсе зазор тоже виден: http://mobiletest.me/iphone_5_emulator/#u=http://www.blushbride.ru/
0 votes4 answers -
При уменьшении размеров окна браузера появляется margin-right
Здравствуйте, при верстке комбинированного макета возникла проблема - при уменьшении размеров окна браузера до появления горизонтального скролла возникает поле справа у .header_wrap, причем чем меньше размер окна, тем он больше http://jsbin.com/joredadugojo/1/edit, и фон шапки получается растянут не на все окно. Подскажите, пожалуйста, как можно решить эту проблему!
0 votes3 answers -
head og HTML ,css
Добрый день, нужна помощъ с создание хедера, очен простоы бг, лого, и картинку, хотелось чтобы объснили , хочется понять как из псд сделат в хтмл.Задание в школе ИТ .
0 votes18 answers -
Смещение кнопки
Чем лучше смещать кнопку: отступами или позиционированием? http://jsfiddle.net/2phkybqu/
0 votes2 answers -
Проблема с картинкой
1. На своем сайте рядом с новостью публикую картинку. Пользователь, если нажимает на заголовок новости - попадает на страницу новости, а если нажимает на картинку новости, то открывается картинка в новом окне с длинное ссылкой в адресной строке. Вопрос: как сделать, чтобы кликая по картинке, ничего не происходило, то есть сделать картинку некликабельной. 2. Скачал иконки. Очень много иконок на красивом фоне. Нарезал иконки, публикую на сайте. Вид такой, квадратная картинка в центре кружок (иконка) и фон серый фон этого квадрата, рядом текст, все это в блоке с другим цветом. Вопрос: как правильно нарезать иконки и придать им прозрачности, пожалуйста поподробнее, хоч…
0 votes4 answers -
Помогите реализовать соединяющие точки между ценой и названием
Здравствуйте. К сожалению, моего словарного запаса не хватило, чтобы нормально назвать эту тему (надеюсь скриншот поможет). Я тут набиваю руку, верстая паблик шаблоны, и я понятия не имею как реализовать эти соединяющие точки между ценой товара и его названием. Буду очень признателен если мне подскажут как это можно реализовать. Спасибо
0 votes4 answers -
Нестандартный вид текстового поля
День добрый! Возникла необходимость вместо стандартного прямоугольничка тега input сделать вот такое: ..................... и потом на эти точки вводить текст. Рылся пол-ночи в инете и ничего не нарыл Подскажите, как это можно сделать средствами css? С ув. Uncle Fox
0 votes9 answers -
PHP if/elseif/else vs switch
Николя223, Не совсем правильно поняли. Извиняюсь, я всегда паршиво формулирую вопрос, виноват. <?php $age = 44; if ($age > 18) {echo "Registered!";} elseif ($age == 44) {echo "Да вы что??";} elseif ($age == 18) {echo "Sure?";} else {echo "Go away!";} ?>Как видите, если возраст больше 18, выводиться будет Регистеред. В данном случае возраст больше 18, но я хочу, чтобы для 44-летних выводилось иное сообщение. Но все равно выводит Registered!. Как добиться того, чтобы выводилось значение первого elseif? Добился нужного результата поменяв значения переменных местами следующим образом: <?php $age = 12; …
0 votes2 answers -
Проблема с padding в header
Доброго дня! Появилась проблемка в css. У меня короче есть wrapper(посередине страницы), там по бокам задан padding 56px. А в header этот padding не должен действовать на background(там где будет меню). То есть задний фон должен растянуться на весь wrapper по ширине(но это строго должно быть только для хэдера). На всякий прикрепляю имг как должно быть: Надеюсь, понятливо объяснила. Очень надеюсь на вашу помощь.
0 votes1 answer -
Скрипт сортировки
Здравствуйте. Подскажите, пожалуйста, качественный скрипт сортировки работ по категориям в портфолио.
0 votes5 answers -
Фон блока div из части изображения
Доброго времени! В общем есть изображение шириной 7px высотой 1px. Нужно средствами css 4-ым пикселем этого изображения залить фон блока div 300x200.
0 votes6 answers -
Blink-браузеры не правильно обрабатывают тень
http://waa.ai/4w3T При масштабировании колесиком тень выставляется неверно - между тенью и объектом появляется белая полоса. Как это исправить?
0 votes11 answers -
Краткое описание при навидении мышки.
Доброго времени суток Вот уже 2 день ломаю голову над решением проблемы с z-index. Хочу сделать выпадающее вниз краткое описание при навидении мышкой без JS, JQuery и прочих умных вещей). Только СSS. Вот куски кода: <style>.item{ width: 40%; position: relative; display: inline-block; background-color: #bbb; float: left;}.item:hover{ z-index: 5;}.short_desc{ display: none;}.item:hover .short_desc{ display: block;}</style><div class="item"> <h3>Rock Shox Domain 318 Coil 170</h3> <img src="img/items/1.jpg" /> <p><strong>Цена:</strong> <span>255…
0 votes5 answers -
last-child
Добрый день, подскажите как решить проблему с last-child, : для последнего элемента .coach-photo нужно убрать правый отступ 65px, прописываю .photos .coach-photo:last-child{margin-right:0px;}не работает. пробовал nth-child, nth-of type - не работает. ! Но если убрать <p class="photo-title">LEONARDO,<span>MANAGER - USA<span></p>- надпись над картинкой, то все норм. Почему так происходит!??? вот ссылочка - фото парней http://sport.teslalight.com.ua/ Спасибо за ранее.
0 votes8 answers -
Верстка HTML-писем. Проблема с gmail на Android.
Доброго дня, коллеги. Довольно долго бьюсь над следующей проблемой. В письме необходимо разбить картинку на 4 ссылки (2х2). Таблица сделана, картинка порезана. Сначала возникали паразитные отступы между ячейками в разных почтовиках, которые были решены таким способом: <a href...><img src="..." style="display:block;"/></a> Помогло везде, кроме андроидовского gmail. Не могу избавиться от вертикального разрыва в 1px между столбцами. Это не рамка, изображение действительно сдвинуто.
0 votes11 answers -
Блок меню за рамки контейнера (Bootstrap)
Здравствуйте! Просьба помочь разобраться в такой ситуации: Верстка на bootstrap. Шапка сайта на всю ширину body. И все бы ничего, но меню должно репититься направо до конца body. Так же, не знаю как сделать скошенный угол в блоке меню. Макет адаптивный. Для ясности прилагаю скрин. Заранее благодарю за помощь!
0 votes13 answers -
Калькулятор госпошлины на сайт. (Шаблон WordPress)
День добрый. Друзья юристы попросили сделать им сайт компании. Обо всем договорились я показал им шаблон WordPress, им понравилось, но попросили сделать такую штуку: на других юр. сайтах есть "Калькулятор госпошлины". Должен он быть прямо на сайте и функционировать, да еще и чтоб после расчетов акт распечатки для принтера формировал. Если это осуществимо, напишите пожалуйста как. Спасибо за время
0 votes2 answers -
Проблемы с выпадающим меню (jQuery)
Пациент: http://demo.imatte.us/fomru/project_people.html Выпадающие меню при клике на эти ссылки работают не правильно. При клике открывается меню, но при выводе курсора из этих меню оно скрывается. Если после этого наводить курсор на любую из этих ссылок, то откроется их меню. Подскажите, как сделать чтобы при unhover'е меню не скрывалось, и при уже открытом меню при наведении на другую ссылку не открывалось другое меню. Спасибо.
0 votes3 answers -
Как и спрайт показать и наложение элементов устранить на узком экране?
Здравствуйте. На странице если суживать окно то получается следующая картина: то есть подчеркивание заголовка раздела налезает на ссылки этого раздела Если в стилях отключить height: 25px; то получается наполовину хорошо, поскольку из спрайта показывается следующая иконка: Как можно сделать так, чтобы и подчеркивание было на своем месте и из спрайта показывалась только одна иконка?
0 votes8 answers -
Частично закрытый toggler
Черновик: http://jsbin.com/hocapumexesi/1/ Суть задачи: В закрытом состоянии пользователь должен видеть только 1 строчку. Ширина строк измеряется в em-ах. В открытом состоянии соответственно пользователь должен увидеть все остальные строки. Сделать без анимации не проблема. Проблема как раз в том чтобы сделать это все с анимацией, когда список плавно раскрывается и плавно закрывается, оставляя видимой одну первую строку. Функция animate em-ы нормально принимает, а вот проценты как-то не хочет. Т.е. проблема в раскрытии списка, которое происходит мгновенно, а не плавно. Прошу подсказать где исправить или что нужно переписать, возможно даже это проще сделать каким-то ин…
0 votes2 answers -
Перенесение JavaScript из документа в файл js
Есть некий скрипт http://jsfiddle.net/1uczL7v3/4/ когда я его переношу в файл, то элемент с его использованием не работает.. прописываю его в документе так: <script type="text/javascript" src="Имя скрипта.js"> </script> просто я данный скрипт изменил и он у меня больше чем в примере
0 votes3 answers