HTML Coding

29542 questions in this forum

1. Не работает z-index

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

   Asked by fenix_63, October 31, 2016

   • html
   • css
   • javascript
   • jquery
   • верстка
   0 votes
   2 answers
2. Кроссбаузерная вставка флеш

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

   Asked by alleclf, October 31, 2016

   0 votes
   0 answers
3. Как выровнить текст по центру по вертикали в блоке?

   Из-за разной высоты заголовков едут картинки, из-а чего не красиво. Потмоу решил их сжать до фиксированной позиции, но как теперь выровнять все по центру? <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
4. Разное отображение в браузерах элемента <select>

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

   Asked by volshebnyi, November 1, 2016

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

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

   Asked by andrd849, October 31, 2016

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

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

   Asked by esx, November 1, 2016

   • bootstrap
   • верстка меню
   0 votes
   0 answers
7. Вместить элементы в первый экран

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

   Asked by mankutila, November 2, 2016

   0 votes
   1 answer
8. Проблема отображения блока в 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
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. помощь в правках по верстке

    вот пациент 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
11. 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
12. css Шапка и подвал не хочет адаптироваться под экран

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

    Asked by FlixTheBro, November 4, 2016

    • не работает
    • вёрстка
    • адаптивный дизайн
    0 votes
    2 answers
13. Помогите выполнить задание

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

    Asked by Kun32216, November 5, 2016

    0 votes
    3 answers
14. Адаптация социальных иконок

    Доброго времени суток, есть блок ширина которого указана в процентах, внутри него есть такая конструкция <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
15. 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
16. Выбор рандомной функции

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

    Asked by Kun32216, November 6, 2016

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

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

    Asked by mstdmstd, November 6, 2016

    0 votes
    2 answers
18. проблема с тенью

    всем доброго времени суток помогите кто может, суть вот в чем: http://htmlbook.ru/css3-na-primerakh/teni в примере два показано как убрать тень с определенного участка, но это делается путем наложения пвсевдоэлемента ::after, и элементов с фоном. тоесть тень не видно изза фона, а как быть если фон почти прозрачный??? например в RGBA 0,5 ??? пример моего творения тут https://jsfiddle.net/4546hfwx/ ссылку на сайт дать не могу, на ДЕНВЕРЕ делаю подскажите как быть, а то картинками делать не хочется, заранее спасибо

    Asked by green-vik, November 6, 2016

    0 votes
    2 answers
19. Непонятное поле

    <ul> <li><a href="#">123<div class="qc"></div></a></li> </ul> ul{ border:1px black solid; } ul li{ display:inline; } ul a{ display:inline-block; width:100px; position:relative; overflow:hidden; } .qc{ position:absolute; top:0; left:0; width:300px; height:100%; background:red; } Откуда возникает нижний отступ в элементе ul? Я выделил его границей чтобы было понятно. Появляется именно после добавления свойства overflow:hidden;

    Asked by aqua.77, November 7, 2016

    0 votes
    0 answers
20. Непонятное поле

    Откуда возникает нижний отступ в элементе ul? Я выделил его границей чтобы было понятно. Появляется именно после добавления свойства overflow:hidden; <ul> <li><a href="#">123<div class="qc"></div></a></li> </ul> ul{ border:1px black solid; } ul li{ display:inline; } ul a{ display:inline-block; width:100px; position:relative; overflow:hidden; } .qc{ position:absolute; top:0; left:0; width:300px; height:100%; background:red; }

    Asked by aqua.77, November 7, 2016

    0 votes
    15 answers
21. Не индексируемый текст

    Здравствуйте. Появилась необходимость сделать текст в шапке не индексируемым. Проблема в том, что он должен индексироваться на главной странице и не должен на остальных. Как этого добиться?

    Asked by rob.rob, November 10, 2016

    0 votes
    0 answers
22. Случаи использования http(s)://

    Доброго дня! Для того, чтобы описать регулярное выражение мне необходимо учесть все случаи, когда используются символы http(s):// Итак. В редакторе составляется е-майл письмо. Оно может содержать html теги, таблицы, картинки, стили css. Задача - в момент сохранения изменить все ссылки (содержащие http(s)://). Для чего изменить - это другой вопрос и к этой теме не относится. Я условно подразделил все ссылки на два типа: Содержащие <a href="http://...... то есть текстовые ссылки (они нам не интересны) Все остальные ссылки на картинки, на фоновые картинки и т.д. содержащие: <table background="http:// <img alt="" src="http:// …

    Asked by rafaello9, November 12, 2016

    • http
    0 votes
    3 answers
23. На сайте не открывается одна страница на сайте

    Сайт: http://sandraflower.com/ При переходе на пункт меню "О нас" адрес становится: http://sandraflower.com/sandraflower.com/index_about_us как это можно исправить? С остальными пунктами так не происходит Произошло после добавления кода для удаления из адресной строки .html в файл .htaccess Возникает ошибка: Not Found The requested URL /sandraflower.com/index_about_us.html was not found on this server. Additionally, a 404 Not Found error was encountered while trying to use an ErrorDocument to handle the request.

    Asked by Юлия_36, July 19, 2018

    0 votes
    1 answer
24. Почему элемент не центрируется по вертикали?

    https://jsfiddle.net/86frqge7/ Почему элемент <b>hi</b> не центрируется по вертикали?

    Asked by torsar, November 10, 2016

    0 votes
    3 answers
25. float, clear, overflov

    Сабж. Не только подробное описание, но и различные трюки. Где почитать очень, ну очень подробно :). Статья, набор статей или раздел книги (название, аффтар, и желательно раздел или страница ). С примерами. На русском.

    Asked by torsar, November 10, 2016

    0 votes
    4 answers