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
-
Что делать? [html, js, php]
Добрый вечер. Недавно начал понемногу осваивать азы сайтостроения, прошел задания codecademy и около половины htmlcademy, и задался вопросом: что делать дальше, чему учиться и, главное, как это делать? Ресурсов с информацией по технологиям пруд пруди - платные, бесплатные, на торрентах просто кладезь, на форумах добрые люди отвечают на вопросы, но непонятно, с какой стороны подступаться к созданию сайта с нуля, чтобы не было мучительно больно и не городить полгода велосипеды. Если честно, не хватает чего-то навроде вузовского учебника, который постепенно привел к построению своими руками сайта с участием большинства применяемых сегодня технологий. Вроде бы поначалу вс…
0 votes6 answers -
Можно ли при получении фокуса подсветить родительский блок
Как можно сделать что бы при получении фокуса textarea подсвечивался родительский div. То есть, необходимо чтобы textarea никак не реагировала, а реагировал родительский блок. Вот пример - http://jsfiddle.net/0o279vv1/
0 votes4 answers -
Неправильно определяется разрешение экрана
Разбираюсь с адаптивным дизайном. Использую вот такую конструкцию: <meta name="viewport" content="width=device-width, initial-scale=1.0">Стили подключаю вот так: <link rel="stylesheet" media="all and (min-device-width:320px)" href="{THEME}/css/style_480.css" />Тестирую на смартфоне с экраном 480х854. При такой конструкции ширина экран определяется в 320 пх. и весь шаблон вроде как растягивается. Если в медиазапросе указать значение больше 320 пх, стили вообще не подгружаются. Если не использовать "viewport" шаблон сильно сжимается, вроде как масштаб уменьшается, причем уменьшаются всё кроме текста - текст отображается нормального размера. Искажения о…
0 votes2 answers -
Карта на фон страницы контакты
Привет всем. Не могу понять, как сделать карту google на фон страницы контакты, как в данных примерах: http://www.thelocals.co.nz/about-us/our-location/ http://www.scs-ntech.ru/kontakty/ На этих сайтах при перемещении мышки по странице и прокрутке роликом карта не увеличивается. Основная проблема с которой я столкнулся - это то что при прокрутке роликом мыши невозможно листать страницу, так как увеличивается и уменьшается карта. Вопрос, как реализовать данную возможность.
0 votes3 answers -
где взять шрифт?
где взять шрифт harmonia sans w1g заказчик передал исходники psd, а в макете используются эти шрифты. заказчик не отвечает хоть и выслал предоплату. посмотрел в инете, шрифтов практически нигде нету, кое где нашел, но они платные. 2-3 т.р. за один тип шрифтов. что делать?
0 votes3 answers -
Не работает перекатывание картинки в Хроме и Опере
Собственно код .enter {background: url("../img/enter.png"); display: inline-block; width: 170px; height: 42px; position: relative;margin-left: 20px;cursor: pointer; font-family: Arial, sans-serif; font-size: 20px; font-stretch: condensed; font-style: italic; font-weight: bold; color: #7F5B2B; line-height: 42px; text-align: center; text-decoration: none; text-shadow: 1px 2px 3px rgba(255,255,255,0.5); -webkit-background-clip: text; -moz-background-clip: text; background-clip: text;}.enter:hover {background-position: 0 -42px;}.enter:active {background-position: 0 -84px;}<button class="enter" onclick="submit();" typ…
0 votes2 answers -
что должно происходить?
не много лоигку не понимаю http://s011.radikal.ru/i315/1502/cb/b4b4810a4573.jpg есть стрелка под хедером, что должно происходить? ничего или щелчок с прокруткой к первому слайду?
0 votes1 answer -
Настроил файл .htaccess теперь не грузятся CSS javascript картинки
Здравствуйте. Сделал ЧПУ на личном движке все прекрасно работает. Но теперь другая большая проблема. Настроил файл .htaccess теперь не грузятся CSS javascript картинки 1) Прописывал абсолютный путь для CSS такового вида <link rel="stylesheet" href="http://site.loc/temp/temp_1/css/style.css"/> БЕСПОЛЕЗНО!! 2) Перемещал файл CSS в корень сайта <link rel="stylesheet" href="style.css"/> БЕСПОЛЕЗНО!! Да и вообще чего только не делал. Уже неделю мучаюсь. Помогите советом пожалуйста. В файле .htaccess такие настройки: AddDefaultCharset utf-8 RewriteEngine on RewriteBase / RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d Rewri…
0 votes8 answers -
Загадка с CSS
Всем привет! Бьюсь уже час, не могу понять. Сайт go-gamer.ru Проблема с содержимым футера. Оно никак не хочет подчиняться тому, что написано в CSS. Помогите пожалуйста понять причину.
0 votes1 answer -
Lightbox. Как изменить максимальную высоту?
Для увеличения фоток используется Lightbox. Проблема возникла с высокими изображениями. То есть, изображение больше высоты экрана. И поэтому при "высоком" изображении не работает кнопка "CLOSE" http://savepic.su/4934392.png Если изображ. уменьшить по высоте, то кнопка "CLOSE" начинает работать. Что нужно сделать, чтобы кнопка работала при любой высоте? Я, как поняла за размер изображений отвечает этот код в файле lightbox.js: resizeImageContainer: function(imgWidth, imgHeight) { // get current width and height var widthCurrent = this.outerImageContainer.getWidth(); var heightCurrent = this.outerImageContainer.getHeight(); // get new width …
0 votes0 answers -
Связка дыух блоков - div и span псевдоклассом hover
Здравствуйте! Есть код типа: HTML: <div class="class_1"> <span></span></div>CSS: .class_1 {display: block;width: 40px;height: 40px;background-color: #2b2b2b;}.class_1:hover {background-color: #000000;cursor: pointer;}.class_1 span {display: block;width: 20px;height: 20px;float: right;margin-top: 10px;margin-bottom: 10px;background-color: #aaaaaa;}.class_1 span:hover {background-color: #ffffff;cursor: pointer;}Для наглядности http://jsfiddle.net/3bbb980k/ Как можно сделать, чтобы при наведении на родительский div выполнялся свой hover и у div, и у дочернего span?
0 votes8 answers -
Как лучше реализовать вот такую задумку?
Вот как лучше реализовать вот такую вот задумку дизайнера Макет: http://prntscr.com/62xzzj Надо сделать так, что бы при нажатии на Ежика, открывалось окошко поверх картинки Ежика вот так http://prntscr.com/62y0my
0 votes3 answers -
Смена картинки svg при наведении курсора без задержки/альтернатива
Здравствуйте! Есть код типа: HTML: <a></a>CSS: a {display:block;width: 50px;height: 100px;background: #2b2b2b url(/some_image1.svg) no-repeat;background-size: contain;background-position: left;}a:hover {background: #000000 url(/some_image2.svg) no-repeat;}Суть в том, что картинка svg - простая однотонная иконка с прозрачным фоном, при наведении нужно изменить её цвет, но если это реализовать с помощью смены картинки на такую же, только другого цвета, смена происходит с задержкой. Изображение исчезает, а через секунду появляется другое. Так происходит только первый раз, потом картинка, видимо, попадает в кэш браузера и смена происходит без задержки, но задержк…
0 votes9 answers -
Проблема с "табами"
Добрый день! Прошу помочь разобраться с багом. При смене таба, а потом возврате в первый содержимое таба пропадает. Вот ссылка на страницу с багом http://root.donkos.esy.es/card.html и скрин http://prntscr.com/62wjl8 , а это скрин с результатом ошибки http://prntscr.com/62wk8q . Заранее благодарю!
0 votes2 answers -
удалить скрипт из документа
скажите пожалуйста почему не срабатывает такой код? <script id="init_masonry"> $( document ).ready(function() { $('#container').masonry({ itemSelector: '.item', columnWidth: function(containerWidth) { return containerWidth / 3; } }); }); </script> <script> $( document ).ready(function() { console.log( "ready!" ); $('#init_masonry').remove(); }); </script> он должен удалять инициализатор плагина из тела документа посоветуйте пожалуйста альтернативу
0 votes0 answers -
Как выровнять div по правому краю без float!
Привет, форумчане! Подскажите, как можно выровнять div по правому краю без использования flot и относительного либо абсолютного позиционирования. Имеется вот такой вот div.pagination, внутри которого лежит div.pages, что и нужно сдвинуть в правую сторону блока pagination: http://joxi.ru/gmvjVqJuM9XQma Для вложенного блока установил свойство 'display: inline-block'. Пробовал сдвинуть с помощью text-align - не помогло И margin'ы тоже не выручают. Что посоветуете? Заранее спасибо!
0 votes13 answers -
Два блока на всю ширину экрана
Есть два блока, один фиксированного размера, второй должен растянуться по ширине до конца страницы. То есть, 2 блока должны растянуться на всю ширину странички. Вот пример - http://jsfiddle.net/9k5xwnvp/
0 votes4 answers -
Ширина div в процентах, как сделать такую же высоту?
Здравствуйте, есть такая часть макета: https://yadi.sk/i/P61hKvSyeZaHs Хочется сделать ее адаптивной, поэтому делаю такую верстку: http://jsfiddle.net/pv6ektx0/ Но вот проблема в том, что нужно задать высоту блока без картинки такую же, как и его ширина, не подскажите как это сделать? если возможно, то желательно без JS, но это не критично.
0 votes10 answers -
Почему блок выпал?
Всем привет! Опытные верстальщики помогите разобраться, почему блок с таблицей опускается ниже всех остальных. Да и последний div тоже не на своем месте. Почему то немного опущен. http://cssdeck.com/labs/8madbvfx Никак не могу понять в чем дело. Спасибо!
0 votes8 answers -
При клике прыгает блок.
Добрый вечер, возникла проблема с кнопкой "предложить свою цену" - правил через позиционирование, в чем может быть ошибка? при клике прыгает блок. Спасибо.
0 votes2 answers -
Размещение блоков на странице
Добрый вечер, господа! У меня в макете нужно сделать следующее наложение блоков http://c2n.me/3c7Bs0s Нужно чтобы на слайдере была наложена шапка Никак не могу придумать как это сделать. Подскажите как бы это сделали вы? Вот то что сейчас есть: http://justexemple.host56.com/
0 votes1 answer -
Скошенная сторона у блока произвольной высоты, IE8 и выше, как реализовать?
Необходимо реализовать блок со скошенной стороной, как на картинке: Нагуглить решение мне не удалось. Есть ли способ такое реализовать IE8 и выше, желательно без использования картинок?
0 votes1 answer -
подогнать фон
помогите пожалуста советом есть задача переверстать статичный сайт в адаптивный, используя стандартную бутстраповскую сетку. проблему представляет фон, который сделан одной картинкой, и изменять который, в силу некоторых причин, нельзя здесь я набросал основной каркас сайта. как видите, фон элемента body при больших ширинах экрана смотрится нормально, на планшетах становится видна пустая середина, а при меньших размерах он и вовсе пропадает(пропадает узор и остаётся лишь красный цвет) скажите, можно ли исправить эти 2 косяка малой кровью? меня устроит даже объяснение на словах как можно поступить с проблемой
0 votes7 answers -
Откуда паддинги?
Всем привет! Подскажите, опытные верстальщики, откуда в некоторых ячейках таблицы появляются padding'и: http://joxi.ru/n2YY0kKc5Y1Z26 Я не так давно в вашей сфере, может эта банальная ошибка, но я не понимаю. Chrome говорит, что у ячейки они отсутствуют, но все равно их выделяет при наведении на слово padding внутри этого окошка: http://joxi.ru/Y2L8DXguL3W126 margin'ы у внутренних блоков убраны и при рассмотрении через html отладчик, если его можно так назвать, никакого влияния на эту область не дают. У таблицы стоит свойство cellpadding="0" Свойства для всех ячеек одинаковы, но у каких-то таких проблем нет, а у каких-то есть? С чем это может быть связано? Спасиб…
0 votes4 answers -
Почему тело страницы НЕ подлазит под навигацию?
Здравствуйте. Стандартный пример вёрстки с бутстрапом http://getbootstrap.com/examples/theme/# . Здесь навигация (тёмная полоска сверху) имеет тип позиционирования fixed и следовательно должна выдёргиваться из стандартного потока вывода объектов. Следующий за навигацией элемент имеет тип позиционирования static, и по логике должен занимать место вырваной из потока объектов нафигации. Но тем-не-менее он размещён следом за ней, так, как будто бы оба имеют статическое позиционирование. Почему они размещаются так? Спасибо за ответ.
0 votes2 answers