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
-
неверно отображается фоновое изображение
Здравствуйте, товарищи! Есть две ссылки каждая размещена в отдельном svg. При наведении на одну ссылку (pushkin) должно появляется фоновое изображение в виде круга синего цвета, при наведении на другую (lermontov.info) появляется фоновое изображение уже в виде окружности зелёного цвета. На деле правильно отображается лишь изображение при наведении на ссылку lermontov.info, а при наведении на ссылку pushkin вместо синего круга отображается окружность зелёного цвета. Подскажите пожалуйста как это исправить. <!DOCTYPE html><html><head></head><body><svg type="image/svg+xml" width="190" height="190" style="position: absolute; opacity: 1; z-i…
0 votes6 answers -
Помогите определить шрифт
Есть такой скриншот http://joxi.ru/vn2YEk3fR57b26 Какой это шрифт?
0 votes3 answers -
Сайт по разному отображается на мобильных устройствах и компьютере
Всем доброго времени суток! В общем, пригрузили на работе как самого молодого заниматься чем-то вроде контент-менеджмента корпоративного сайта (очень простой, буквально несколько страниц с текстом). Единственное что у меня на данный момент есть - логин и пароль от панели управления сайтом (сайт на bitrix). В верхнее меню нужно добавить дополнительный пункт. Как это сделать разобрался, добавил, но он не отображается на стационарных устройствах, а вот с моб. телефона всё видно. Подскажите, пожалуйста, с чем это связано? Где можно настроить чтобы всё отображалось правильно? И ещё: может, кто-то разбирается в этом битриксе- у меня логин/пароль пользователя из группы "админис…
0 votes0 answers -
Как сделать всплывающее окно на весь экран
Можно ли как-то открыть картинку или видеоролик во всплывающем окне на весь экран. Что бы не было видно ни окна браузера ни панели задач - вообще на весь экран.
0 votes1 answer -
Нижнее подчеркивание
Форумчане! Подскажите, пожалуйста, как сделать подчеркивание блока (div, display:block), например, как на сайте khuzha.tk (верхнее меню)?
0 votes3 answers -
Маштабирование фона
Всем доброго вечера, господа, подскажите пожалуйста, как делать так, чтоб фон (картинка) автоматически маштабировалась (обрезалась/уменьшалась, увеличивалась) пропорционально размеру окна браузера. Заранее спасибо.
0 votes2 answers -
Круг в круге
Хочу сделать вот такой кружок. Додумался до такого (возможно есть способ попроще?). https://jsfiddle.net/z91cw96f/2/ Но проблема в том, что не могу нормально отцентрировать внешний круг относительно внутреннего. Помогите, пожалуйста Если максимально приблизить, то круг видно более-менее по центру, но если максимально удаляться, то внешний круг сильно смещается.
0 votes12 answers -
Изменение расположения виджета ВК
Подскажите пожалуйста как изменить расположение виджета ВК группы.
0 votes8 answers -
Разные размеры картинок в слайдере
Мне непонятно, как принято в мире : картинки заблаговременно подготавливают с одинаковым размером (соотношением сторон) или ожидается, что верстальщик сам подстроит слайдер так, чтобы разные картинки не ломали высоту? Если накидать разных по соотношению сторон картинок в слайдер, то слайдер будет меняться по высоте, поскольку будет подстраиваться под высотку картинки. Пытался сделать второй вариант, но не знаю насколько он хорош. Слайдер занимает всю высоту экрана. Для слишком больших экранов можно поставить ограничение по высоте, также как и для маленьких. Но это скорее хак, чем нормальное решение. Подключать отдельный слайдер не хочется, чтобы не грузить сайт. https:…
0 votes4 answers -
0 votes1 answer
-
Проблема с отображением SVG
Всем привет. Ребята столкнулся с проблемой по SVG, файлы попросту не отображаются, при этом консоль не ругается, адреса в коде актуальные но само отображение не происходит. [hide]bogus.hohmochka.in.ua[/hide] кто то может подсказать, в чем может быть трабл? куда копать то? ЗЫ: хайд какой-то странный =)
0 votes2 answers -
Отображение страницы на retina
Добрый вечер. Помогите пожалуйста решить проблему. Есть дизайн 3-х страниц, буду говорить об одной. Размер страницы в макете 1920х1080, сверстал, на обычных мониках отображается все гуд, задачи верстать под ретину не было, но посмотрели на ретине и сказали что ни чо не лезит в первый экран, то есть появляется прокрутка и судя по скрину там почти в два раза все больше, сказали сделать, чтобы влезло Донор тут Подскажите как сделать чтобы влезло все у них там нормально, посмотрел, почитал про пиксель ратио, но что-то ничего не доходит, да и сложно без ретины в первый раз что-то менять и не видеть что происходит. Я так полагаю сайт должен отображаться одинаково, я в верст…
0 votes4 answers -
Как победить правило в блоке?
движок где-то формирует следующий код. как я понял при помощи js. в котором ничего не понял. <div class="caroufredsel_wrapper" style="display: block; text-align: justify; float: none; position: relative; top: auto; right: auto; bottom: auto; left: auto; z-index: auto; width: 754px; height: 397px; margin: 0px; overflow: hidden; cursor: move;"><script type="text/javascript">var isIE8 = jQuery.browser.msie && + jQuery.browser.version === 8;if (isIE8 ) { function sliderInit6() { jQuery('.product-related #slider').carouFredSel({ auto: false, circular: false, infinite: false, prev: '#prev_2', next: '#next_2', …
0 votes1 answer -
Выровнять картинки в колонке
Уже перебробовал много методов и сам сидел мучился, но так ничего и не получается. В примере из-за того, что картинки разные по размеру, колонки получаются разные по высоте. Сделать колонки одинаковой высоты вроде как и не проблема. Проблема в том, что не знаю как выровнять по вертикали картинки, чтобы отступы сверху и снизу между ними были одинаковые в одной колонке. Может решение совсем простое? https://jsfiddle.net/4p05m9cj/ P.S. Добавил внизу футер и желтый фон для наглядности. https://jsfiddle.net/4p05m9cj/2/
0 votes5 answers -
Программа для создания макета сайта
Сколько видел, все макеты сайто в PSD. Мне удобнее для себя сделать в Illustrator'e или CorelDraw, хотя и с Photoshop'ом работаю. В чём соль PSD, удобнее потом разбирать? Или верстальщику проще этот формат открыть?
0 votes9 answers -
Помогите, пожалуйста с кодом
Помогите пожалуйста внести корректировки. Раньше был вот такой код: <?if($CAT_NAME$ == 'Alfa..166')?><div class="limg"><a class="imgload" href="/Map/All/$CAT_NAME$-1.jpg" rel="iLoad"><img id="largeImg" src="/Map/All/$CAT_NAME$-1.jpg" alt="" /></a></div> Перенес сайт на другой хостинг там нет оператора $CAT_NAME$ Но есть следующий класс который я хочу использовать как условие: <span class="ty-breadcrumbs__current">Alfa 166</span> Подскажите, пожалуйста как должен выглядеть код в итоге?
0 votes0 answers -
Проблема с высотой div-а в сайдбаре
Всем привет, Вроде бональная проблема, но уже несколько часов не могу ее решить. Есть сайт http://aroundthailand.ru. Слева есть блок "сайдбар" ни в какую не тянится на всю ширину экрана. Изначально сайдбар был прилеплен с помощью скрипта. Функция высчитывала высоту и добавляла новые параметры в CSS. Эту фишку отключил, но теперь образовалась пустая область. Надеюсь на помощь. Заранее спасибо.
0 votes2 answers -
Блок с повёрнутым на -90 градусов текстом
Сделал чёрный блок "Результат": Как его выровнять относительно текста? Должно быть так: ссылка на страницу для просмотра кода
0 votes4 answers -
Как сделать картинку background подстраиваемую под блок?
Добрый день? Как сделать, чтобы картинка в фоне выводилась полностью по высоте, по ширине она принимает значения блока родителя и прекрасно адаптируется, но как установить корреляцию по высоте от изменения ширины блока, т. к. при разных экранах блок в котором находится айфон изменяется. Если обычной картинки прописать в html width="100%", то она в зависимости от ширины блока изменяется и по высоте. https://jsfiddle.net/wjt96w2t/
0 votes10 answers -
Ограниченая по высоте левая рамка
<style type="text/css"> .div1, .div2 { display: block; line-height:14px; border: solid gray; border-width: 0 0 0 1px;}.div1 { background-color: #ffcccc; }.div2 { background-color: #fffccc; }</style><div class="div1">текст текст текст текст текст</div><br /><div class="div2">текст текст текст текст текст</div>Задача такая. Есть два блока одинаковой высоты (14). Нужно чтобы у верхнего блока, левая рамка была с регулируемым отступом сверху, т е высота рамки меньше чем у нижнего. При переносе текста рамки растягиваются. Оба дива будут прозрачными без фона; Добавлено через 8 минут Должно работать в IE6-..... есть у меня ещ…
0 votes4 answers -
Анимация SVG с помощью CSS (несколько вопросов)
Доброго времени суток, делаю прелоадер для сайта: http://codepen.io/karakym/pen/QNdvBj Есть несколько нюансов которые хотел бы узнать у знатоков. 1. На данный момент анимация простая, поворот нескольких элементов в противоположные стороны, так вот по окончанию загрузки сайта нужно остановить анимацию таким способом, что бы она доехала сначала до конца (все элементы прокрутились в исходные позиции) и лишь только тогда прелоадер можно плавно скрывать. Пробовал animation: paused; но это не совсем то что нужно, ведь анимация остановиться в последнем положении при котором загрузилась страница (то есть не докрутиться до изначального положения. Думал сделать способом убирания In…
0 votes6 answers -
Как зацентрировать всю конструкцию?
Добрый вечер помогите пожалуйста, имеем следущую конструкцию <div style="overflow: hidden;"> <div style="width: 100%"> <div style="float: left;padding:5px"><img style="max-width:100%; border:1px solid white" src="http://unispot.pro/image/catalog/test.jpg"></div><div style="float: left;padding:5px"><img style="max-width:100%; border:1px solid white" src="http://unispot.pro/image/catalog/test3.jpg"></div> <div style="float: left;padding:5px"><img style="max-width:100%; border:1px solid white" src="http://unispot.pro/image/catalog/test3.jpg"></div><div style="float: left;padding:5px"><img style="max-w…
0 votes2 answers -
Как сделать чтобы на сайте картинки складывались как в контакте блоки с картинками?
Перекапал очень много плагинов и не нашел подходящий, помогите решить задачу, как сделать чтобы если заливают много картинок разного размера в блок, то они подстраивались по ширине и высоте между собой чтобы красиво укладывались. А при нажатии чтобы фото из этого блока открывались для просмотра.
0 votes0 answers -
Фиксированный сайдбар, скролл-страница контент
Верстаю сайт на бутстрапе. Возник такой вопрос. Нужно чтобы левый сайдбар был фиксирован, а правые 2 блока скроллились. Причем сайдбар должен фиксироваться только после того как проскроллится шапка (шапку фиксировать не нужно). Прилагаю макет и примерную схему. P.S. Пробовал класс affix, но что-то не вышло, вероятно я неправильно его использовал.
0 votes10 answers -
Проблема с высотой
Есть следующая страница https://webref.ru/course/introduction/browser Для создания вкладок используется Foundation 6, jQuery 2.1.4. Сами задания сделаны через H5P (h5p.org) и некоторые из них неверно отображаются из-за какой-то ошибки с высотой контейнера. Есть какие-то советы, в чём проблема и как её устранить?
0 votes9 answers