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
-
Неподвижный фон на адаптивном сайте
Добрый день, подскажите с вопросом, как на адаптивном сайте сделать фоновое изображение, которое остается на своем месте (обрезается) при уменьшении экрана. Картинка для наглядности : http://s016.radikal.ru/i337/1506/6e/53922c9e96df.png
0 votes4 answers -
Выравнивание DIV внутри таблицы
Здравсвуйте! Помогите начинающему. Есть такой код: http://codepen.io/anon/pen/vOxaXV Внутри ячейки таблицы может быть любое количество блоков, и они должны распологаться горизонтально (а не вертикально как по ссылке),и должны делить между собой доступную в ячейке ширину. Заранее спасибо за помощь.
0 votes8 answers -
проблема со шрифтом
проблема со шрифтом pfdintextpro http://joxi.ru/xAe0Kdbh800e2y и полужирный medium не корректно отображает(слишком жирный). в фотошопе все отлично. как решить проблему? версию шрифта нашел только одну и она корявая.
0 votes2 answers -
Выравнивание блоков
Вот вопрос,почему img и div не выравниваются по верхней границе? http://codepen.io/anon/pen/LVWORd
0 votes10 answers -
Не срабатывают медиазапросы
Здравствуйте! Может кто подскажет, как решить проблему... Пока не умею верстать шаблоны для Вордпресса, поэтому использую бесплатный. В шаблоне есть контрольная панель, в которой задаются настройки. Я его использовала несколько лет. Сейчас по стандартам Гугла нужно устанавливать адаптивные темы на сайты. Шаблон, который я использую, обновился и у него теперь в стилях прописаны медазапросы. Я удалила старую версию и установила новую. Медиазапросы не активируются. Сервис проверки от Гугла пишет, что шаблон не адаптирован, а на мобильном видно, что обрезается часть контента и половина каждой картинки. На планшете сайдбар налезает на контент. Я создала новый тестировочный сай…
0 votes11 answers -
Всплывающая подсказка для сенсорных экранов
Скажите пожалуйста, как можно реализовать всплывающую подсказку для смартфонов и планшетов. Например, что бы при касании картинки всплывало текстовое сообщение, и не пропадало пока не нажмешь в другом месте или не прокрутишь страничку вниз/вверх. Обычный <a title="text"> не работает, при клике картинка только рамочкой вокруг выделяется а сообщения нет.
0 votes2 answers -
Почему классы у элемента одни и те же, а применяются по разному на разных страницах?
Здравствуйте! На странице1 и странице2 есть одни и те же элементы div вида <div class="col-sm-4 col-xs-6 width25 floatleft">, которые выводят новинки и прочее внизу страницы в области основного контента. Я сравнил путь к ним относительно body на обоих страницах с помощью инструментов разработчика Хром и вроде он одинаков. Почему же на одной странице применяется стиль класса col-sm-4, а на второй - width25?
0 votes1 answer -
Не переключается слайдер
Вот такой должен быть слайдер. Сделал его таки образом, что при нажатии на радиобаттон слайдеры должны двигаться. Но почему-то это не получается http://codepen.io/anon/pen/JdEEdv
0 votes4 answers -
Табы Bootstrap: изменяется шрифт на мобильных устройствах
Добрый день! Есть табы, сделанные при помощи Bootstrap. Для текста внутри них задан фиксированный размер шрифта в пикселях. Верстка фиксированная, задан <meta name="viewport" content="width=1260">. На обычных экранах все отображается корректно. На мобильных устройствах шрифт увеличивается, при этом никаких свойств в style не появляется, он просто становится больше. Консоль Хрома это подтверждает, но при этом сообщает что активно ранее заданное значение фиксированной ширины. Подскажите, пожалуйста, можно ли это побороть? Каким образом Бутстрап меняет размер шрифта? Скриншот c мобильного устройства - https://yadi.sk/d/ZKo-UlQUh3KHB Ссылка - http://goo.gl/Bm1…
0 votes7 answers -
Не important
Есть ли свойство,которое обратно important в стилях?
0 votes13 answers -
:hover в мобильных браузерах
Допустим есть некая форма со списком услуг. При наведение пункт списка меняет цвет. При клике цвет фиксируется, т.е. добаляется класс с помощью js, при повторном клике класс удаляется и соответственно цвет меняется. Но на тач устройствах hover воспринимается как клик, и в результате выделение не снимается после повторного клика. Пробовал заменить css hover на js, и при клике насильно удалять класс, который вешается при наведении. Помогло, но не во всех браузерах, например в 4 айфоне 13-ый яндекс браузер и какая-то сафари не повелись на этот трюк, и упорно цепляются за hover. Какие есть еще варианты?
0 votes16 answers -
Помогите, плиз! Проблема после двух дивов в строчку.
Такая проблема: Два дива стоят рядом в строчку, оба высотой 410px, но почему-то следующий див не отсчитывает margin от этих двух, а только от того, что перед ними. <div id="div-toxic-left"> <ul id="list-2"> <li>Пункт 1</li> <li>Пункт 2</li> <li>Пункт 3</li> </ul> </div> <div id="div-toxic-right"><img src="img/toxic-in-fat.gif" width="447" height="302" alt="Токсины в жировых тканях"/></div> <div class=”clearer”></div> #div-toxic-left{margin: 0px 0px 0px 1px; height: 100%; min-height:410px; width: 600px; background:#ecf7ff; float:left;} #div-toxic-right{margin: 0px 1px 0px 0px; text-…
0 votes5 answers -
Локальное использование ssi
Добрый день. Возможно ли избегая всякие сборки типа денвера, wingnix или open server, использовать локально ssi ?
0 votes3 answers -
Хелп
Тут кажется не запрещено задавать глупые вопросы. Пользуюсь: Короч, я пытался верстать сайт по туториалу, мужик пропустил момент и пошел дальше ( он работал в Лисе ), а меня как-то заинтересовало и не могу понять в чем именно трабл. В Мозиле адаптируется идеално (на скрине снизу), а в Хроме и Сафари съезжает в низ нумер. Не хватает где-то префиксов, если да то где?Из фреймов добавил только сетку БутСтрап. кажется - туториал (на 1:21:00 показывается, как все работает в Мозиле)http://jsfiddle.net/jpu8nrue/- код (впервые пользуюсь такой ссылкой, если что не так - чиркните; исправлю)
0 votes4 answers -
Ячейки в таблице
Добрый день. Почему ячейки в таблице не совпадают? <!DOCTYPE html><html><head><meta charset="utf-8"><style type="text/css"> TABLE,TD{ border:1px solid black; border-collapse: collapse; }</style></head><body><table> <tr> <td>100000</td> <td colspan="3">2000000</td> </tr> <tr> <td colspan="2">3000000</td> <td>4000000</td> <td>5000000</td> </tr></table></body></html>
0 votes2 answers -
Ищу наставника
Всем привет, уважаемые форумчане. Понимаю, что вряд ли эта тема выстрелит, но я буду благодарен, если вы просто задержитесь на этом посте дольше 10 секунд . Я ищу наставника. И чтобы не тратить Ваше время постараюсь компактно рассказать о себе и что я могу предложить. Хочу сразу уточнить, что это не коммерческое предложение. Я студент, заканчиваю бакалаврат. В школе увлекался html, верстал свои первые странички. Потом в институте усиленно изучал языки программирования, в частности Java. Но работу спустя 2 года поисков найти так и не смог. Какое то время фрилансил на джаве. Сейчас же решил углубленно изучить HTML и CSS. Во первых это не будет лишним непосредственно для…
0 votes20 answers -
Правильно ли сделать сайт на одних div'ах?
Собрался делать сайт, с такой структурой: Шапку и блок с основной информацией хочу сделать в виде Divов, не знаю только как будет правильно сделать меню. Его лучше сделать обычным html-меню или тоже блоком? Мне надо еще чтобы при нажатии на пункт меню информация появлялась в основном блоке, без перезагрузки всей страницы. Это получится сделать бе применения фрейма?
0 votes26 answers -
@font-face не работает на локальном сервере
@font-face { font-family: 'Intro'; src: local('Intro'), local('Intro Regular'), url('fonts/intro.woff') format('woff'); font-weight: normal; font-style: normal;}@font-face { font-family: 'Intro'; src: local('Intro'), local('Intro Regular'), url('fonts/intro-inline.woff') format('woff'); font-weight: 700; font-style: normal;}Вот хоть расшибись в лепешку, а на локальный сервер не подгружает шрифты. При этом на хостинге всё работает без проблем. Погуглил и ничего не нашел. Может кто знает в какую сторону копать?
0 votes2 answers -
Как создать простейшую корзину
Добрый день, друзья! Прошу прощения, может кто подскажет готовый простейший, легкий плагин для корзины? Товаров всего 3 десятка, атрибутов у них 1-2, а в готовых примерах очень много переменных. Спасибо!
0 votes2 answers -
Гугл шрифт
Подгрузил шрифт в head прописал - <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300subset=cyrillic,cyrillic-ext,latin,greek,latin-ext,vietnamese' rel='stylesheet' type='text/css'> в css - font-family: 'Open Sans Condensed', sans-serif; В браузерах отображается все хорошо а вот планшет не видет шрифтов ((( В чем может быть проблема ?
0 votes3 answers -
Смежные media queries отображаются внахлест
Доброго дня. Я новичек в адаптивной вестке, и чего то я не могу врубится в одну проблему... Смежные media queries отображаются внахлест не пойму по какой причине, все вроде правильно, но на брекпойнтах получается скрол... Величина перекрытия составляет около 12-20рх на разных точкак. макет: http://sea.kh.ua/test/test2.html Скрин брейкпойнта 980рх http://sea.kh.ua/test/980.jpg Скрин брейкпойнта 786рх http://sea.kh.ua/test/768.jpg Что я делаю не так?
0 votes7 answers -
Стрелка на css
Привет, всем! как реализовать такое на css, стрелка будет поверх слоя с изображением, вот такие трудности
0 votes8 answers -
Яндекс БЭМ
Использовать ли всегда яндекс Б.Э.М?
0 votes15 answers -
Помогите сделать таблицу
Как сделать вот такую таблицу. невыходит у меня чтоб все так же было. не получаются столбцы с вертикальным текстом
0 votes5 answers -
Фоны в в div'ах расходятся при сужении экрана
http://cssdeck.com/labs/collab/deoxlsaw http://s013.radikal.ru/i323/1505/83/7283853ab505.jpg У body и основного div'а один фон, но при сужении экрана, изображения расходятся, можно ли исправить в background-attachment, или как-нибудь, путем наименьшего сопротивления?
0 votes0 answers