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
-
Как реализовать прозрачность кнопок?
Нужно реализовать прозрачную кнопку (как на первом рисунке) но при попытке сделать так через <button> и соответствующие свойства CSS прозрачность исчезает, хотя если открыть соответствующий "png" фотошопом, то прозрачность видна. Вопрос: как можно реализовать прозрачность? Через обычную ссылку с рисунком внутри тоже пробовал - не получается. #main_image_left_button { position: relative; top: -150px; left: -5px; background-image: url(../images/index/main_image_left_button.png); background-size: 100%; border: none; height: 66px; width: 32px;}Должно быть так: Выходит так:
0 votes8 answers -
Проблема с DIV-ом: как заставить след. блоки не строиться под предыдущим
Уважаемые господа. Помогите с решением данной проблемы: есть страница выводящая подкатегории в Joomla-шаблоне, не могу найти решение вывода подкатегорий не списком "друг под другом" (как сейчас), а по-строчно (по 2,3,4 элемента в строке). В коде html-прописаны размеры div-блоков каждого нового выводимого элемента, но что-то мешает этому отрабатывать корректно. Просмотр кода и тыканье css-стилей через инструмент "проинспектировать элемент" (как это делаю обычно) - результатов не дали. Помогите, пожалуйста! Вот ссылка на страницу: http://ruprosport.marker-armavir.ru/index.php/shop-now/18
0 votes1 answer -
Прозрачная полоска с пиксель достала
Всем привет. Есть ли лечение вот такого трабла? Ссылка Такая тема то исчезает то появляется при изменении границ браузера. Подозреваю, что это просто браузеры плохо отрабатывают масштабирование блоков. Или верстка глючит из-за скрипта масштабирования блоков. Код: <article class="article"><span><span></article>article { width: 33.33333%; float: left; background-size: cover;}span { background: rgba(0, 0, 0, 0.1); width: 100%; height: 100%; display: block; transition: all 400ms ease-in-out;}$(function(){ $('.article').height($('.article').width()/1.5); $(window).resize(function(){ $('.article').height($('.article').width(…
0 votes1 answer -
Разные цвета на win и mac
Помогите разобраться пожалуйста. Есть макет psd. Допустим, цвет фона: #FAFAFA; Вырезаю картинку вместе с этим фоном jpg, качество: 80%. У заказчика стоит mac, сафари. Он присылает скриншот, а у картинки уже другой фон, допустим: #FВFВFВ; Таким образом, фон страница и фон страницы у него разный и это видно, те контраст. На win у меня этого не видно. Кто знает причины явления и как бороться? Цвет. модель: sRGB.
0 votes7 answers -
Кнопки навигации (перемещение в)
Народ помогите пожалуйста. Мне надо список "nav" сдвинуть за границы блока "wrapper" и расположить его по середине в строку. Посоветуйте пожалуйста, как это лучше сделать! <div id="wrapper"> <div id="header"> <ul id="nav"> </ul> <span class="logo2"></span> <a class="logo" href="</a></div><!-- end header --> #wrapper {width:925px;margin-right:auto;margin-left:auto;border: 1px solid #fff}#header {position:relative;height:180px;}#homepage #header {position:relative;}#header #nav {position:absolute;top:10px;left:-40px;list-style:none;}#header #nav li {float:left;margin:0 …
0 votes2 answers -
не отображается карта Яндекс
Помогите не отображается карта Яндекс на основном и мобильном шаблонах сайта ankermix.ru: http://joxi.ru/J2b3DZBFZREyA6 Заранее, спасибо!
0 votes5 answers -
Множественный фон
Не получается организовать множественный фон. Показывается только ОДИН фон, но никак не несколько))) И что не так делаю? Код здесь: https://jsfiddle.net/yfLs5tsh/ Спасибо.
0 votes3 answers -
Defer (отсрочка) загрузки скриптов
Здравствуйте. Не знаю, как спросить у гугла об отсрочке загрузки нескольких скриптов, но некоторые из них вызываются в <head> $(document).ready(function(){});Например, google maps api, modernizer и другие без вызова в <head> удалось так сделать function loadScript(src) { var element = document.createElement("script"); element.src = src; document.body.appendChild(element);}// Add a script element as a child of the bodyfunction downloadJSAtOnload() { loadScript("script1.js"); loadScript("script2.js"); loadScript("script3.js");} // Check for browser support of event handling capability if (window.addEventListener) window.addEventListene…
0 votes5 answers -
Нужен хороший зарубежный сервис для фриланса верстальщиком
К сожалению, на форуме не нашел подходящего раздела, в котором можно обсудить где можно предложить свои услуги и где искать работу. Ведь все обучение так или иначе заканчивается применением на практике, т.е. работой. Мой вопрос простой - кто знает хороший зарубежный сервис для фриланса верстальщиком? В принципе, поставлю плюс за любую полезную информацию по теме поста. Если тема не совсем по адресу, прошу не удалять ее а перенести в другой, возможно, более подходящий раздел.
0 votes5 answers -
Отображение сайта на телевизоре
Вопрос немного странный, но вёрстка разваливается при просмотре сайта на телевизоре 2013 года) Проблема в использовании flex в галерее (например, здесь). При клике на главную картинку открывается большое изображение, но, т. к. flex не работает, всё разъезжается. Браузер определяется как Chrome 22 (естественно, модифицированный). С каких версий flex вообще нормально работает? Или дело в чём-то ещё?
0 votes2 answers -
Помогите, пожалуйста, разобраться с картинкой
Здравствуйте уважаемые форумчане! Помогите, пожалуйста, разобраться с картинкой, почему-то она не хочет растягиваться на всю ширину блока. Вот эта страница в сети : http://web-verstka.com.ua/portfolio/barb/
0 votes2 answers -
Помогите опустить фон под теги p
Проблема собственно в следующем. Есть div в котором 3 колонки с текстом сделанные с помощью p, далее идет новый div в который я хочу поместить фон через background url, но он ставиться не под блоком с текстом, а на его задний план. Подскажите как его поставить на место? Мне кажется это из-за того что p строчный тег из-за этого он не хочет ставиться, а как исправить понять не могу. http://pastenow.ru/DYKB
0 votes7 answers -
Создать доска объявления
Уважаемые, подскажите решил создать доску объявлений. Нашел плагин Ads-Wordpress_4, скачал последней версии движок WordPress_4.3.1. Нашел сайт где вкратце описывают как установить, настроить и даже примеры досок (уже готовых). Подскажите где найти полную инструкции по созданию доски объявлений (для новичков) или работы с плагином этим. Или может где на другом движке или самому с нуля создать простою доску объвлений. Основы знаний PHP, HTML, CSS имеются. Спасибо заранее
0 votes3 answers -
Отменить прозрачность при наведении
Нужно сделать так чтобы желтый блок был всегда не прозрачным (а не только при наведении) http://codepen.io/anon/pen/wKoYVr
0 votes1 answer -
Отступы в меню ul li
http://trioroom.gtalex.ru/ в верхнем меню никак не могу понять откуда отступы между пунктами меню ? как убрать ? li margin 0 padding 0
0 votes5 answers -
Редирект из верхнего регистра в нижний + ///
Столкнулась с проблемой - распознает как разные страницы страницу www.сайт.com.ua и www.Сайт.com.ua Вопрос - как настроить редирект с верхнего регистра в нижний и еще один момент. выдает как разные страницы www.сайт.com.ua/страница и www.сайт.com.ua////////////страница Как настроить редирект, чтоб редиректило на одну /. Заранее спасибо. Сайт на MODx.
0 votes5 answers -
Скачет масштаб/размер шрифта в мобильном браузере
Друзья, есть такая проблема. Когда загружаешь сайт (я тут укороченную версию сайта укажу, чтоб поисковики не хавали) http://goo.gl/hFhizU на смартфоне (проверял на Android в Chrome Browser) и прокручиваешь в вертикальной ориентации, то изменяется масштаб или размер шрифта. На определённом месте он увеличивается, а затем, где-то внизу, уменьшается обратно. Смотрится дико. Никак не могу найти причину. Может, кто-то сталкивался, имеет опыт? Подскажите, пожалуйста, куда копать, в чём может быть дело?
0 votes4 answers -
Открытие страницы со смещенным скроллом
необходимо чтобы при открытии страницы, шапка была проскролена. Знаю что такое возможно с помощью якорей, но не возможно ли это сделать без использования меток в ссылке?
0 votes1 answer -
Как правильно реализовать такую сетку
Здравствуйте. Поделитесь, пожалуйста, опытом, как вы реализовываете подобного рода сетку п.с. Обратите внимание на соединяющие линии. + адаптив.
0 votes1 answer -
Bootstrap и twitter bootstrap
Здравствуйте! Я не пойму, а что bootstrap и twitter bootstrap -- это две разные вещи? (если что, bootstrap -- только недавно начала изучать)
0 votes16 answers -
Сложная вёрстка: 4 столбца
Прикладываю рисунок чтобы было нагляднее. Суть простая. Макет имеет 4 столбца - левый и правый динамичные - второй слева 400px - второй справа 600px Соответственно макет может расширяться, но не должен сужаться меньше 100px. Т.е. крайние могут уменьшиться до 0%, центральные всегда имеют одинаковый размер и должны центрироваться. И каждая из сторон имеет свой цвет Сам пытался, перепробовал разные Фреймворки - практически беда одна, при уменьшении окна браузера центральные блоки наезжают друг на друга.
0 votes18 answers -
Вопросы по api яндекс карте
Здравствуйте уважаемые форумчане! Подскажите, пожалуйста, как запретить zoom в карте? И можно ли поменять цвет карты? Сейчас она такая: А хотелось чтобы она была такого цвета Возможно ли это?
0 votes8 answers -
Атрибут selected у нативного селекта при наличии кастомного
Здравствуйте. Вопрос меня мучает. У нас есть несколько селектов, которые кастомные, естественно, куда ж без них. Стоит два селекта, правда. Для одного требовалась кастомная прокрутка еще, а второй не реализован согласно функциональному дизайну, так как тот со скроллом не осиливал его. Суть вот в чем. Атрибут selected у нативного браузерного <select>'а не меняется в соответствии с выбранной опцией, но: 1 - jquery ui select - даёт нам атрибут aria-activedescendant c id от выбранного элемента. ui select оставляет нативный, прячет его. 2 - cusel - даёт класс cuselActive для выбранного элемента. cusel замещает, генерируя список. С таким набором можно идти в бек-енд…
0 votes5 answers -
Смена просмотра браузера в phpDesigner8
Доброго времени суток, господа. У меня такая нелепая ситуация. Скачал phpDesigner8. Пишу там код, а во вкладке run все браузеры для просмотра исходного кода, кроме IE неактивны. Сталкивался кто-нибудь с такой проблемой? Подскажите, как решить этот вопрос.
0 votes4 answers -
Вопрос по верстке письма
Всем привет! Прошу совета у тех, кто сталкивался с версткой писем. Есть шапка, на мобильных ее нужно перестроить. Белые прямоугольники - картинки. Края закругленные, полагаю нужно делать картинками, а не border-radius. Резиновость попробовал сделать, заменив пустую середину шапки на резиновый столбик с цветом шапки. Получилось. Но вот как перестроить при табличной верстке картинку и ссылку вниз я вообще не знаю. Подскажите хотя бы способ как это можно сделать, принцип, а я додумать постараюсь.
0 votes1 answer