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
-
Как сделать, чтобы два div-а тянулись один за другим
Есть один внешний div, в него вложены два других, которые образуют собой две колонки. Мне нужно, чтобы при увеличении высоты одной из колонок увеличивалась высота другой. Сейчас у меня в зависимости от количества материала увеличивается только одна из двух. Реализовать попробывал задав внешнему слою height: auto, остальным задал height: 100%. По логике вроде нормально все - задаем auto размер для внешнего слоя, и если одна из колонок тянется, то соответственно размеры внешнего становятся больше, и размеры другой колонки занимают все свободное пространство. Но не работает нифига. Может поможет кто?
0 votes1 answer -
помогите с шрифтами
Есть шрифт "Helv4Light" это два файла: "Helv-4-Light.pfb" и "Helv-4-Light.pfm" в стилях подключаю так: @font-face { font-family: Helv4Light; /* Гарнитура шрифта */ src: url(Helv4Light.pfb); /* Для IE5-8 */ src: local(Helv4Light), url(Helv4Light.pfb); /* Для остальных браузеров */ } body{ font-family:Helv4Light; font-size: 12px; line-height: 30px; color:#222; background:#FFF; } Но на сайте шрифт не меняется. Подскажите в чем может быть проблема? Спс.
0 votes6 answers -
onClick в drop-down списке
Здравствуйте, подскажите пожалуйста как реализовать, чтобы при клике в dropdown списке текст из <option> прибавлялся в другое текстовое поле СКРЫТО (т.е. не был виден пользователю, а только передавался с submit) пробовал onchange="document.getElementById('search-string').value+=' текст '; return false;" но работает только с тегом select
0 votes1 answer -
Пропадает анимация в мозилле
http://zverushka.zz.mu/test3/ Прокрутите в самый низ и увидете 3 блока тарифов с акцией. Если наводишь на них - все плавнентко поднимается. Когда кликаешь по полю ввода - тоже поднимается. Но в мозилле поднимается резко, а в хроме плавно (туда-сюда покликайте). Скрипт просто ставит значения. Почему так и можно ли это исправить? И может кто навскидку подскажет, какая функция в джеквери отвечает за ховер и анховер одновременно?
0 votes3 answers -
Как найти относительные ссылки?
Добрый вечер! Может кто даст ссылку на какой-нибудь ресурс, который бы мог автоматически найти все относительные ссылки на странице??? Спасибо!
0 votes0 answers -
Как задать content пустое значение?
День добрый! Цель - чтобы иконка была тусклее,задаю opacity 0.5 и ничего. http://cssdesk.com/Ekn4C Также хотел узнать как вводить такую кавычку с клавиатуры? '
0 votes2 answers -
Боковой баннер
Как создать такие вот боковые панели "Беспрецедентная акция"?
0 votes4 answers -
Изменение цвета кнопки "active"
Кнопка: <span id="h1" class="south" onclick="show_wm()" original-title="WebMoney"></span> Работает "hover", остальные значения не живут A:link Определяет стиль для обычной непосещенной ссылки. A:visited Определяет стиль для посещенной ссылки. A:active Определяет стиль для активной ссылки. Активной ссылка становится при нажатии на нее. A:hover Определяет стиль для ссылки при наведении на нее мышью. или надо переделать в <a id="h1" class="south" onclick="show_wm()" original-title="WebMoney"></a>
0 votes0 answers -
parallax при скроллинге
Реализация скроллинга с параллакс эффектом вызвала у меня ряд вопросов. Как оказалось – он адекватно работает только в firefox. Смотрел множество сайтов, везде есть рывки при прокрутке. В ИЕ хуже всего – кроме рывков – дерганье. Отсюда вопрос: возможна ли кроссбраузерная реализация (плавная горизонтальная прокрутка без рывков и дерганий)? Пример задачи: http://addevelop.ru/...t/View-new.html Буду рад советам и примерам реализации плавности. Описывайте свой опыт реализации подобных задач.
0 votes13 answers -
Autofocus
http://jsfiddle.net/tKKLy/ Это часть кода, как видите(по коду скрипта), при нажатии на надпись search она пропадает и появляется форма, в input стоит автофокус, при первом появлении формы он срабатывает, затем при потере фокуса форма пропадает, появляется снова надпись, при повторном нажатии на search, автофокус уже не срабатывает, почему так происходит?????
0 votes0 answers -
Форма опроса.
http://jsfiddle.net/8jhC2/ Как сделать, чтобы выбрать можно было только один пункт?
0 votes4 answers -
Сглаживание шрифтов перемещает текст
Всем салют! Такая предыстория. Решил сверстать свой второй по счету макет, но сразу столкнулся с проблемой. Во всех шаблонах, которые я скачал из сети, имеется фотошопное сглаживание шрифтов. Об эту штуку, как я понял, много кто спотыкался. Собственно, проблема. Если отключить сглаживание, то текст на экране будет иметь другое положение, двигаться может до 20 пикселей в некоторых примерах. Я вчера над этим долго думал (выставил margin, padding как в макете, а результат оказался неправильным). А теперь вопрос. Правильно ли заранее отключать сглаживание для всех элементов макета. И если да, то как это сделать для всех сразу? Может, поделитесь еще сведениями подобного рода, …
0 votes2 answers -
Не работает должным образом hover!
Добрый день! Хочу сделать в первом блоке таг чтобы при наведении на минус - загоралась фигура где стоит рейтинг пользователя. http://cssdesk.com/fw7ne Я хотел это сделать так .yyy { } .yyy:hover .square { background:red; } при это задать минусу класс "yyy". Но ничего не получилось.Подскажите почему. Спасибо.
0 votes1 answer -
Не получается выравнивать
Не получается выравнивать две картинки Хотел сделать другие кнопки, отобразить получилось, а вот выравнять нет: Просмотр Здесь
0 votes2 answers -
Как a одну строку вставить кнопки?
Здравствуйте. Подскажите пожалуйста как выровнять в одну строку все кнопки соц сетей. Не могу понять где ошибка. Сам код: <div class="socials"> <div class="social svkontakte"><div id="vk_like"> <script type="text/javascript">VK.Widgets.Like("vk_like", {type: "button", height: 20});</script></div> </div> <div class="social sgoogle"><g:plusone size="medium"></g:plusone></div> <div class="social stwitter"> <a href="httpstwitter.com/share" class="twitter-share-button" data-via="blogmarketologa" data-lang="ru">Твитнуть</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];…
0 votes4 answers -
Шрифт Tahoma
Нужно подключать через font-face? И где его взять? все заблочено.
0 votes2 answers -
Текстовое поле формы
При получении фокуса(:focus) поля формы уменьшаются, при его же потери возвращается к стандартному размеру. Как это исправить?
0 votes0 answers -
Верхнее меню съезжает в IE...
http://spektr-sb.ru/test2.html - Я уже устал с этим IE... не знаю что делать... еще mozilla походу из за кнопок на странице тормозит жутко, и верхнее меню съезжает. Слево IE, Справа нормальный браузер Chrome. Помогите...
0 votes8 answers -
Почему такая разница в шрифтах и как верстать правильно?
Разное отображение шрифтов в разных браузерах. При чем наблюдается различие в разный системых Windows 7 Windows 8. Вот скрины. Вот типичный сайт, выложил на хостинг, чтобы можно было посмотреть. Почему такая разница в шрифтах? Они не кроссбраузерны получается. Вот и скрины с разных систем, исерено все линейкой как видите.
0 votes17 answers -
Средства для начала создания интернет-магазина
Доброго времени суток ув. форумчане. Расскажите пожалуйста что мне нужно что бы непосредственно создать интернет магазин. Можно ли сделать как с простым сайтом: верстать его, и проверять через денвер? Есть макет сайта. Прочитал про CMS под интернет магазин, более всего понравилась PrestaShop.
0 votes5 answers -
Не работает кнопка в поиске
Вот есть такая вот форма поиска <div class="google_search" > <form action="http://southklad.ru/bestsearch.php" id="cse-search-box" class="searchform"> <div> <input type="hidden" name="cx" value="partner-pub-9717502539708433:0102334659" /> <input type="hidden" name="cof" value="FORID:10" /> <input type="hidden" name="ie" value="UTF-8" /> <input type="text" name="q" class="searchfield" size="30" style=" border: 1px solid rgb(126, 157, 185); padding: 2px; background-image: url(http://www.google.ru/cse/intl/ru/images/google_custom_search_watermark.gif); background-color: rgb(255, 255, 255); background-position: 0% 50%; background-re…
0 votes5 answers -
Переход на JQuery 2.х
Есть скрипт здесь Работает на JQuery v1.9.1 Пробовал его JQuery 1.10.2 и JQuery 2.0.3 Не работает, что делать в принципе прочёл что надо что-то править для Обновление JQuery 1.9 <script src="http://code.jquery.com/jquery-1.9.0.js"> </script> <script src="http://code.jquery.com/jquery-migrate-1.0.0.js"> </script> А для JQuery 2.0 <script src="http://code.jquery.com/jquery-2.0.0.js"></script> <script src="http://code.jquery.com/jquery-migrate-1.1.1.js"></script> Что надо делать и что править, кто знает?
0 votes6 answers -
Непослушный первый маркер списка!
Всем привет! Вот такая, странная проблема случилась у меня при верстке. Делал я значит обычный список. Все старые стили (а там были старые стили) удалил. Смотрю на сайт в Firefox'е - все нормально. Смотрю в Chrome и Opera, вот что получается: Никак даже не пойму что это такое. Сначала подумал, что это стили браузера такие. Смотрю. Есть такое... Webkit'овские. Сбросил их. Ничего. Потому подумал что это из-за отсутствия ресета. Поставил обычный ресет (звездочка и нули). Ничего. Поставил даже несколько известных готовых ресетов. Ничего. Поставил я list-style-position: inside. Заработало! Но мне нужно outside! Может кто сталкивался с таким? Такая блин мелочь, а верстать не д…
0 votes1 answer -
кастомизация bootstrap3
помогите пожалуйста разобраться при скачивании bootstrap3 с главной страницы оф.сайта, пользователь получает дистрибутив, состоящий из множества папок при скачивании bootstrap3 со страницы кастомизации оф.сайта(даже если не трогал галочки), пользователь получает только три папки: css, js, img почему такая разница? во втором случае пользователь получает не полный дистрибутив?
0 votes8 answers -
Вертикальное меню с выпадающим списком
Здравствуйте! Делаю вертикальное меню с выпадающим списком. HTML: <div class="menu"> <ul> <li><a href="#" class="active_page">Первый пункт</a></li> <li><a href="#">Второй пункт</a></li> <li><a href="#">Третий пункт</a></li> <li><a href="#">Четвертый пункт</a></li> </ul> </div> CSS: .menu ul { margin: 0; padding: 0; width:133px; list-style-type: none; } .menu ul li a { text-decoration: none; color: #A08A50; padding: 3px 5px; background-color: white; display:block; } .menu ul li a:visited { co…
0 votes4 answers