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
-
Выровнять текст по вертикали
Как сделать текст выровненным по вертикали? https://jsfiddle.net/pz6n0c34
0 votes4 answers -
Сайт на мобильном открывается не с самого верха, а с формы <form>
Помогите, кто может: в адаптивном сайте при открытии его с мобильного - сайт открывается не с самого верха (с меню), а с начала формы просчета стоимости. То есть все, что находится на главной странице сайта выше формы расчета цены считается неважным для человека зашедшего с мобильного на мой сайт. Если открывать на компьютере, то все отлично, а когда на маленьком экране, то браузер сам решает что для клиента самое важное и игнорирует верхние пол страницы... Сайт http://mirpotolkov.com.uaможет кто-то с таким сталкивался? П. С. Раньше когда сайт был не адаптивный, то такого не было, открывался сверху.
0 votes2 answers -
Отмена загрузки элемента для мобильной версии
Здравствуйте! Вопрос в следующем: на странице есть элемент, например слайдер изображений, который не нужно загружать для мобильной версии сайта. При display: none он загрузится, но просто не будет отображаться. А можно ли как-то с помощью JavaScript отменить загрузку элемента?
0 votes3 answers -
Firefox
Почему в Firefox в версии 43, если узнать версию с помощью navigator.appVersion, то выводит 5.0?
0 votes1 answer -
bootstrap 3 валидация
сделал сайт на бутстрап 3 заказчик проверил его через https://jigsaw.w3.org/css-validator/и выдал кучу ошибок теперь хочет исправить бутстрап, якобы для сео полезно уговоры на него не действуют правильно ли исправлять бустрап?
0 votes2 answers -
Ровность двух меню
На сайте есть 2 меню, одно под другим. http://remontphoto64.ru Как сделать длину второй строки с меню соответствующей первой. Понимаю, что нужно вставить div block серого цвета, но как сделать так, чтобы его длина автоматически подстраивалась под верх?
0 votes1 answer -
верстка широкой и высокой таблицы
Есть вот такая таблица Как её лучше сверстать для повышения читаемости и отсутствия скролла? Сделать выпадащим выбор типа айфона? Скрывать неиспользуемое?
0 votes2 answers -
Ромб средствами css
Здравствуйте! Нужно сверстать, как на картинке ниже. Вопрос: можно ли ромб сделать средствами css? (я сделала в помощью картинки) Код здесь
0 votes3 answers -
Как фрилансер тестирует адаптивный сайт?
Всем доброго времени суток. Хотелось бы узнать мнение опытных фрилансеров в адаптивной верстке. Лучшее тестирование адаптивного сайта - это само устройство, но такого количества устройств явно у фрилансера не найдется. Как же качественное протестировать адаптивный сайт что бы с уверенностью можно было отдать работу заказчику? P/S. Какими методами пользуетесь вы в вашей практике фриланса? Chrome - F12 - Ctrl+Shift+M(device mode) Достаточно долго тестирую именно так, но насколько данный метод гарантирует точность, можно ли на него положится?, ведь не просто так, существуют такие платные сайты как browserstack.com
0 votes3 answers -
Как сверстать карусель
Скажите может кто то знает как сверстать вот такую карусель Чтобы попроще 4 блока ссылки стрелочки ,что бы попроще, может есть у кого инфа по этому поводу https://fotki.yandex.ru/next/users/sawenkov-o-s/album/429223/view/1134449
0 votes13 answers -
CSS для amazon kindle fire hd браузера и ipad1
На amazon kindle fire hd при горизонтальном положении и ipad1 при вертикальном положение, почему-то когда заходишь по ссылке, начинаешь скролить ,то картинка начинает размазываться. На фото пример http://www.cyberforum.ru/attachments/635905d1453120474(почему-то форум не дает с картинкой здесь сохранить) или попробывать можно с этих двух устройств сюда https://www.icanvas.com/ заходишь в artists Что за баг и как исправить, попробую пока поиграться с positions Это чисто появляется на 2х устройствах. На amazon kindle fire hd при горизонтальном положении и ipad1 при вертикальном положение когда пытается пальцем поскролить,когда выбрал artists
0 votes0 answers -
Адаптивное позиционирование элементов в круг
Мне нужно, чтобы одинаковые элементы html выстроились в круг(в центре еще один элемент) При этом также нужно учесть то, чтобы при различных разрешениях экрана они не превращались в эллипс, а всегда оставались кругом. Осложняется эта задача тем, что обязательна аналогичная адаптивность на мобильных устройствах. Они не должны разлетаться и быть статичными (размер круга из элементов) уменьшается и увеличивается Вот ссылка https://jsfiddle.net/k7ktzvmn/
0 votes0 answers -
В меню не отображается русский текст
Доброе время суток !!! Такая проблема товарищи : В этой части кода не работает русский язык <ul> <li class="active"><a href="index.html"><span>Home Page</span></a></li> <li><a href="support.html"><span>Support</span></a></li> <li><a href="about.html"><span>About Us</span></a></li> <li><a href="blog.html"><span>Blog</span></a></li> <li><a href="contact.html"><span>Contact Us</span></a></li> </ul> если я вместо <span>Home…
0 votes2 answers -
Как прикрутить иконки к адаптивному сайту
Скажите я новичок пытаюсь перекрутить иконки к сайту номеру тел скайпу иконки http://seoisra.hostenko.com/ Ну и при изменении экрана они гуляют на нужно что бы возле номера были с лева. Только я не пойму , мне нужно медиа запросами подгонять , прописывать каждое значение для разных экранов ? не могу сообразить как через bootstrap все наладить.
0 votes6 answers -
Цвет фона по бокам в wordpress
Привет, стоит тема Metro Magazine на wordpress. Хочу поменять фон по бокам, чтобы не белый был, а немного сероват. Нашел инфу что в настройках нужно Внешний вид -> Настройки темы -> вкладка Стили -> во вкладке пункт «Ваш CSS» -> пишем туда код: body { background: #CCC; } #header { background: #CCC; } все так и сделал, но при этом поменялся фон не только по бокам, но и посередине, в контенте. Как сделать так, чтобы поменять фон только с боков, а посередине оставить как есть. Надеюсь я понятно описал проблему, буду рад если мне ответят, спасибо.
0 votes4 answers -
Не понимаю как сделать подскажите пожалуйста
Здраствуйте всем, подскажите пожалуйста не могу понять как сделать, есть формы ввода select и input и кнопка в конце submit. нужно чтобы после ввода данных при нажатии на кнопку все введеные данные отображались в поле внизу с такими же подза головками как у форм, плюс привязка времени во сколько было отправлено. я начинающий так что если можно более простым языком. формы ввода выглядят так примерно <div id="form"> <ul> <li> Ваша консоль: <select> <option>1</option> <option2</option> <option>3</option> <option>4</option> </select> </li> <li>Название -: <select> <option>Saa…
0 votes5 answers -
Резиновый сайт, координационные карты..
Есть сайт, фото на нём резиновые, меняются в зависимости от разрешения экрана... Я могу к ним применить координационные карты??? Ведь при задании их, надо указывать координаты пикселей.... А фото постоянно меняется в размерах.....
0 votes1 answer -
Не пойму в чем ошибка,не выравнивается по центру
https://dropmefiles.com/xpHGq Непойму в чем ошибка,не выравнивается по центру.Может причина в броузере?хотя с оперой то же самое. Подскажите,пожалуйста,где доступно почитать про margin и padding и выравнивание блоков,картинок и текстов,что по горизонтали,что по вертикали.
0 votes4 answers -
Размер изображения в заголовке темы
Доброго времени суток. Я не давно начал изучать WP. Есть тема avis_lite. Когда я работал с ней на 23' мониторе там рекомендовали ставить главное изображение 1600х920. Когда зашёл в админку с ноута (15 дюймов), то рекомендовали ставить 1600х750. Понятно что зависит от разрешения. Вопрос: как сделать чтобы и "волки целы и овцы сыты". Большое поставишь - на мелких мониках будет полоса прокрутки, маленькое - на больших по бокам будет пустое место. Какой оптимальный выход из положения? Насколько я понял - это относится к "резиновым" сайтам, нет? Заранее спасибо!
0 votes1 answer -
Исходный код показывает одно, а фактические получается другое
Обновил джумлу с 2 до 3 версии. Смотрю верстка стала кривой. В шаблоне и исходном коде показывается следующее: <div id="wrapper"><div id="menu"></div><div id="container"></div><div id="left"></div><div id="footer"></div></div>А фактически на самом деле выглядит все так: <div id="wrapper"><div id="menu"></div><div id="container"><div id="left"></div><div id="footer"></div></div></div>Как такое может быть? что исходный код пишет другое- правильное. думал может у меня с кешем что-то, но проверил сторонним сервисом - тот сделал скрин и там тоже поехавшая…
0 votes3 answers -
дважды открыть диалог
<div id="loading" style="display: none;"></div><div id="modal" style="display: none;"></div>$.ajax({ url: $(this).attr('href'), beforeSend: function(){ loading = $('#loading').dialog({ modal: true, width: 100, height: 100 }); $(".ui-dialog-titlebar").hide(); }, success: function(data){ loading.dialog('close'); $('#modal').html(data); $('#modal').dialog({ modal: true, width:'auto', }); } });с…
0 votes13 answers -
Создание дополнительных кнопок на картинке
Добрый день. Подскажите пожалуйста. Есть ряд картинок из которых надо сделать галерею, при наведении на каждую из которых появляется голубой фон и две кнопки. Это понятно, делается с помощью css с использованием псевдоссылки a:hover. Вопрос в том, как сделать чтобы при нажатии на эти кнопки происходили дальнейшие действие. Одна из кнопок связана с увеличением масштаба картинки. Возможно ли добавить этой новой кнопке ссылку на открытие увеличенной картинки в новом мини-окошке только с помощью css, или здесь необходимо использовать что-то другое?
0 votes2 answers -
Как убрать тень между элементами?
http://jsfiddle.net/tr0zurq1/ Предполагается, что тень будет именно для каждого элемента: либо для <li>, либо для <a>, а не для <ul>. По-идее, между элементами тень не должна быть видна, поскольку, z-index псевдоэлемента, для которого сделана тень, меньше z-index'a элемента, для которого сделан псевдоэлемент. Но тень всё равно есть. Почему? Как расположить тень "дальше" пунктов меню? <ul> <li><a href="#">Борщ украинский с пампушками</a></li> <li><a href="#">Вареники с печенью в луке с салом</a></li> <li><a href="#">Курица, тушенная с галушками</a></li></ul>ul { posi…
0 votes14 answers -
Помогите доработать "сайт")))
Ребята, всем доброго времени суток. Вот только недавно начала интересоваться темой сайта строения, получается ну скажем очень и очень нехорошо))). Не знаю как сделать так чтобы, когда увеличиваешь масштаб или уменьшаешь не съезжали буквы и вообще "сайт" оставался одной и той же формы и конструкции. HTML: CSS: Ребята, прошу Вас не судите сторого и не обижайте меня плохими комментариями. Я ведь девочка, а вы мужчины, поэтому будьте так любезны помогите))) Заранее благодарна!
0 votes14 answers -
Не корректно работает z-index на Android 4.2
Не корректно работает z-index на Android 4.2 Даже если взять пример с сайта бутстрап: http://getbootstrap.com/examples/theme/ Там есть верхнее навигационное меню ,которое при прокрутке страницы остается видимым, в нормальных браузерах. У навигационного меню задан стиль z-index:1030 Но если открыть эту же страницу на Android 4.2 (телефон, планшет) , то при прокрутке страницы верхнее навигационное меню становится невидимым, т.е. перекрывается контентом страницы. Очень надеюсь на вашу помощь ,так как точно такая же проблема возникла на моем сайте. что делать с z-index или заменить на какой то другой стиль?
0 votes9 answers