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
-
Скрипт работает неправильно!
Доброго времени суток! У меня такая проблема. На сайте есть 3 кнопки. (вот сам сайт: и-медиягрупп.рф) "заказать звонок", "заказать прайс-лист" и "принять участие в акции". Все 3 кнопки сделаны по одному принципу, и фактически используют один и тот же скрипт, просто с разными полями для заполнения, после чего он отсылает данные на почту заказчику. Проблема в том, что в кнопке "заказать прайс-лист" должно быть только одно поле, "ваш e-mail", и чтобы я не делал, там упорно остаются надписи "ваше имя и телефон" (если не сложно, гляньте по ссылочке, потому как я не знаю что сюда залить). Я правда не знаю как это дело победить... вот уже который день "удаляю" эти поля и добавл…
0 votes2 answers -
Помогите отцентрировать фон
Всем привет. Прошу помочь. У меня имеется макет шириной 1000px. Нужно отцентрировать его. Вроде делаю все правильно, фон шапки становить по центру, а фон body нет. <!DOCTYPE html> <html lang = "ru"> <head> <title>Портфолио</title> <link href = "style.css" rel = "stylesheet" type = "text/css" /> <meta charset = "utf-8" /> <!--[if lt IE 9]> <script src = "http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> </head> <body> <header> <div class = "header_bg"></div> </header> </body> </html> *{margin: 0; padding: 0;} body {margin: auto; width…
0 votes2 answers -
Размер контента в Firefox.
Добрый день столкнулся с проблемой размера контента в фаерфоксе. Скрин меню в фаерфоксе В остальных браузерах вот CSS код .mainmenu-block { background-color: #6EB9FF; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(110, 185, 255, 1)), to(rgba(15, 109, 196, 1))); background-image: -webkit-linear-gradient(rgba(110, 185, 255, 1) 0%, rgba(15, 109, 196, 1) 100%); background-image: -moz-linear-gradient(rgba(110, 185, 255, 1) 0%, rgba(15, 109, 196, 1) 100%); background-image: -o-linear-gradient(rgba(110, 185, 255, 1) 0%, rgba(15, 109, 196, 1) 100%); background-image: linear-gradient(rgba(110, 185, 255, 1) 0%, rgba(15, 109, 196, 1) 100%); border-radius:5px; …
0 votes15 answers -
Плеер jquery
Имеется вот такой плеер http://jsfiddle.net/...active/YwfLf/7/ Мне нужно было разделить каждый трек в свой класс music, но сделав это перестали работать клавиши переключений треков(стрелочки вверх вниз), я знаю что можно сделать переключение методом отбора по id, но у меня нет знаний чтобы это реализовать, еле как сделал закрытие плеера..... прошу вас помоч
0 votes0 answers -
скролл на экране ноутбука
помогите пожалуйста решить проблему сайт на настольных мониторах отображается без проблем. но на 15" экране ноутбука не получается докрутить левый скролл окна до самой нижней позиции. соответственно копирайт подвала не виден пользователю
0 votes4 answers -
fontsquirrel
Добрый вечер. Есть такая страница: http://webmaster.ayrveda.ru/Made_in_Fashion/index.html Подключил нестандартный шрифт через fontsquirrel - но отображается(у меня) он только в браузере Safary!? http://webmaster.ayrveda.ru/font_safary.jpg В остальных браузерах отображается это дело вот так: http://webmaster.ayrveda.ru/font_mazilla.jpg Не знаю в чём причина. (возможно в путях.) В общем не пойму что упустил из виду? Перепробовал всё, что в голову пришло и вариантов у меня больше вроде не осталось! Буду благодарен, если кто поможет разобраться в данной проблеме. (Это очень срочный проект и времени просто нет!) Ссылка на сгенерированные шрифты здесь: https://disk.yandex.ua/pu…
0 votes6 answers -
Белое поле левее центрального блока
Есть заготовка вёрстки, в центре меню, надо сделать так, чтобы левее этого блока была белая полоса до края экрана, а правее не было. Я попытался сделать это ещё одним блоком под центральным, но не могу сделать так, чтобы он был на фоне, а не перекрывал его. http://jsfiddle.net/Tmin10/jcyQ4/
0 votes3 answers -
Ошибка CSS, на отдельных страницах
Здраствуйте, уже второй день устонавливаю новый шаблон на Wordpress и ни как не могу решить одну проблему. Когда заходишь на главную http://lechim-uxo.ru/ (сайт), отоброжаеться все нормально, стоит войти в раздел или архив, появляеться ошибка, исчезает правый сайдбар и подвал. Проверил код вроде все нормально, ни как не могу найти причину, помогите......
0 votes4 answers -
Замена картинок углов рамки на CSS3
Нужен помощь, как изменить шаблон сайта. Есть уже подсказка как сделать синюю рамку http://jsfiddle.net/fzTva/ А как переделать остальные? Помогите ?
0 votes2 answers -
Съезжает блок внутри div c position:fixed
Привет всем. Странным образом съезжает блок #top_navigation_block_inner будто у него выставлен margin-top ~ 20px <body> <div id="top_navigation_block"> <div id="top_navigation_block_inner"> <ul id="top_navigation_links"> <li><a href="#">О ПРОЕКТЕ</a></li> <li><a href="#">ПАРТНЕРАМ</a></li> <li><a href="#">ПОДДЕРЖКА</a></li> <li><a href="#">ЮРИДИЧЕСКАЯ ИНФОРМАЦИЯ</a></li> <li><a href="#">КОНТАКТЫ</a></li> </ul> </div> </div> </body&…
0 votes10 answers -
Непонятки адаптивностью Bootstrap'а
Решил поизучать этот известный фреймворк. Я в этом деле полный нуб, сразу скажу. Немного поэкспериментировал и... Если качать с их сайта архив со всем содержимым без всякой кастомизации, то в распоряжение тебе дается css файл, responsive css файл, скрипт bootstrap, пара спрайтов с иконками и.. Все. Еще надо jquery подкючить. Все подключил. Вроде на компе все работает: ширину меняешь - колонки перестраиваются. Но когда заходишь полюбоваться на свое творение с КПК - бац, и никакой адаптивностью не пахнет. Колонки вряд стоят, во все ширину, как на широкоформатном монике. А если на сайт бутстрапа полезть с кпк, то там все нормально. Вывод: что-то я не подключаю. Либо скрипт к…
0 votes5 answers -
Нужен пример Фиксированного Меню с небольшой прокруткой от верха до низа
САБЖ. Чтобы меню всегда присутствовало на странице. Т.е. прокрутил страницу вверх - меню тоже видно только верхнюю часть. Прокрутил страницу вниз до конца - меню не исчезло, а прокрутилось только до своего конца. Где-то я натыкался на такие примеры, но шото никак не могу найти.
0 votes4 answers -
Изменение свойств блока при hover'e на родителе
Здравствуйте, есть такой несложный код - http://jsfiddle.net/cJ8MV/ Что нужно сделать, чтобы при наведении мышки на блок .one менялся фон у блока .three ?
0 votes1 answer -
Обьекты по центру, резиновая верстка
Как сделать чтобы содержимое DIV вложенного в div.topfooter всегда оставалось по центру в не зависимости от разрешения монитора? http://prodpak.ru/style/
0 votes3 answers -
Проблема с границами
Всем доброго времени суток. Выполняя тестовое задание, столкнулся с проблемой. Сделал меню. В условия было указано, что надо использовать только css и html: http://jsfiddle.net/...ebee1993/WxdQp/ Проблема: Перегородка между элементом основного меню и раскрывающимся под ним списком должна отсутствовать. Выслушаю любые предложения. Заранее благодарен
0 votes24 answers -
Навигация сайта
Здравствуйте. Есть главное меню. Высота его 48px, залит он определенымм цветом. При наводе на пункт меню цвет фона ссылки меняется. Вопрос: как правильно заставить графический элемент отображаться с низу, после фона. Вот сайт:http://01020304.o0.pm/ (45px задал специально что бы было видно как урезается картинка )
0 votes4 answers -
Странное отображение
Всем привет! У меня странная ситуация, переделал свой сайт - http://vs-aqua.ru/ На компьютере отображение супер, а вот если открыть на айпаде, то весь сайт съезжает влево и сбоку остается свободное место, причем если крутить айпад и сайт должен перевернуться - ему пофиг. Когда вставлял в шапку всякую штуку - у меня появился скролл - убрал его с помощью тега: overflow-x: hidden; body { margin: 0px; padding: 0px; border: 0px; background:#E6E6E6; overflow-x: hidden; Подскажите что не так я сделал? и как можно если что убрать этот скролл без этого тега.
0 votes6 answers -
Включить режим совместимости только для ие7, как?
Возникла такая проблема, в верстке есть 3 резиновые колонки, из-за наличия у них еще и паддингов, пришлось включить блочную модель типа border-box, но только вот эту модель не понимает ие7 и ие6(на 6 пофиг). Но он ее использует в режиме квиркс мода. Можно ли как-то включить этот режим только для ие7? И еще, я так поняла, что средствами jQuery я не смогу обнаружить, что у меня ие7? Только с помощью чистого javascript?)
0 votes15 answers -
Чем проверяете "кроссбраузерность"?
Чем тестируете сайт на кроссбраузерность? Сделала себе набор новичка: 1) Последние версии Chrome, Firefox, Opera, IE. Последняя доступная Safari для windows. 2) IE tester и режимы совместимости IE, а также сайт http://netrenderer.com/ из-за переодических глюков этих программ и неверного отображения. 3) Сайт http://browsershots.org/ до кучи убедиться, что сайт терпимо выглядит, но в основном ориентируюсь на программы на компьютере. 4) Какие нашла portable версии старых браузеров firefox 3.0, 3.5, 3.6, 10.0 Opera 9, Opera 10 Может что-то еще нужно поставить, скачать или какой-то удобный сервис?
0 votes3 answers -
Ссылки в мобильном Сафари.
При одиночном нажатии на ссылку в мобильнике ссылка просто выделяется но никуда не переходит. Даже не срабатывает $(".test").live("click", function(e){alert("aaa");}); Но все работает если нажать второй раз. Хотя остальные ссылки на этой же странице работают нормально. Может кто либо сталкивался с подобной проблемой? - Как это пофиксить? Ах да у ссылки атрибут target=" _blank".
0 votes5 answers -
Как указать удаленной машине, что сайт обновлен
Доброго времени суток! Подскажите пожалуйста, как указать удаленной машине, что сайт обновлен? Исправляю странички на сайте, выкладываю на сервер, но браузер продолжает работать со старыми куками.
0 votes6 answers -
CheckBox: управление активностью формы
Подскажите, пожалуйста, как сделать, чтобы при нажатии на checkbox, часть формы (текстовые поля) становились бы неактивными, а при снятии флажка становились бы вновь активными.
0 votes1 answer -
Мигание загружаемых картинок
Доброго времени суток! Столкнулся с проблемой мигания картинок. Суть в том, что у меня стоит инпут кнопки с селектором background:url(button1.png); и с селектором:hover background:url(button2.png);. Всё это установлено вместе с transition:all 0.3s ease;. Т.е. по сути кнопка медленно меняет свой внешний вид с button1.png на button2.png. Но проблема в том, что при наведении, перед тем как поменять внешний вид, картинка мигает (т.е. однократно исчезает на долю секунды и затем появляется button2.png, проигрываясь transition'ом). Никто не сталкивался с подобной проблемой? А то уж больно сильно напрягает это мигание. Думал может загрузчик подключить и проблема решиться, посовет…
0 votes5 answers -
Кроссбраузерный <select> без кастомизации + защита своего кода.
Здравствуйте. Так вышло, что у меня одномоментно возникло 2 вопроса - но для каждого из них создавать отдельный пост я не увидел смысла.. 1) Меня заинтересовал следующий момент: Можно ли организовать кроссбраузерную реализацию тега <select> без помощи JS?? Имею ввиду не сам внешний вид - а именно размеры тега + вертикальное центрирование шрифта? Для примера есть такая страница: http://webmaster.ayr...ru-2/index.html В шапке есть 2 селекта и мне необходимо что бы размеры и вертикальное центрирование было одинаковым в следующих браузерах(в последних их версиях): Mazilla, Google Chrome, Safari, Opera, + IE-7,8,9,10!? Проблема в том, что в ie-7 cелект мне не удаётся вер…
0 votes16 answers -
Опять прибиваем подвал...
Помогите, пожалуйста. Уже всё перепробовал. Ничего не помогает..или это у меня просто руки кривые. http://test-dion.p.ht/
0 votes0 answers
-
Обсуждения
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть. -
Решение нашел. Заменил на Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ... -
Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения. Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас! Наш контакт: https://t.me/MadFury (https://t.me/madfury) (TG) TG: https://t.me/2e7.io Сайт: https://code-r.io/
-