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
-
Странная ошибка таблицы не могу закрыть body жаль что нет фото !
CalcJobs Йошкар-Ола Калькулятор услуг и работ /images/icon-calc.pngЙошкар-ОлаСalcJobs.ru Самые популярные Услуги электрика Услуги сантехника Образовательные услуги Услуги газовщика Услуги автосервиса Монтаж вент. систем, кондиционеров Услуги печника Услуги каменщика Укладчик напольных покрытий Бетонные работы Юридические услуги Услуги плиточника Услуги грузчика Ремонт квартир Услуги кровельщика Услуги штукатуров маляров Услуги гидроизоляцииВСЕ УСЛУГИ Главная Инструкция работы Как работает наш сайт Наш сайт работ…
0 votes2 answers -
Text-align-last
Здравствуйте. Во первых спасибо Максиму за прекрасную статью про равномерное выравнивание инлайн блоков по горизонтали. Пользуюсь регулярно и мне стыдно что пока не перешел на флексбоксы:-) Проблема возникла около месяца назад при обновлении браузеров. Если стоит text-align-last для ul, то все что есть внутри тоже ровняются последней строкой justify. Теперь приходится указывать для внутренних элементов text-align-last чтобы контент нормально показывал. Раньше обходились только с указыванием text-align для li, теперь не катит такое. Вопрос, отныне так и должно быть? Что произошло с браузерами, они были или стали умнее?:-)
0 votes1 answer -
Увеличение img при hover
Есть вёрстка ( украл сорри ) как заменить тот курсор на тот что появляется при увеличении изображения в lightbox например ? https://jsfiddle.net/atlanta/5usf70kw/
0 votes5 answers -
Прижать div к низу блока
Столкнулся с такой проблемой. Есть двухколоночный макет, слева мне нужно прижать меню к низу блока,но так ,чтобы левый блок оканчивался на одном уровне с правым контентным блоком. Т.е. по сути, как в таблице,если бы ячейке с блоком прописал бы vertical-align:bottom; Высота обеих блоков динамичная. Верстка следующая: <div class="textin"> <div class="left"> <div class="left-in"> Текст </div> <div class="menu-cat"> <a href="" class="cat1">Каталог продукции на сайте</a> <a href="" class="cat2">Наше производство</a> <a href="" class="cat3">Программа подбора оборудования</a>…
0 votes5 answers -
Посещаемость
Здравствуйте, кто скажет: можно ли посещаемость с сайта перенести на программу на ПК? Можно ли это реализовать через Google Analytics?
0 votes10 answers -
Проблема с фоном
Подскажите, как добавить два фона: цвет и картинка. То есть, при наведении блок затемняется и поверх появляется картинка с лупой. Этот код не срабатывает: a.box:hover { background: rgba(0, 0, 0, 0.7) url(../img/fon.png)no-repeat bottom right;}
0 votes1 answer -
vertical align у inline-block
<div class="parent"> <div class="helper"></div> <div class="child">TEXT</div></div>.parent { height:100px; width:600px; border:1px solid #ff0000;}.helper { display:inline-block; height:100%; width:1px; background:green;}.child { display:inline-block; vertical-align:middle; border:1px solid #0000ff;}Не могу понять, как работает способ вертикального центрирования. https://jsfiddle.net/mws18yoL/ Если дать элементу .helper vertical-align:middle, то центрируется отлично. Без этого нет. Но ведь должно и без того? Высота строки задана блоком .helper в 100% от родителя. Далее известно следующее - vertical-a…
0 votes15 answers -
Оформление input[type="submit"]
Приветствую всех участников форума! Подскажите, пожалуйста, как оформить кнопку отправки формы: http://prntscr.com/9aybj3 Таких кнопок на сайте будет несколько и с разным содержимым, поэтому повесить одну большую картинку на бэкграунд думаю будет ошибкой. Полоска, разделяющая текст и стрелку вправо должна быть прозрачной.
0 votes5 answers -
не получается выровнять блоки с картинкой и текстом в диве
Добрый день, я совсем совсем новичек, только первую неделю учу html и css, так что не судите строго) Делаю верстку с макета, и столкнулся с проблемой. вот картинка с проблемой. нужно чтобы блоки с товаром и картинкой стояли по 4 штуки в ширину. HTML <section id="content"> <div class="good"><a href="#" class="goods"></a> <span class="apple">Apple MacBook Air MC969RS Uss Silver</span> <span class="apple1">Экран 11.6" (1366х768) HD LED, глянцевый /Intel Core i5 (1.6 ГГц) / RAM 4 ГБ / SSD 128 ГБ / Intel HD Graphics 3000 / без ОД / LAN / Wi-Fi / Blue-tooy\th 4.0 / веб-камера / Mac OS X Lion / 1.08кг</…
0 votes3 answers -
Проблема верстки под мобильные устройства
Всем добрый день. Проблема с версткой под мобильные устройства, не знаю даже что делать. Есть сайт http://pantelemone.ru/или его каталог http://pantelemone.ru/catalog/ Это интернет-магазин. Проблема в некоторых элементах. В частности это логотип и слоган над ним. На мобильных устройствах он никоим образом не сжимается под эти самые мобильные устройства. Шаблон изначально брался с этого сайта http://demo.ace-group.ru/carroshop/, но потом претерпел изменения. Сейчас уже не получится найти концы, да и не факт, что адаптация была до этого. Подскажите пожалуйста, что тут можно было бы придумать? Особенно по средствам CSS.
0 votes2 answers -
Проблема в оформлении блока
Не могу понять как реализовать такой элемент,торчащий из блока, на практике! подскажите,пожалуйста! http://static2.keep4u.ru/2015/12/06/scrin.png
0 votes5 answers -
Как зафиксировать бекграунд, чтобы фоновая картинка не плавала?
Из фотки сделал новый фон (он виден по краям только на больших экранах>1280px) http://www.vvd.su/ Но на каждой странице он по разному отображается. Сначала я думал это связанно с разными шаблонами страниц привязанных к пунктам меню и там всякие отступы. Однако нашел, вот есть две идентичные страницы про трубы каменки, один шаблон, даже текст почти тот же. http://www.vvd.su/dymokhodnye-sistemy1/keramicheskie-dymokhody/truba-kamenka http://www.vvd.su/dymokhodnye-sistemy1/keramicheskie-dymokhody/truba-kamenka-1 тем не менее фон плавает -это можно заметить если открыть в двух вкладках и переходить между ними как зафиксировать фоновую картинку, чтобы везде была одинак…
0 votes1 answer -
Проблема при смене изображения при наведении в ИЕ
Доброго времени суток форумчане!!, давненько я под ие не верстал и наткнулся на такую вот проблему http://www.domstroi69.ru докручиваете вниз до блока КАК МЫ РАБОТАЕМ , там 6 цифр, сверстаны они все как изображения, при наведении на них js заменяется src . Во всех браузерах кроме ИЕ все хорошо , но в ие когда меняюся картинки, то изображение Мерцает... кто сталкивался с такой же проблемой пожалуйста отпишите пути решения... пробовал сверстать как div с background-image но такая же тема!!! HELP
0 votes2 answers -
Помогите сделать макет
Помогите сделать макет, вот рисунок - http://joxi.ru/E2pOGjIBB7npmY Целый день бьюсь не могу крошки, сайдбар и контент организовать Flexbox-ом (т.к. адаптивный шаблон) всё не встаёт как надо.
0 votes5 answers -
Верстка небольшого блока
Приветствую, есть небольшой и возможно достаточно простой для большинства профи блок, но я являюсь любителем, который иногда что-то пытается верстать для себя и в таком случае важен не только результат (соответствия макету), но важно научится грамотно выбирать оптимальный способ реализации. Следовательно у меня есть несколько вопросов к знатокам по данному макету: 1) Насколько реализуема и уместна верстка косых углов на чистом css? 2) Как сделать разделитель меню через border-right, дабы он соответствовал макету? Насколько это оправданно? 3) Как бы вы сверстали этот блок (желательно пример кода)? Заранее благодарю за вашу помощь...
0 votes7 answers -
Как оптимальнее разместить большую картинку в качестве фона?
есть большая картинка - кора дерева. задача разместить в качестве фона. размер для ширины в 1280пх - около 750кб.. что есть не оптимально для скорости загрузки. вот как бы её так сжать правильно? как вариант вижу - сделать левый и правый сайд бары, и в них выводить 2 крайние картинки шириной примерно 300*800, с повторением по вертикали. Но может это как-то по другому делается? пс: решил не заморачиваться, сжал до 350х800, повторение везде + снизил качество фона, получилось 100кб..
0 votes4 answers -
Подскажите, умные люди!
есть форма,которую нужно разместить на всю ширину блока,и все бы хорошо,но когда добавляешь к текстовому полю рамку все плывет! как выйти из этой ситуации,чтоб форма с рамкой заняла всю ширину блока? <style> .width {width: 224px;height: 100px;margin: 0 auto;border: 1px solid ;}input[type=text] {width: 144px;outline: none;float: left;height: 33px;border: none;line-height: 1;font-size: 12px;padding-left: 10px;/* border: 1px solid; */}button {border: none;width: 70px;height: 35px;}</style> <div class="width"> <form action="#" method="POST"><input type="text" placeholder="Text..."><button>Кнопка</button> </form></div>
0 votes6 answers -
Макет HTML5
Посмотрите правильно ли я сделал заготовку для начала блога на HTML5 ? http://codepen.io/anon/pen/gPOxWb
0 votes4 answers -
Помогите разобраться, как убрать показ ссылки.
Добрый день. Подскажите пожалуйста, как можно убрать или запретить показ ссылки в браузере html методом? Пример: при наведения курсора на картинку, то в левом нижнем углу (браузер Опера) показывается полный путь ссылки, его надо убрать.
0 votes2 answers -
div в div'е - помогите с высотой блока
Добрый день! Нужна помощь знатаков... Поставил на ВП новый виджет - поехал шаблон. У меня div в div'е. Первый div по высоте не растягивается. Из-за этого содержимое внутреннего (вложенного) div'а не мопомещается в главный div. Подскажите, пожалуйста, чего там не хватает ((( Заранее спасибо.
0 votes5 answers -
Прошу помощи по оформлению блока
Замучился с оформлением страницы вывода товаров Div jshop_list_product Сейчас вот так выглядит а нужно как здесь
0 votes8 answers -
Кроссбраузерный SVG в качестве background
Сделали проект на SVG, но в браузерах Internet Exploer и Safari параметр background-position обрабатывается совершенно иначе нежели в Chrome, что привело к появлению костылей для IE. Первый вопрос: кто нибудь сталкивался с корректными кроссбраузерными решениями вопроса background-position при применении в качестве фона SVG. Может надо графику как-то по другому сохранять? Второй вопрос: а Safari для Windows уже сдохла и больше не обновляется? Если да, то мутор под нее отменяется и достаточно обойтись только подгонкой под Safari для OS X. p.s.: кроме того фон скачет на 1px в IE, если размеры графики оказались в десятых долях пиксела при применении background-size.
0 votes2 answers -
url в виде /path/param вместо /path?par=param в form submit
Добрый день! Возникла необходимость сделать как в заголовке. т.е. сейчас есть форма, два селекта. При нажатии на кнопку вызывается url вида /path?par=param&par2=param2 где param и param2 берутся из селектов с именем par и par2 соответственно. Надо сделать /path/par/param/par2/param вместо этого, чтобы соответствовать api сервера, или path/param/param2 - тоже сработает. Это вообще возможно сделать без JS? должно работать при noscript. Заранее спасибо, и простите, если вопрос дебильный - новичок я...
0 votes5 answers -
кроссбраузерные до ie8 врезки без js
помогите пожалуйста решить проблему, если это вообще возможно вот код: http://jsfiddle.net/9xd8k676/ здесь есть контейнер, который содержит текст и врезку. врезка расположена в верхнем левом углу. но нужно чтобы она была смещена вниз на несколько сот пикселей(точность особая не нужна), относительно своего настоящего положения. и при этом освободившееся место было бы заполнено текстом
0 votes10 answers -
Как правильно стилезировать формы (input, button) при помощи css
Доброго всем времени суток! Интересует вопрос как стилезировать формы без JS и JQ? вот к примеру если форма поиска и кнопка имеют нестандартную форму,и у формы поиска background градиентом! Корректно ли будет задать внешний вид таких форм при помощи вырезания изображений из макета,убирать потом у формы поиска border и outline делая его полностью прозрачным,и под нее вставлять изображение с макета? а кнопку задать не как button а input type="image" и просто вставить изображение кнопки из макета ?
0 votes0 answers