HTML Coding

29542 questions in this forum

1. как можно реализовать лейбл с процентом скидки на фоне круга

   Всем привет, Подскажите пожалуйста как можно реализовать лейбл с процентом скидки на фоне круга как тут ref исходники я смотрел - ничего не высмотрел... Если можно, ссылку на что-то несложное в реализации... Спасибо!

   Asked by mstdmstd, November 6, 2016

   0 votes
   2 answers
2. Выбор рандомной функции

   Делаю бота для игры "Крестики-нолики". Нужно, чтобы при условии if срабатывало рандомно 1 из 8 скриптов. То есть если игрок ходит на 1 клетку, то бот рандомно ходит на 1 из 8 других клеток. Как это сделать?

   Asked by Kun32216, November 6, 2016

   0 votes
   0 answers
3. transform:scale() Не работает css transform

   Всем привет! Помогите пожалуйста разобраться в чем проблема. ——————————————————————————————————————————————————-- Ето код html <div class="top_menu"> <ul> <li><a href="#">HOME</a></li> <li><a href="#">SERVICES</a></li> <li><a href="#">PORTFOLIO</a></li> <li><a href="#">ABOUT</a></li> <li><a href="#">CONTACT</a></li> &…

   Asked by pavel_osypov, November 5, 2016

   0 votes
   1 answer
4. Адаптация социальных иконок

   Доброго времени суток, есть блок ширина которого указана в процентах, внутри него есть такая конструкция <div class="block"> <a href="#"><i class="vk"></i></a> <a href="#"><i class="ok"></i></a> <a href="#"><i class="gp"></i></a> <a href="#"><i class="fb"></i></a> <a href="#"><i class="in"></i></a> <a href="#" class="fullwidth">Link</a> </div> элемент с классом fullwidth всегда по ширине в 100% нужно сделать что бы вс элементы без этого класса были inline-block (аля only vertical) и квадратные при услови…

   Asked by karakymg, November 5, 2016

   • соц сети
   • css
   • иконки
   • адаптивные
   0 votes
   1 answer
5. Помогите выполнить задание

   Я только начал изучать HTML и толком ещё ничего не понимаю. Хожу на курсы от 1С. Писал там сайт, на котором можно играть в крестики-нолики. Но не доделал и преподаватель задал доделать игру. Нужно, чтобы при дабл клике на кнопку значение не менялось. И завершение игры. Например: подряд 3 крестика и это означает, что крестики выиграли и выводится сообщение об этом. Но вот проблема, никак не могу допереть как это сделать. Есть идеи? Код: http://jsbin.com/jeluvucuda/edit?html,css,js,output

   Asked by Kun32216, November 5, 2016

   0 votes
   3 answers
6. css Шапка и подвал не хочет адаптироваться под экран

   В ступоре. Очень прошу помощи. Дело такое. Верхняя шапка сайта (фиолетовая) не хочет адаптироваться под телефоны, причём всё остальное работает, кроме самой шапки и футера. Так же замечена очень интересный баг: при проверки адаптивности сайта ресайзом окна или масштабированием в google chrome для десткопа или даже проверке с помощью специальных ресурсов - всё работает как надо. Вы можете сами проверить по адресу flixthebro.com При этом заходя на сайт с любого мобильного устройства (тестировал на 3-х) выдаёт почему то другой результат. Ещё несколько забавных примечаний: допустим установил я размер текста в шапке 32px и в контенте 32px. На телефоне разме…

   Asked by FlixTheBro, November 4, 2016

   • не работает
   • вёрстка
   • адаптивный дизайн
   0 votes
   2 answers
7. style.css Стилизация элемента, принципиальный вопрос!

   Доброго времени суток, для начала объясню проблему. Есть страница к которой подключается 2 стиля с помощью <link href="... один demo.css другой style.css на странице есть <input type="search"... Так вот его изначальный стиль задан в style.css но если demo.css оставить подключенным то стиль input'а наченает меняться и это при том, что в demo.css я прошелся поиском вдоль и поперек на предмет input, search или классов и id которые могут быть затронуты. Но ничего!!!! Ничего не должно изменять этот инпат, но проблема решается отключением demo.css стили нормализуются, как понять? <div class="cd-filter-block"><h4>Поиск</h4> <div cla…

   Asked by karakymg, November 4, 2016

   • стилизация
   • input
   0 votes
   4 answers
8. помощь в правках по верстке

   вот пациент http://modern-hostel.com/blog/ в хроме и фф выглядит по разному-снизу черная полоса появляется http://modern-hostel.com/blog/obshhezhitiya-dlya-rabochix-v-moskve/ какой лучше шрифт сделать чтобы читабельнее было?

   Asked by https, November 3, 2016

   0 votes
   9 answers
9. как button открыть, как ссылку правой кнопкой мыши

   Привет! Без вас мне не справиться. У меня есть кнопка: <button type="button" onClick='location.href="#"' class="button">Текст</button> <style type="text/css"> .button { width: 150px; height: 60px; font-family: Arial, Helvetica, sans-serif; color: #211707; </style> Нужно, чтобы по правому щелчку мыши открывалось меню: У меня же кнопка видится браузером, как картинка: Помогите, пожалуйста! Перепробовала все варианты в пределах моих познаний

   Asked by ahhelena, November 3, 2016

   • html
   • button
   0 votes
   5 answers
10. Проблема отображения блока в Firefox

    Здравствуйте, уважаемые форумчане) Помогите с небольшой проблемой. Криво отображается блок в Firefox. Хотя в Chrome все нормально. Хром Firefox Код CSS и HTML: .mail-delivery { box-sizing: border-box; float: right; width: 560px; max-height: 220px; padding: 6px; color: #5a5a5a; font-weight: 400px; border-radius: 16px; background: url("../img/message-pattern.png") #fff; } .message-wrapper { box-sizing: border-box; width: 549px; max-height: 208px; padding:5px 20px 5px 20px; background-color: #f8f7f4; border-radius: 15px; clear: both; } .message-wrapper p { box-sizing: border-box; margin-bottom: 35px; color: #5a5a5a; fo…

    Asked by b-ars07, November 3, 2016

    • css
    • firefox
    • html
    0 votes
    2 answers
11. Вместить элементы в первый экран

    При верстке лендинга возникла проблема: необходимо, чтобы первый экран вмещал в себя все элементы, которые представлены на скрине. Однако, по задумке дизайнера круглые плашки с логотипом и брендами должны быть как бы "лампами", которые связаны с фоновой картинкой блока. Дизайн сделан для разрешения 1600х900, меньший не представлен. Соответственно, если попытаться посмотреть на 1920х1024 или 1366х768, то высота первого экрана 900 это слишком много. Как постепенно уменьшать и кружки, и фоновую картинку, чтобы они совпадали и при этом помещались на первый экран? Вариантов перебрали уже много: сделать кружки картинкой, сделать блоками. В первом случае при умень…

    Asked by mankutila, November 2, 2016

    0 votes
    1 answer
12. Неполное отображение пунктов меню в выпадающем списке при уменьшении разрешения

    Есть проблема. Меню на бутстрапе, в десктопной версии отображается идеально, но в адаптивном режиме (при уменьшенном разрешении) выпадающие меню списка скрыты. Это мой первый сайт, не знаю, где копать. Код тут: http://codepen.io/esx/pen/RGXqBZ На втором скриншоте видно, что кнопка "Услуги" раскрывается не полностью, кнопка "О нас" вообще ничего не показывает. Помогите, плиз.

    Asked by esx, November 1, 2016

    • bootstrap
    • верстка меню
    0 votes
    0 answers
13. Разное отображение в браузерах элемента <select>

    Здравствуйте! Стилизовал элемент select, но, к сожалению, в Firefox практически вдвое увеличивается padiing, а в IE даже дефолтные стрелки выпадающего списка не убираются: https://jsfiddle.net/hhbsorny/3/ Помогите, пожалуйста, разобраться в этом вопросе. Заранее благодарю!

    Asked by volshebnyi, November 1, 2016

    0 votes
    6 answers
14. Помогите сделать элемент верстки

    Нужно сделать так как в приложенном файле. Знаю что можно сделать тремя блоками, но проблема в том что нужно растянуть на всю ширину экрана. По ссылке код как удалось реализовать, но одна проблема когда маленький текст то появляются лишнеи линии http://codepen.io/anon/pen/edqOPP#anon-login Спасибо за помощь!

    Asked by andrd849, October 31, 2016

    • верстка
    0 votes
    1 answer
15. Как выровнить текст по центру по вертикали в блоке?

    Из-за разной высоты заголовков едут картинки, из-а чего не красиво. Потмоу решил их сжать до фиксированной позиции, но как теперь выровнять все по центру? <div class="title">Заголовок</div> <div class="title">Длинный загогловок в две строчки</div> .title { width:200px; height:40px; background:pink; border:1px solid; float:left; margin-left:5px; text-align:center; } http://jsbin.com/lunizoguqu/edit?html,css,output

    Asked by nikki4, October 31, 2016

    0 votes
    2 answers
16. Кроссбаузерная вставка флеш

    Как правильно вставить флеш swf-файл на сайт что бы работал во всех браузерах + смартфоны/планшеты. Необходимо: если на компьютере не установлен флеш что бы выводилась ссылка на скачивание. если мобильное устройство НЕ поддерживает флеш (iOS) что бы выводилось сообщение

    Asked by alleclf, October 31, 2016

    0 votes
    0 answers
17. Не работает z-index

    Всем привет! Народ, есть у меня страничка: Страница . Там есть раздел "История компании". Там слайдер. У этого слайдера есть "пагинатор" - кругляши для перехода между стлайдами. Мне надо между этими кругляшами линию красную разместить, да так, чтобы линия была на заднем плане, а сами кругляши - на переднем. Как я только с z-index не игрался, не помогает. И позиционировать пробовал, и opacity менять пробовал, всё никак не могу это сделать. Народ, кто знает, помогите пожалуйста.

    Asked by fenix_63, October 31, 2016

    • html
    • css
    • javascript
    • jquery
    • верстка
    0 votes
    2 answers
18. RedBeanPhp не понятная ошибка

    Друзья, объясните пожалуйста, в чем проблема? https://www.youtube.com/watch?v=vvgOPJQA8Zk Решил я поставить эту системку и когда начал подключать RedBeanPhp вышла ошибка Parse error: syntax error, unexpected T_STRING in /home/a6998082/public_html/libs/rb.php on line 3 В чем проблема? Заранее спасибо! db.php index.php

    Asked by Tardpipl, October 30, 2016

    • redbeanphp
    • ошибка
    0 votes
    2 answers
19. Получение погоды с сайта.

    Как введя на своей странице название города получить погоду с другого сайта? Искал по API, ничего не нашел. http://openweathermap.org/ не получаться.

    Asked by triest, October 29, 2016

    0 votes
    1 answer
20. Перенос лого по центру без медиа запросов.

    Здрасти, подскажите как сделать чтобы переносился логотип (типа для мобильной верссии сайта) по центру, без использования медиа запросов. Вот весь код штмл: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <link rel="stylesheet" type="text/css" href="stylesheet/stylesheet.css"> <title>Document</title> </head> <body> <header> <div class="wrapper"> <div class="logo"> <a href="#"><img src="img/MobileApp.png"></a> <p class="desk">Your Mobile App Slogan</p> </div> <div class="menu"> <ul> <li&gt…

    Asked by federal24, October 29, 2016

    0 votes
    0 answers
21. Преобразование смешанной строки в число JavaScript

    Здравствуйте! Есть такой вот элемент - <span id="price">2 490 грн</span>. Мне нужно эту строку (2 490 грн) преобразовать в число для дальнейших математических вычислений. То есть сделать из нее 2490. А потом, после математических вычислений вернуть обратно к виду, например - 2 590 грн. https://jsfiddle.net/5t2xrbzo/ Заранее благодарю за помощь!

    Asked by volshebnyi, October 28, 2016

    0 votes
    6 answers
22. Приоритет появления картинок

    Добрый день форумчане! Это мой второй сайт (для себя) http://кухонный-мир.рф/ Почему картинки в блоке №3 начинают появляться (и появляються) раньше чем фоновая картинка в блоке №1 ???? 1. Я разделил картинку в блоке №1 на маленькие кусочки 2. Я уменьшил до минимума размер картинки из блока №1 (пока только для широких экранов) 3. Пробовал размещать картинку из блока №1 в других папках и менял названия НО всё бесполезно! ХОТЯ конечно стал намного быстрее грузиться блок №1 4. Я установил скрипт lazyload, и вроде картинки в конце сайта действительно стали в конце грузиться, но всё равно картинки из блока №3 идут первыми. Я даже установи…

    Asked by maxim_, October 28, 2016

    • картинки
    0 votes
    0 answers
23. Приоритет блоков поделиться

    Здравствуйте. Столкнулся с проблемой по установке блока "поделиться", стоит плагин на рекламу, который выводит рекламный блок в конце статьи. Дак вот при установке блока поделиться он отображается после рекламного блока, можно ли задать ему приоритет, чтоб он выводился сразу после текста и потом уже рекламный блок.

    Asked by Mizorg, October 27, 2016

    0 votes
    3 answers
24. Отображение полей при переходе

    Экспериментировал над задачей и наткнулся на довольно странное явление: в примере, при переходе, правые полоски дольше держаться, а при появлении, быстрее отображаются. Если убрать фон (4 и/или 52 строчка CSS), то вроде переход и слева, и справа, происходит одинаково... Проверил в трёх браузерах и либо у меня конкретное косоглазие, либо браузеры работают по какому-то определённому алгоритму, который я не понимаю (ну либо в коде я что-то напортачил). Может кто разъяснит? Спасибо!

    Asked by Launder, October 26, 2016

    • transition
    0 votes
    2 answers
25. Подключение подписки на форму сайта

    Здравствуйте. Не могу подключить подписку на уже готовую форму на сайте, создал форму подписки в сервисе sendpulse, но в ней нет "form action=" чтоб от туда скопировать ссылку. Где мне её найти? Прилагаю код формы. Скрытый текст <div id="87175e462c5b7fb1f1a72f18723a09c5c390f739b7ab4d19f5339cd01873e239" style="width: 350px !important;background-color: #f0f5fa !important;border-style: solid !important;border-width: 1px !important;border-color: #00b668 !important;border-radius: 5px !important;font-family: 'MS Serif', 'New York', serif !important;"><style>.87175e462c5b7fb1f1a72f18723a09c5c390f739b7ab4d19f5339cd01873e239_form_line p,.87175e4…

    Asked by Mizorg, October 26, 2016

    0 votes
    4 answers