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
-
Как работает Body
Почему при задании для Body фиксированной ширины фоновый рисунок Body идет на всю страницу браузера?
0 votes5 answers -
css Проблемы с CSS в Джумле (поля выбора варианта)
помогите правильно поправить css в графах выбора варианта, было еще хуже, но сейчас маленькая проблема осталась в chosen.css надо стили дропдаунов выбрать, я поставил те что подошли, тоесть inline-block дк оно когда выпадает занимает все место куда выпало(отодвигает) посмотрите сами http://legion-m.pro/product/костюм-мужской-вихрь-ямал-зимний-хаки-комбинированный-кошачий/category_pathway-14 в самом товаре например, или там внизу есть еще заказ звонка, там тоже такая тема .-.
0 votes0 answers -
Подчеркивание текста так же, как на макете
Здравствуйте! Помогите, пожалуйста, реализовать подчеркивание текста в соответствии с примером, показанным на макете. Фрагмент макета - Вот, что получилось у меня https://asyntrail.github.io/project/ при изменение масштаба страницы полоса подчеркивания пропадает !?
0 votes5 answers -
Стили для частично изеняющегося ID блока
Приветствую. Подскажите, как для блока с изменяющимся ID прописать единый стиль. Поясняю: Имеется блок <div id="div-gpt-ad-1485257279370-0"></div> и цифры могут принимать различные значения, неизменным остаётся только "div-gpt-ad-", вот, как для такого блока можно задать стили css?
0 votes9 answers -
Как применить стиль к элементу 1 и 2 блока обертки?
Вот наброски, пробовал с :nth-child не сработало
0 votes1 answer -
Большая проблема многодевайсности
Честно, сейчас так много устройств, что кажется восстание машин уже началось и щимить они начали уже в вёрстке. Подскажите пожалуйста, что делать в такой ситуации: у iPadPro разрешение 1366х1024, у какого-нить ноутбука, к примеру, 1280х800. Так какую же версию сайта нужно отображать на Айпэд Про, если у него разрешение больше чем у ноутов? Я сделал отображение десктопной версии. Но тут заказчик посмотрел сайт с обычного айпэда, и говорит, что туда надо мобайл. И вот парадокс: iPadPro (protrait) - 1024x1366 iPad (landscape) - 1024x768 На один 1024 получается нужно повесить и десктопную и мобильную версию? Как? Тогда вопрос, может показывать на айпэд про …
0 votes2 answers -
Расстягиваем внешний div самым внутренним по высоте
Есть вложенные блоки <div id="d1"> <div id="d2"> <div id="d3"> ....... </div> </div> </div> Нужно чтобы все блоки имели высоту 100% и самый внутренний div (он может быть и 4-м... вложением) растягивал все внешние в зависимости от контента если контент больше 100%. Желательно без js.
0 votes8 answers -
margin указанный в % не работает в firefox
здравствуйте! указываю DIVу (margin: 1.5% 0;) везде нормально работает, а вот в мозиле, не работает вообще, в чем может быть проблема?
0 votes13 answers -
помогите, пожалуйста, с меню
Навигационная меню из макета. я обучаюсь и вот в данный момент не могу сделать так, чтобы ссылка была у всего блока, другими словами - не только у текста. Посоветуйте как быть
0 votes5 answers -
Мобильное меню
<nav class="main-nav main-nav--active"> <button class="main-nav--toggle" type="button">Открыть меню</button> <div class="main-nav__wrapper"> <ul class="main-nav__list"> <li class="main-nav__item main-nav__item--active"><a href="#">Главная</a></li> <li class="main-nav__item"><a href="#">Наши работы</a></li> <li class="main-nav__item"><a href="#">Записаться</a></li> <li class="main-nav__item"><a href="#">Контакты</a></li> </ul> <ul class="main-nav__user-list"> …
0 votes3 answers -
не корректная работа transition
Добрый день. При наведении на родительскую ссылку, дочерняя картинка и текст плавно меняют прозрачность: <a href="/pages/viewpage.action?pageId=936411868"><img src="/download/attachments/978223304/tk.png"/><span>Вакансии</span></a> .colo > div a span, .colo > div a img { transition: all .5s linear 0s; -o-transition: all .5s linear 0s; -moz-transition: all .5s linear 0s; -webkit-transition: all .5s linear 0s; -ms-transition: all .5s linear 0s; } .colo > div a:hover img, .colo > div a:hover span {opacity: .7;} Но помимо прозрачности происходит изменение размеров картинки, где то пикселей на 1-2. …
0 votes1 answer -
chrome Chrome: сбрасываются стили при сворачивании видео
Всем доброго времени суток. В процессе работы над очередным проектом столкнулся с проблемой: есть элемент video, который расположен внутри элемента для которого заданы transform: translateX и transition. Если перейти в полноэкранный режим видео, а потом его свернуть (вернуть в нормальный режим), то родительский контейнер анимируется. Копаясь в консоли разработчика обнаружил, что на время полноэкранного режима для всех родителей тега video сбрасываются некоторые css стили (в т.ч. transform и transition), что похоже и приводит к появлению анимаций после выхода из fullscreen. Применение флага important к моим стилям результата не принесло (кроме того что после этого еще и са…
0 votes2 answers -
Не выставляется полосами
Уже месяц пытаюсь откорректировать код так, чтоб блоки текста стали ровно, а все так получается. Где надо искать ошибку?
0 votes1 answer -
несколько глупых проблем
Доброго времени суток. Эксперементировал сам, не помогает. Знаний не достаточно. Прошу помочь добрых людей. Проблема нр. 1 1) ссылка - http://iy-style.com/nagelterapeut.html. 2) текст вылазит за пределы главного контейнера .block, хотя установлен height: 100% и на главный блок и на его родителя т.д.. 3) Необхадимо сделать что бы текст был послушным и никуда не вылезал. Как здесь - http://iy-style.com. Потом сделать по такому же принципе остольное страницы где будет много текста. При этом, что бы добавление картинок в том числе и большого размера (и увелечение существующей) не мешало тексту и не двигало ни одну из его строчек. Так же, …
0 votes3 answers -
Phaser.js как вращать объекты группы?
Создаю группу объектов и загружаю слой из Tiled this.saws = this.game.add.group(); this.saws.enableBody = true; this.map.createFromObjects('saws', 4, 'saw', 0, true, false, this.saws); В update задаю угол вращения и хочу чтобы пила вращалась вокруг свои оси. this.saws.angle += 1; Но группа объектов позиционируется относительно начала координат и пила начинает крутиться вокруг (0, 0) и вокруг своей оси. Как сделать так, чтобы она оставалась на своем первоначальном месте? Если загружать просто спрайт и ему прописывать угол и координаты, затем вращать, то все нормально, но если я собираюсь несколько десятков объектов загружать? Хотелось просто р…
0 votes0 answers -
цикл While
Добрый вечер, пишу игру виселица, по книге. Возникла проблема. Ввод и запись верных букв прогоняется через цикл while, не могу понять как сделать взять данные что бы рисовался человечек на canvas. Получается он рисуется после того как цикл полностью выполнен.
0 votes1 answer -
Float, выравнивание по ширине
Здравствуйте. Вопрос по следующей вёрстке: <!DOCTYPE html> <html lang="ru"> <head> <style> .left{ float:left; background:red; } .no_float { background:green; text-align:center; font-size:30px; } </style> <meta charset="utf-8" /> <title>Документ без названия</title> </head> <body> <div class="left"> float:leftrvrcrvrvr </div> <div…
0 votes4 answers -
Делаю прижатый футер к низу, но контент не влезает
На некоторых страницах сайта необходимо, чтобы футер был прижат к низу, т.к. контента мало. На других же страницах - контента, наоборот, много. И контент тогда переваливает за футер Как с этим бороться?
0 votes3 answers -
Выпадающее меню пропадает
Добрый день. Создаю здесь тему впервые. Собственно, опыта о данном ресурсе пока нет. Но изучил местные правила. 1)Ссылка на проблему - www.iy-style.com 2)Выдвижное меню пропадает (пункт Utbildningar), так как соприкасаеться с другим контейнером. Насколько сложно это исправить? Я использовал готовый код меню, понятное дело. Не знаю, насколько большая проблема, может придеться переделывать весь принцип, по которому я делаю этот простейший сайт, так что из-за меню теперь у меня все стоит. 3)Необхадимо что бы выдвижное меню работало как подабает - т.е. не пропадало бы при наведении на него мышкой. И не сливалась бы с контейнером, где параграф и текст. …
0 votes2 answers -
Не работает калькулятор
Добрый день, уважаемые завсегдатаи форума. Есть такой калькулятор http://tg.seodacha.ru/index2.html. На этой странице все работает. Вставляю тот же самый калькулятор через админку сайта и калькулятор не работает. Вот сейчас тут http://tg.seodacha.ru/content/kalkulyator При клике на "Необходимость котла" http://joxi.ru/XEA4wkPfLaEB2b не появятся этот список http://joxi.ru/Y82Q8Y6TYRxBmd При вводе исходных значений здесь http://joxi.ru/LVm6wQPfO7pZ2Z не происходит расчет, а тут http://tg.seodacha.ru/index2.html все нормально работает Дело в верстке?
0 votes1 answer -
Блок залетает под блок, из-за float
Блок content залетает под блок banner из-за float, как исправить? У меня есть специальный класс(row) для этого(чтобы обычные блоки обтекали float), но он не работает. вв.7z
0 votes1 answer -
Выбор ноутбука для front-end разработки
У меня бюджет 10к грн. Остановил свой выбор на ноутбуке HP 255 G5 (Y8C03ES) . Скажите, он подойдет для обучения и работы на фрилансе? Не будет ли виснуть макеты в фотошопе CC? Или с таким ноутом лучше не соваться в ит? Спасибо. Экран 15.6” (1920x1080) Full HD, глянцевый с антибликовым покрытием / AMD Quad-Core A6-7310 (2.0 - 2.4 ГГц) / RAM 8 ГБ / SSD 128 ГБ / AMD Radeon R4
0 votes7 answers -
Многоуровневое выпадающее меню. Ширина блока по содержимому.Как?
Привет! возникла такая проблема при тестировании выпадающего меню, внутри category блок category1 а в нем category level2 который переносится по слогам а должен тянуться по ширине строки Пример здесь http://213.111.228.103/drop/ ps: вроде-бы это стандартное решение с position:absolute и должно работать но возможно я где-то ошибку допустил, никак не пойму...первый уровень меню category1 нормально тянется по содержимому а уже вложенный в category1 не корректно работает
0 votes1 answer -
Не работает SUBMIT в форме
Здравствуйте, у меня небольшая проблема. Нажимая на кнопку submit никуда не перенаправляет. <form method="GET" action="http://elusive-rp.ru/check_param.php"> <label>Ник на сервере<span class="verification"></span></label> <input type="text" value="" name="nickname" id="contact-name"> <br> <select class="donateselect" name="level"> <option value="a1" selected>1 уровень - 50 руб</option> <option value="a2">2 уровень - 100 руб</option> …
0 votes3 answers -
Выравнивание блоков по центру используя свойство: text-align
Добрый день! Иногда возникает потребность размещать блоки по центру, не задавая родителю фиксированной ширины.( то есть без использования margin :0 auto,и т.п), Ширина блока равна их содержимому. А сами блоки имеют фиксированную ширину в пикселях. Свойства display: inline-block и text-align:center позволяет так сделать. Например http://jsfiddle.net/greenrow/0jaw9bn9/ Это очень удобно при адаптивной верстке (например фото-галлерея), все элементы автоматически выравниваются по центру и не надо использовать css media queries; Смущает использование строчных стилей для блочных элементов: text-align:center для div, как то не очень... Вопрос: ест…
0 votes4 answers