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
-
0 votes4 answers
-
ColorPicker внутри элемента Option
Здравствуйте. Подскажите , задача - в списке select сделать выбор цвета с помощью colorPickera JS<script type="text/javascript"> function change_color(){ var select = document.getElementById('bodyBtn'); document.body.style.background = select.options[select.selectedIndex].value;}HTML<select id="bodyBtn" name="bodyBtn"> <option>-- Выбрать --</option> <option value="#a1a1a1" onclick="change_color()">#a1a1a1</option> <option value="#ff00ff" onclick="change_color()">#ff00ff</option> <option value="" id="defaultColor" name="defaultColor">Выберите цвет</option></select>Вопрос, как сделать выбор прои…
0 votes2 answers -
bootstrap адаптивная верстка
разобрался )
0 votes0 answers -
Круглый фон с возможностью ресайза
Верстаю страницу которая будет отображаться в приложении на iPad, то есть будет работать только в WebKit. Проблема такая, есть заголовки, в форме h4 > i > b или h4 > b > i, в последнем теге номер, дальше идёт сам заголовок, задача такая: надо чтобы этот номер был в круге, белый шрифт на сером круге. Сделать такое не сложно, но в приложении есть функции масштабирования, я её сделал так: function changeScale(percent) { document.getElementsByTagName('body')[0].style.webkitTextSizeAdjust = percent + '%';}При изменении масштаба этот круг плывёт как только его душе угодно, то цифра уходит за круг, то круг в овал превращается и т.д. и т.п. Как сделать нормальный…
0 votes1 answer -
Скругление углов в ие
Всем привет, нужно скруглить только нижние левый и правый угол. -webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; behavior: url(/PIE.htc); так во всех браузерах все нормально так и нужно, а вот в ие не показывается (проверял в ие9 ), но как только я ставлю border-radius: 8px; то есть все становятся скругленные углы, то все показываается но все 4 угла круглые а мне нужно только 2 нижних..
0 votes2 answers -
Показ изображения и капча код.
Всем добрый вечер. Помогите пожалуста, как зделать чтобы при нажатии на изображение оно отрывалось не в новой вкладке как в фейсбуке или в контакте? Второй вопрос, как вставить проверочный капча код при вводе сообщения как на этом сайте?
0 votes2 answers -
оправданная избыточность?
для макета сделал каркас. .main смещал вверх при помощи position: relative, пытался учитывать переполнение проблема в том, что код получился далеко не лаконичный для такого несложного макета, а значит скорее всего неправильный. профессионалы, скажите пожалуйста допустимо ли такое использовать в коммерческой работе? может быть стоило просто нарезать всё блоками и сложить в стопку? да и плашки растянутые на ширину экрана возможно тоже не к месту... в общем я в сомнениях, направьте пожалуйста ход мысли и покритикуйте подход...
0 votes0 answers -
iframe проблема с разными браузерами
Здравствуйте. Возникла проблема с iframe. Ситуация такая: есть php скрипт который обрабатывает изображения и сохраняет. Потом эти изображения вставляются в iframe в соответствии со страницей. Опера, например, отображает как должно быть, хром и эксплурер - только первое сохраненное изображение. Как можно исправить эту проблему и загружать соответственные изображения. Заранее спасибо)))
0 votes1 answer -
Кроссбраузерность
Верстаю 1 шаблон столкнулся с парочкой проблем 1)Opere когда листаешь страницу в самый низ и обновляешь её становится отступ хотя в остальных браузерах всё нормально. 2)Как убрать верхний отступ ?а то в Opere он 3px а в Mozilla Firefox 5px и не могу выровнить блок Opera Mozilla Firefox
0 votes1 answer -
Верстка сложного background
Ребята помогите пожалуйста, есть такой макет http://itmag.es/4NwBe #itmages , как мне правильно вырезать, чтоб было как на дизайне, все сделано текстурой??????
0 votes0 answers -
Проблема с адаптивным дизайном
Столкнулся с проблемой адаптивной верстки. Чтобы обьяснить проблему я сделал простой шаблон, для примера http://jsfiddle.net/Vk9qm/1/embedded/result/ Дело в том, что на мобильных устройствах цитата вылазит(то ли из-за увеличения межстрочных или межбуквенных интервалов то ли из-за изменения размера шрифта? http://cssdeck.com/labs/0faolp8r ) за приделы родительского блока.При изменении размеров шрифта на мобильном смотрится хорошо , а на экране монитора не очень, если поместить цитату в резиновый блок портиться композиция,тем более если после цитаты я хочу поместить небольшое изображение. Подскажите как мне добиться сохранения композиции и сделать так чтобы страница см…
0 votes1 answer -
Внутренний блок выпирает
У адаптивного изображения выпирает внутренний блок http://codepen.io/anon/pen/VLdpvN?editors=110 Должно быть вот так у обоих изображений:
0 votes1 answer -
перевод фраз
бывалые, подскажите пожалуйста правила хорошего тона при работе с разными cms и фреймворками стоит ли любые фразы привязывать к системе перевода? например вместо такого: <h2>Вы успешно изменили пароль</h2>упорно писать подобное: <h2><% translate('pass_change_ok') %></h2>при просмотре тестового задания или сайта из фолио, увидев первый вариант, не сделает ли фейспалм среднестатистический работодатель? как вы лично относитесь к описанной ситуации?
0 votes4 answers -
Ввод & Вывод текста
Требуется сделать так: Пользователь вводит сообщение в textarea, и оно выводится (Автоматически or При нажатии кнопки) в другое окно, (textarea, в заблокированную версию textarea... Куда ещё можно выводить текст на сайте?) Но уже с Определенным (Особым) шрифтом (Шрифт - готов and загружен на сайт) Не знаю как это сделать, но надеюсь это просто Ну, например: JS, PHP or CSS скрипт И да. Я искал в интернете Там всё слишком сложно, базы данных, десятки файлов и ссылок На скрипты JS and CSS Но я думаю, для такой просто функции - не требуется так много скриптов Максимум один CSS файл and js (Или ещё какой-нибудь) код в шапке сайта Но думаю вы мне поможете
0 votes1 answer -
проблема с версткой модального диалога
Привет, Подскажите, пожалуйста, возникла проблема с версткой списка после применения новых файлов стиля(исходная страница и js-код не менялись) другим разработчиком. перестал работать вызов модального диалога Надо зайти на login под логином mstdmstd@rambler.ru 8cc10asu и далее на страницу listи кликом на кнопке "FILTER" вызывается js-функция usersListFilterApplied() с вызовом диалога $( "#users_list_dialog_filter" ).modal( { "backdrop": "static", "keyboard": true, "show": true } ); блок дива users_list_dialog_filter определен - но диалог не открывается И при наведении мышей на этой кнопкой <button type="button" class="btn sbold green btn-s…
0 votes0 answers -
Padding для FF(Mozilla)
Суть вопроса такова есть ли специальный псевдо-селектор или спец селектор который может дать паддинги только в мазила? <form> <div> <label>Email user:</label><input type="text"> </div> <div> <label>Password:</label><input type="password"> </div> <div> <input type="checkbox"><label>Remember me</label> </div> </form> checkbox и label выравниваю в CSS3, но в safari, chrome Нормально все показывает, а в Opera и FireFox. Как можно придать паддинг дополнительно в Opera и FF
0 votes1 answer -
Как сверстать такое?
Как сверстать такое при наведении на фото?
0 votes2 answers -
box-shadow в IE 9-10
К моему удивлению, в IE 9-10 свойство box-shadow не применяется к таблицам со значением border-collapse:collapse. В остальных браузерах отображение тени есть. Баг или так и должно быть?
0 votes1 answer -
display: none ?
delete
0 votes2 answers -
Исчезает выпадающее меню в Опере
Доброго времени суток! Возникла такая проблема с выпадающими пунктами меню на css в браузере Опера: после посещения этих пунктов, они теряют свое оформление, приписанное в css, и обесцвечиваются. Наглядный пример: вот так выглядит нормальный, еще не посещенный пункт подменю а вот так подпункты начинают выглядеть если по ним кликнуть: т.е. пункты 2 и 4 стали белого цвета, а первый виден при наведении благодаря фону, ито со слетевшим оформлением. код всего этого следующий: http://jsfiddle.net/uRe4z/2/ даже там проблема становиться видна, если произвести клики. Помогите разобраться с этой проблемой, пожалуйста. подозреваю, что для Оперы не хватает какого нибудь костыля, но…
0 votes0 answers -
не могу задать дать отступ картинке
Подскажите почему в теге logo когда задаешь верхний отступ, двигается соседний блог? ссылка кода ниже спасибо)) http://jsfiddle.net/mrfrunze/4bsjouqq/
0 votes2 answers -
Резервируется место под всплывающее меню(
Доброго времени суток. Помогите, пожалуйста, понять в чем же тут дело. Вставила на сайт меню со всплывающем подменю и под это подменю на странице резервируется место, хотя не должно. Адрес страницы - http://gruz78.ru/arhangelsk.php css для меню: ul { display: block; margin : 170px 0 0; padding: 20px 0 0; list-style: none;}ul:after { display: block; content: none; clear: both; float: none;}ul.menu > li { float: left; position: relative;}ul.menu > li > a { display: block; padding: 10px; color: #cc3300; background-color: white; text-decoration: none; border: 1px solid red;}ul.menu > li > a:hover { background-col…
0 votes2 answers -
Изменятся высота при изменение left/right
Есть сайт http://kolik29.ru/. При клике на Профиль, Резюме, Портфолио или Контакты две "половинки" страницы разъезжаются в разные стороны. В мобильной же версии блоки разъезжаются криво - как будто изменяется высота и ширина всей страницы. Нижний блок смещается влево с помощью функции animate() из Jquery путем изменения свойства right. $('.half-screen.right').animate({ right: slide_to }, 500);
0 votes0 answers -
Вновь отступы
В CSS: #content { width:1184px; padding: 0; border-spacing: 0; margin: 0; } #middle_top { background-image: url('img/middle_01.png'); background-repeat: no-repeat; width: 1184px; height: 33px; } #middle_center { background-image: url('img/middle_03.png'); background-repeat: repeat-y; width: 1050px; margin: 0px 0px 0px 1px; padding: 0px 50px 0px 50px; } #middle_bottom { background-image: url('img/middle_05.png'); background-repeat: no-repeat; width: 1184px; height: 41px; } #title { color:#2368ae; font-family: Verdana; font-size: 15px; font-weight: bold; font-style: italic; } HTML (незнаю надо или нет): <div id="content"> <div id="m…
0 votes1 answer -
мини интернет магазин
люди подскажите пожалуйста делаю жалкое подобие интернет магазин просто для себя для практики на странице "товаров" все работает нормально но вот када жму кнопку отправить что не так (на странице отображается php код) подскажите в чем дело вот код страницы товаров тут же и заказывать и отправлять <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>витрина</title> <link rel="stylesheet" type="text/css" href="index.css"> <script LANGUAGE="JavaScript"> function calc() {tov=new Array("TOV1", "TOV2", "TOV3", "TOV4"); prc=new Array(100, 200, 300, 400); var kolvo=0; var…
0 votes0 answers