HTML Coding

29542 questions in this forum

1. Есть ли похожие оффлайновые конструкторы?

   Asked by SKSKSS2013, January 21, 2014

   0 votes
   4 answers
2. 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>Вопрос, как сделать выбор прои…

   Asked by SRastrigin, April 4, 2014

   0 votes
   2 answers
3. bootstrap адаптивная верстка

   разобрался )

   Asked by erange, June 27, 2015

   0 votes
   0 answers
4. Круглый фон с возможностью ресайза

   Верстаю страницу которая будет отображаться в приложении на iPad, то есть будет работать только в WebKit. Проблема такая, есть заголовки, в форме h4 > i > b или h4 > b > i, в последнем теге номер, дальше идёт сам заголовок, задача такая: надо чтобы этот номер был в круге, белый шрифт на сером круге. Сделать такое не сложно, но в приложении есть функции масштабирования, я её сделал так: function changeScale(percent) { document.getElementsByTagName('body')[0].style.webkitTextSizeAdjust = percent + '%';}При изменении масштаба этот круг плывёт как только его душе угодно, то цифра уходит за круг, то круг в овал превращается и т.д. и т.п. Как сделать нормальный…

   Asked by Fraronoron, November 18, 2015

   0 votes
   1 answer
5. Скругление углов в ие

   Всем привет, нужно скруглить только нижние левый и правый угол. -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 нижних..

   Asked by Bingo, December 4, 2011

   0 votes
   2 answers
6. Показ изображения и капча код.

   Всем добрый вечер. Помогите пожалуста, как зделать чтобы при нажатии на изображение оно отрывалось не в новой вкладке как в фейсбуке или в контакте? Второй вопрос, как вставить проверочный капча код при вводе сообщения как на этом сайте?

   Asked by Hypnoso, March 16, 2012

   0 votes
   2 answers
7. оправданная избыточность?

   для макета сделал каркас. .main смещал вверх при помощи position: relative, пытался учитывать переполнение проблема в том, что код получился далеко не лаконичный для такого несложного макета, а значит скорее всего неправильный. профессионалы, скажите пожалуйста допустимо ли такое использовать в коммерческой работе? может быть стоило просто нарезать всё блоками и сложить в стопку? да и плашки растянутые на ширину экрана возможно тоже не к месту... в общем я в сомнениях, направьте пожалуйста ход мысли и покритикуйте подход...

   Asked by cyklop77, May 23, 2012

   0 votes
   0 answers
8. iframe проблема с разными браузерами

   Здравствуйте. Возникла проблема с iframe. Ситуация такая: есть php скрипт который обрабатывает изображения и сохраняет. Потом эти изображения вставляются в iframe в соответствии со страницей. Опера, например, отображает как должно быть, хром и эксплурер - только первое сохраненное изображение. Как можно исправить эту проблему и загружать соответственные изображения. Заранее спасибо)))

   Asked by assd18, June 8, 2012

   0 votes
   1 answer
9. Кроссбраузерность

   Верстаю 1 шаблон столкнулся с парочкой проблем 1)Opere когда листаешь страницу в самый низ и обновляешь её становится отступ хотя в остальных браузерах всё нормально. 2)Как убрать верхний отступ ?а то в Opere он 3px а в Mozilla Firefox 5px и не могу выровнить блок Opera Mozilla Firefox

   Asked by nimens, August 28, 2012

   0 votes
   1 answer
10. Верстка сложного background

    Ребята помогите пожалуйста, есть такой макет http://itmag.es/4NwBe #itmages , как мне правильно вырезать, чтоб было как на дизайне, все сделано текстурой??????

    Asked by Sergey410, January 17, 2014

    0 votes
    0 answers
11. Проблема с адаптивным дизайном

    Столкнулся с проблемой адаптивной верстки. Чтобы обьяснить проблему я сделал простой шаблон, для примера http://jsfiddle.net/Vk9qm/1/embedded/result/ Дело в том, что на мобильных устройствах цитата вылазит(то ли из-за увеличения межстрочных или межбуквенных интервалов то ли из-за изменения размера шрифта? http://cssdeck.com/labs/0faolp8r ) за приделы родительского блока.При изменении размеров шрифта на мобильном смотрится хорошо , а на экране монитора не очень, если поместить цитату в резиновый блок портиться композиция,тем более если после цитаты я хочу поместить небольшое изображение. Подскажите как мне добиться сохранения композиции и сделать так чтобы страница см…

    Asked by DD_man, February 20, 2014

    0 votes
    1 answer
12. Внутренний блок выпирает

    У адаптивного изображения выпирает внутренний блок http://codepen.io/anon/pen/VLdpvN?editors=110 Должно быть вот так у обоих изображений:

    Asked by yaparoff, July 14, 2015

    0 votes
    1 answer
13. перевод фраз

    бывалые, подскажите пожалуйста правила хорошего тона при работе с разными cms и фреймворками стоит ли любые фразы привязывать к системе перевода? например вместо такого: <h2>Вы успешно изменили пароль</h2>упорно писать подобное: <h2><% translate('pass_change_ok') %></h2>при просмотре тестового задания или сайта из фолио, увидев первый вариант, не сделает ли фейспалм среднестатистический работодатель? как вы лично относитесь к описанной ситуации?

    Asked by cyklop77, August 8, 2015

    0 votes
    4 answers
14. Ввод & Вывод текста

    Требуется сделать так: Пользователь вводит сообщение в textarea, и оно выводится (Автоматически or При нажатии кнопки) в другое окно, (textarea, в заблокированную версию textarea... Куда ещё можно выводить текст на сайте?) Но уже с Определенным (Особым) шрифтом (Шрифт - готов and загружен на сайт) Не знаю как это сделать, но надеюсь это просто Ну, например: JS, PHP or CSS скрипт И да. Я искал в интернете Там всё слишком сложно, базы данных, десятки файлов и ссылок На скрипты JS and CSS Но я думаю, для такой просто функции - не требуется так много скриптов Максимум один CSS файл and js (Или ещё какой-нибудь) код в шапке сайта Но думаю вы мне поможете

    Asked by sivak12, September 21, 2015

    0 votes
    1 answer
15. проблема с версткой модального диалога

    Привет, Подскажите, пожалуйста, возникла проблема с версткой списка после применения новых файлов стиля(исходная страница и 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…

    Asked by mstdmstd, January 16, 2017

    0 votes
    0 answers
16. 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

    Asked by akutinrom, April 6, 2012

    0 votes
    1 answer
17. Как сверстать такое?

    Как сверстать такое при наведении на фото?

    Asked by zsaz, May 22, 2012

    0 votes
    2 answers
18. box-shadow в IE 9-10

    К моему удивлению, в IE 9-10 свойство box-shadow не применяется к таблицам со значением border-collapse:collapse. В остальных браузерах отображение тени есть. Баг или так и должно быть?

    Asked by Dimitrows, June 1, 2012

    0 votes
    1 answer
19. display: none ?

    delete

    Asked by Struggle, July 27, 2013

    0 votes
    2 answers
20. Исчезает выпадающее меню в Опере

    Доброго времени суток! Возникла такая проблема с выпадающими пунктами меню на css в браузере Опера: после посещения этих пунктов, они теряют свое оформление, приписанное в css, и обесцвечиваются. Наглядный пример: вот так выглядит нормальный, еще не посещенный пункт подменю а вот так подпункты начинают выглядеть если по ним кликнуть: т.е. пункты 2 и 4 стали белого цвета, а первый виден при наведении благодаря фону, ито со слетевшим оформлением. код всего этого следующий: http://jsfiddle.net/uRe4z/2/ даже там проблема становиться видна, если произвести клики. Помогите разобраться с этой проблемой, пожалуйста. подозреваю, что для Оперы не хватает какого нибудь костыля, но…

    Asked by Vasler, October 23, 2013

    • опера меню
    0 votes
    0 answers
21. не могу задать дать отступ картинке

    Подскажите почему в теге logo когда задаешь верхний отступ, двигается соседний блог? ссылка кода ниже спасибо)) http://jsfiddle.net/mrfrunze/4bsjouqq/

    Asked by mrfrunze, August 12, 2014

    • css
    0 votes
    2 answers
22. Резервируется место под всплывающее меню(

    Доброго времени суток. Помогите, пожалуйста, понять в чем же тут дело. Вставила на сайт меню со всплывающем подменю и под это подменю на странице резервируется место, хотя не должно. Адрес страницы - 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…

    Asked by lampo4ka, November 9, 2015

    0 votes
    2 answers
23. Изменятся высота при изменение left/right

    Есть сайт http://kolik29.ru/. При клике на Профиль, Резюме, Портфолио или Контакты две "половинки" страницы разъезжаются в разные стороны. В мобильной же версии блоки разъезжаются криво - как будто изменяется высота и ширина всей страницы. Нижний блок смещается влево с помощью функции animate() из Jquery путем изменения свойства right. $('.half-screen.right').animate({ right: slide_to }, 500);

    Asked by KoliK29, September 20, 2018

    0 votes
    0 answers
24. Вновь отступы

    В 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…

    Asked by epog333, February 19, 2011

    0 votes
    1 answer
25. мини интернет магазин

    люди подскажите пожалуйста делаю жалкое подобие интернет магазин просто для себя для практики на странице "товаров" все работает нормально но вот када жму кнопку отправить что не так (на странице отображается 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…

    Asked by voin545, November 19, 2011

    0 votes
    0 answers