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
-
Неподвижный фон на адаптивном сайте
Добрый день, подскажите с вопросом, как на адаптивном сайте сделать фоновое изображение, которое остается на своем месте (обрезается) при уменьшении экрана. Картинка для наглядности : http://s016.radikal.ru/i337/1506/6e/53922c9e96df.png
0 votes4 answers -
Выравнивание DIV внутри таблицы
Здравсвуйте! Помогите начинающему. Есть такой код: http://codepen.io/anon/pen/vOxaXV Внутри ячейки таблицы может быть любое количество блоков, и они должны распологаться горизонтально (а не вертикально как по ссылке),и должны делить между собой доступную в ячейке ширину. Заранее спасибо за помощь.
0 votes8 answers -
Начинающий верстальщик
Здравствуйте, решил освоить профессию верстальщика. Постиг основы HTML, CSS, JavaScrip, jQuery, а дальше начались проблемы. Проблема находится в области перевода макета в HTML/CSS/JavaScrip. Как я понял, то Responsive Web Design становится стандартом. Чем и как переводить Responsive Templates в код? Учить adobe illustrator? Что делать с обычными Templates? "Нарезка" в Photoshop это типа уже старая практика, как и сам Photoshop, (советуют спрайты), что делать с Responsive Templates тоже непонятно. Подскажите, пожалуйста, как быть? Какими инструментами конвертировать макеты и как? Интересуют только актуальные методики. PS: Когда я учил теорию, то много негатива встрет…
0 votes41 answers -
проблема со шрифтом
проблема со шрифтом pfdintextpro http://joxi.ru/xAe0Kdbh800e2y и полужирный medium не корректно отображает(слишком жирный). в фотошопе все отлично. как решить проблему? версию шрифта нашел только одну и она корявая.
0 votes2 answers -
Выравнивание блоков
Вот вопрос,почему img и div не выравниваются по верхней границе? http://codepen.io/anon/pen/LVWORd
0 votes10 answers -
Список в две колонки
Привет! есть список он отображается криво http://jsfiddle.net/soltx/y4qdab97/ как поправить (кроссбраузерность ie9+)
0 votes11 answers -
подскажите пожалуйста как верстать буллеты (списки выгод с иконками)
здравствуйте. озадачился вопросом как правильно верстать списки если в списках есть символ, например галочка? для этого нужно создать контейнер из двух колонок, в левой вставлять фоном иконку, а колонке уже элемент списка? или есть другой метод.
0 votes4 answers -
Почему классы у элемента одни и те же, а применяются по разному на разных страницах?
Здравствуйте! На странице1 и странице2 есть одни и те же элементы div вида <div class="col-sm-4 col-xs-6 width25 floatleft">, которые выводят новинки и прочее внизу страницы в области основного контента. Я сравнил путь к ним относительно body на обоих страницах с помощью инструментов разработчика Хром и вроде он одинаков. Почему же на одной странице применяется стиль класса col-sm-4, а на второй - width25?
0 votes1 answer -
Всплывающая подсказка для сенсорных экранов
Скажите пожалуйста, как можно реализовать всплывающую подсказку для смартфонов и планшетов. Например, что бы при касании картинки всплывало текстовое сообщение, и не пропадало пока не нажмешь в другом месте или не прокрутишь страничку вниз/вверх. Обычный <a title="text"> не работает, при клике картинка только рамочкой вокруг выделяется а сообщения нет.
0 votes2 answers -
Не срабатывают медиазапросы
Здравствуйте! Может кто подскажет, как решить проблему... Пока не умею верстать шаблоны для Вордпресса, поэтому использую бесплатный. В шаблоне есть контрольная панель, в которой задаются настройки. Я его использовала несколько лет. Сейчас по стандартам Гугла нужно устанавливать адаптивные темы на сайты. Шаблон, который я использую, обновился и у него теперь в стилях прописаны медазапросы. Я удалила старую версию и установила новую. Медиазапросы не активируются. Сервис проверки от Гугла пишет, что шаблон не адаптирован, а на мобильном видно, что обрезается часть контента и половина каждой картинки. На планшете сайдбар налезает на контент. Я создала новый тестировочный сай…
0 votes11 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 -
Ячейки в таблице
Добрый день. Почему ячейки в таблице не совпадают? <!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 -
Хелп
Тут кажется не запрещено задавать глупые вопросы. Пользуюсь: Короч, я пытался верстать сайт по туториалу, мужик пропустил момент и пошел дальше ( он работал в Лисе ), а меня как-то заинтересовало и не могу понять в чем именно трабл. В Мозиле адаптируется идеално (на скрине снизу), а в Хроме и Сафари съезжает в низ нумер. Не хватает где-то префиксов, если да то где?Из фреймов добавил только сетку БутСтрап. кажется - туториал (на 1:21:00 показывается, как все работает в Мозиле)http://jsfiddle.net/jpu8nrue/- код (впервые пользуюсь такой ссылкой, если что не так - чиркните; исправлю)
0 votes4 answers -
Не important
Есть ли свойство,которое обратно important в стилях?
0 votes13 answers -
Табы Bootstrap: изменяется шрифт на мобильных устройствах
Добрый день! Есть табы, сделанные при помощи Bootstrap. Для текста внутри них задан фиксированный размер шрифта в пикселях. Верстка фиксированная, задан <meta name="viewport" content="width=1260">. На обычных экранах все отображается корректно. На мобильных устройствах шрифт увеличивается, при этом никаких свойств в style не появляется, он просто становится больше. Консоль Хрома это подтверждает, но при этом сообщает что активно ранее заданное значение фиксированной ширины. Подскажите, пожалуйста, можно ли это побороть? Каким образом Бутстрап меняет размер шрифта? Скриншот c мобильного устройства - https://yadi.sk/d/ZKo-UlQUh3KHB Ссылка - http://goo.gl/Bm1…
0 votes7 answers -
Не работает clearfix
Доброе время суток. Не получается заставить работать clearfix, центральный блок уходит вниз. Прошу вашей помощи html: css: И вот так это выглядит:
0 votes14 answers -
как перевести сайт с API Youtube версии v2 на версию v3?
Привет, кто сталкивался, подскажите, как перевести сайт с API Youtube версии v2 на версию v3? Например, такой вот PHP код как переделать, чтобы он работал в v3? $str1 = file_get_contents("http://www.youtube.com/embed?listType=search&author=".$arParams["CHANNEL_ID"]."&v=2&orderby=updated&alt=jsonc&max-results=".$cnt_per_page."&start-index=".($page1-1)*$cnt_per_page+1);
0 votes1 answer -
@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 -
Помогите сделать таблицу
Как сделать вот такую таблицу. невыходит у меня чтоб все так же было. не получаются столбцы с вертикальным текстом
0 votes5 answers -
Как создать простейшую корзину
Добрый день, друзья! Прошу прощения, может кто подскажет готовый простейший, легкий плагин для корзины? Товаров всего 3 десятка, атрибутов у них 1-2, а в готовых примерах очень много переменных. Спасибо!
0 votes2 answers -
Ищу наставника
Всем привет, уважаемые форумчане. Понимаю, что вряд ли эта тема выстрелит, но я буду благодарен, если вы просто задержитесь на этом посте дольше 10 секунд . Я ищу наставника. И чтобы не тратить Ваше время постараюсь компактно рассказать о себе и что я могу предложить. Хочу сразу уточнить, что это не коммерческое предложение. Я студент, заканчиваю бакалаврат. В школе увлекался html, верстал свои первые странички. Потом в институте усиленно изучал языки программирования, в частности Java. Но работу спустя 2 года поисков найти так и не смог. Какое то время фрилансил на джаве. Сейчас же решил углубленно изучить HTML и CSS. Во первых это не будет лишним непосредственно для…
0 votes20 answers -
Яндекс БЭМ
Использовать ли всегда яндекс Б.Э.М?
0 votes15 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 -
Фоны в в div'ах расходятся при сужении экрана
http://cssdeck.com/labs/collab/deoxlsaw http://s013.radikal.ru/i323/1505/83/7283853ab505.jpg У body и основного div'а один фон, но при сужении экрана, изображения расходятся, можно ли исправить в background-attachment, или как-нибудь, путем наименьшего сопротивления?
0 votes0 answers