HTML Coding

29,542 questions in this forum

1. Псевдоэлемент :before и z-index в ie8

   #main { background-color: #fff; border-radius: 15px; border: 1px solid #d5d5d5; display: block; height: 1000px; margin-top: 7px; position: relative; width: 948px;}#main:before { content: url(../images/top-shadow.png); display: block; position: absolute; top: -10px; z-index: -1;}<div id="main"></div> Здравствуйте. Подскажите пожалуйста, как заставить работать z-index в псевдоэменте ( :before ) для браузера ie8. Основная задача заключается в том, что нужно поместить подложку ( в данном случаи тень овальной формы ) под основной элемент ( #main ). В "нормальных" браузерах данный код работает. В ie8 подложка "выезжает" на передний план.

   Asked by poseidon, November 16, 2015

   • html css z-index :before
   0 votes
   2 answers
2. Подсветка gif-картинок (фоном) при выделении чекбоксом

   Приветствую всех! Столкнулся с проблемой, решение которой нигде не могу найти. Задача в следующем: нужно, чтобы при выделении определенного чекбокса подсвечивались прозрачные картинки определенном цветом (т. е. должен появиться фон под нужными картинками) Есть подобная верстка: <div id="container"><div><img src="111.gif"></div><div><img src="222.gif"></div><div><img src="333.gif"></div><div><img src="111.gif"></div><div><img src="444.gif"></div><div><img src="555.gif"></div><div><img src="222.gif"></div><div><img src="111.gif"&gt…

   Asked by zlyukensobaken, November 10, 2015

   0 votes
   5 answers
3. медиа стиль для планшета

   Здравствуйте! Сверстал сайт, в браузере любом смотрится нормально, но в планшете блоки из за margin-ов переносятся вниз. Прописал для планшета медиа стиль: @media (max-device-width: 1280px) { .phonebox{margin-left:23px} .mn{margin-left:0px;} .sendboxf{width:192px} } после этого запроса в планшете все хорошо, но а на компьютере где такое расширение как и у планшета медиа запрос тоже срабатывает, и получается что большие зазоры между блоками, но а на планшете все ок, зазоров нет! Может как то можно прописать только медиа запрос только для планшета? или еще как то это решить

   Asked by WebPlus, November 15, 2015

   • css
   • html
   0 votes
   4 answers
4. Как отцентрировать блок поверх видео?

   Подскажите, как можно отцентрировать блок #myblock поверх видео? <div id="trailer" class="is_overlay"><video id="video" width="100%" height="auto" autoplay="autoplay" loop="loop" preload="auto"><source src="http://5thedgestudio.at.ua/img/back.mp4"></source></video></div><div id="myblock">Мои любые данные</div>.is_overlay{ display: block; width: 100%; height: 100%; }#trailer {position: fixed;top: 0; right: 0; bottom: 0; left: 0;overflow: hidden;;}#trailer > video {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index:-1000;}@media (min-aspect-ratio: 16/9) {#trailer > video { height: 300%; top: -100%; }}@m…

   Asked by _ZheKA_, November 15, 2015

   • css
   • html
   • video
   0 votes
   1 answer
5. Скачивание по ссылке

   Приветствую! У меня имеется ссылки, которые при открытие в браузере хром воспроизводят музыку. Как сделать с помощью jquery или js скачивание файла по этой ссылке? Пример: https://cs1-48v4.vk-cdn.net/p8/9cb89555848696.mp3?extra=UpleRzemOPM4jISjxrPm945XnBfL3ZSgTVvZiijMqmFGmsXV_oO375KTOBgBBWI1RN2k3n66Ys9NfUI1h4yXnRnDNxo,275

   Asked by samec1337, November 14, 2015

   0 votes
   10 answers
6. пропал текст в опере

   помогите пожалуйста вернуть надписи на место вот страничка . во всех браузерах отображается одинаково. но в windows8.1 opera12.16 страничка выглядит так проверял при помощи сервиса browserstackScreenshots . может он так заглючить? проверить на реальном браузере у меня нет возможности

   Asked by cyklop77, November 13, 2015

   0 votes
   3 answers
7. Полоска меню во всю ширину экрана

   Друзья, приветствую и прошу помощи. Подскажите пожалуйста, как сделать полоски меню во всю ширину экрана (оранжевые) на сайте http://diagnostmaster.ru То есть чтобы они фоном выходили за длину в 1110 px. Заранее благодарен.

   Asked by daft, November 10, 2015

   • меню
   0 votes
   1 answer
8. вопрос про иероглифы

   Появились иероглифы вместо русских слов в Sublim-е. как это исправить?

   Asked by severianin, November 13, 2015

   0 votes
   5 answers
9. Верстка фигуры

   Здравствуйте! Подскажите как можно сверстать вот такую фигуру Каждая из трех составляющих пентагона должны быть кликабельны (ссылки), а также поверх них должен быть текст. Для каждой составляющей будет разный фон в виде картинки. Как все это сделать средствами CSS и HTML? Желательно максимально кроссбраузерно. Заранее благодарен!

   Asked by _ZheKA_, November 7, 2015

   • фигура
   • фигуры
   • css3
   • пентагон
   0 votes
   19 answers
10. bootstrap 3 и длинные поля таблиц

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

    Asked by z3r9, November 12, 2015

    • bootstrap
    • таблица
    • поля
    0 votes
    1 answer
11. Стилизация css селекторами кнопок next и prev

    Есть разметка пагинации. <div class="pagination"> <a class="page-btn page-btn-prev" href="#">Предыдущая</a> <a class="page-btn current-page" href="#">1</a> <a class="page-btn" href="#">2</a> <a class="page-btn" href="#">3</a> <a class="page-btn page-btn-next" href="#">Следующая</a></div>Можно ли как-то прятать/делать видимыми page-btn-prev и page-btn-next в зависимости от позиции current-page используя css селекторы? Если вторая ссылка с классом current-page - не показывать page-btn-prev Если предпоследная ссылка с классом current-page - не показывать page-btn-next Вот так начал .pagina…

    Asked by grafnet, November 12, 2015

    0 votes
    3 answers
12. перенос текста внутри td

    перенос текста внутри td имеем <td>первый второй третий</td> как сделать, какой символ нужно добавить между словами, чтоб каждое слово выводилось в браузере в ячейке с новой строки ? Заранее благодарен!

    Asked by Alexys, November 13, 2015

    0 votes
    6 answers
13. Правильно ли я сделал верстку под разные мониторы?

    Сайт http://burzhuy.org/deal/ Проблема с первым "блоком", где изображен мужчина по имени Гейб с облачком На родительский блок gabe фоном ставлю цельное изображение Гейба с облачком background: transparent url("/deal/img/gabe_big2.png") no-repeat scroll center center / cover;Потом идет меню, блок с текстом, который должен находиться и кнопка. Блок с текстом при разных разрешениях монитора будет скакать, поэтому я сделал такие правила для этого блока. Еще этот блок растягивает родительский блок так чтобы фон не был маленьким или очень большим @media (min-width: 768px) { .cloud { padding: 6% 58% 10% 8%; } .cloud p { font-size: 15px; } .cloud span { font-s…

    Asked by afagorn, November 13, 2015

    0 votes
    2 answers
14. Обтекание изображения текстом

    Прошу помощи, я использую Joomla 3+ K2? при создании материала в К2 изображение добавлено через вкладку "Изображение" (то есть изображение не размещено в самой статье, оно прикреплено к ней), изображение выводится как на странице самого материла, так и в списке материалов категории. Подскажите как сделать чтобы данная картинка была обтекаемой текстом и в списке материалов категории и на странице самого материала, я просто голову свернул Пробовал как сказано в FAQ по К2 в стилях k2.kss поставить div.latestItemImageBlock { float: left; margin: 0; padding: 0; } Не помогло И еще просьба, может кто нибудь поможет или хотя бы посоветует с примером…

    Asked by webmax, November 13, 2015

    0 votes
    4 answers
15. Иконки

    Добрый день!Подскажите, откуда подтягиваются иконки гамбургер-меню и close в этом примере? http://codepen.io/g13nn/pen/eHGEF

    Asked by Кнопа, November 13, 2015

    0 votes
    2 answers
16. div падает

    В общем, в div container у меня внутри три div-блока. Размером 20%, 55% и 25% соотв. Для расположения их по горизонтали я применил свойство float:left. Проблема: При попытке расширить средний блок (то есть, увеличить содержимое в ширине) (1) 55%, третий блок (2) 25% просто падает под него, не оставаясь на месте. А вставка background-image вообще работает неадекватно. Изображение вставляется только на 10%, словно обрезанное. max-width: 960px; - блока(1) Заранее благодарен за любую помощь. Я пока только учусь вёрстке. Много чего на практике только испытываю.

    Asked by P0jar, November 10, 2015

    0 votes
    6 answers
17. въехать в позиционирование дивов

    подскажите как быстрее всего въехать в магию позиционирования дивов? стоит только сменить inline-block на block и все тут же разваливается

    Asked by https, November 9, 2015

    0 votes
    11 answers
18. Ruby on reils уже не актуально?

    Извините ,если я прослоупочил все , но интересно от старших товарищах услышать их мнение по данному языку ruby , фреймворку(ruby on reils) ? стоит ли их начинать изучать? актуальны ли они ? вроде спрос есть , как в гугл введешь запрос , но по сути ,если полазить ,то часто встречаешь спрос на питонов с пшп ... вывод напрашивается , либо язык не востребованный , либо представителей нет ...Если вы есть на форуме напишите ,как у вас дела , что с работой , умирает ли этот язык или есть у него еще будущие ?

    Asked by rootnoob, November 11, 2015

    0 votes
    2 answers
19. мобильные телефоны как датчики

    Ребята, кто где встречал, может сталкивался сам. Нужна нормальная статья о сборе информации с мобильных телефонов. Например для сбора шумов, загрязнения воздуха, местоположения. Вся загвоздка нужна на русском. На англ. языке ее много, но мне воспринимать тяжело, кое что не понимаю, ну ни как. Создаю систему репутации в patricipatory sensing system, даже нормально перевести ее не могу. Как сам этот процесс называется???? это далеко не зондирования, не скачивания, не сборка а что я не могу разобраться без Вашей помощи((. Меня сейчас модераторы накажут, но податься мне больше не куда. Буду рада любому отклику, даже если звиздюлей получу, может эффективней начну работать)

    Asked by Dirada, November 12, 2015

    0 votes
    0 answers
20. Слайдер

    Добрый вечер,форумчане! Подскажите,при помощи чего лучше подключить данный слайдер?и как добавить на него столько текста?подключить бутстрап, просьба - не предлагать!Заранее спасибо! http://prntscr.com/906imc

    Asked by yulshaz@mail.ru, November 7, 2015

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

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

    Здравствуйте. Возникла проблема - нужно прибить один div к низу другого div. Использовал в стилях div (который надо прибить) position: absolute;bottom:0;width:100%;text-align:center;color:#FFF;А в стилях внешнего (обёртки) div: html, body { width: 100%; height: 100%; margin: 0; background:#000;}#bg1 { width: 100%; height: 100%;}При изменении размеров экрана текст, который прикреплён к низу может налезть на текст, который находится выше "футера". Как ограничить максимальный подъем футера? (то есть доходит до опредедленного значения/места и перестает подниматься вместе с окном браузера)? Спасибо .

    Asked by bvy15963, November 10, 2015

    0 votes
    2 answers
23. Ссылка якорь

    Нужно на первой странице поставить ссылку якорь на вторую на скрытый блок, который должен при этом разворачиваться. <h2>Блок</h2><p><a class="button" onclick="$('#afisha').slideToggle();" name="afisha" href="javascript://">(скрыть/показать)</a></p><div id="afisha" style="display: none;">Информация</div>пробовал сделать с помощью name="afisha", но не сработало.

    Asked by aizul, November 10, 2015

    • ссылка якорь
    0 votes
    4 answers
24. Многоточие

    Добрый день, коллеги! Подскажите, пожалуйста, каким образом на этом сайте сделаны многоточия между названием параметра и его характеристикой? https://market.yandex.ru/product/12438181/spec?hid=91491&track=char или вот здесь, внизу http://kuple.ru/catalog/melkaya_bytovaya_tekhnika/kofemashiny/kofemashina_delonghi_ecam_28_465_mb/

    Asked by Skanavy, November 10, 2015

    0 votes
    10 answers
25. Как передать два массива с помощью чекбокса?

    Есть форма. В ней есть чекбоксы. Чтобы передать массив пишем так name="delete_entities[]" . А как сделать, чтобы передать на сервер ДВА массива? Например, delete_entities_id[], delete_entities_path[] ?

    Asked by Steel_NX, November 10, 2015

    0 votes
    11 answers