HTML Coding

29542 questions in this forum

1. Подсветка чекбокс при наведении

   Коллеги, подскажите как сделать чтобы при наведении на чекбокс тот менял цвет рамки Стандартный чекбокс я скрыл. Вместо него я поставил .form-checkbox__label::before - новый чекбокс. Как прописать его поведение при наведении? Попробовал .form-checkbox__label::before:hover - не получается. Но нужно еще сделать так, чтобы при наведении на текст он тоже менял цвет http://codepen.io/anon/pen/gaqZYd

   Asked by yaparoff, November 17, 2015

   • checkbox
   0 votes
   1 answer
2. Размывается картинка после изменения размера контейнера

   Доброго времени суток! Имеется проблема: Я изменил размер контейнера (картинка CELINE в шапке сайта) с помощью кода CSS: .adaptive .logo img { max-height: 120px; min-width: 300px; } Далее вставляю картинку "CELINE" с помощью визуального редактора UMI, сохраняю изменения и обновляю страницу. После обновления страницы картинка "CELINE" размывается... Как сделать чтобы картинка отображалась без размытия?

   Asked by Psychedelic1571, November 17, 2015

   0 votes
   2 answers
3. Изменить стандартный select

   Нужен такой select Почти сделал, но старые стили у select убрать не могу. Может кто знает как это сделать? http://codepen.io/anon/pen/EVrOaq

   Asked by yaparoff, November 17, 2015

   • select
   0 votes
   4 answers
4. Появление подсказки при наведении + тень

   При наведении на блок должно быть вот так: Т.е. должна появляться подсказка. Также не получается сделать тень треугольника снизу (у подсказки). Подскажите, как это сделать? http://codepen.io/anon/pen/avXRQx

   Asked by yaparoff, November 17, 2015

   0 votes
   2 answers
5. Не получается бросить якорь в скрытый блок

   Подскажите пожалуйста, имеется шаблон в котором все div блоки скрыты, а открываются только при нажатии на кнопку меню срабатывает стиль display: none, и соответственно при нажатии на какую нибудь кнопку из меню по такой же схеме открывается уже конечный блок с контентом. Проблема заключается в том что мне нужно поставить якорь на конечный контент, а ссылку - на логотип (со стартовой страницы), я так понимаю что ссылка не работает из за того что блок с конечным контентом скрыт. Но если открыть конечный контент кнопочка "services и значок с человечками" ссылка начинает работать. <a name="tab66"></a> якорь <a rel="nofollow" href="#tab66"><img src="…

   Asked by kirpich, November 17, 2015

   0 votes
   0 answers
6. вопрос про круглые края и про шапку

   Друзья,у меня вот такая шапка : http://savepic.su/6550823.jpg как мне закруглить края верхние те ,что на рисунке или спрятать их под шапку? а то у меня только нижние края закругляются ) http://savepic.su/6505764.jpg

   Asked by severianin, November 16, 2015

   0 votes
   2 answers
7. Псевдоэлемент :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
8. Bootstrap фотогаллерея

   Ребзики, коллегушки .. Верстаю сайт под смартфоны на bootstrap. Подскажите пожалуйста нормальную фотогаллерею. Требования: 1. Не громоздкая. 2. Удобная для пользования с мобилки. Заранее приподнимаю шляпу в знак уважения.

   Asked by Pinga, November 15, 2015

   • bootstrap
   • image
   • gallery
   • jquery
   0 votes
   7 answers
9. Как отцентрировать блок поверх видео?

   Подскажите, как можно отцентрировать блок #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
10. медиа стиль для планшета

    Здравствуйте! Сверстал сайт, в браузере любом смотрится нормально, но в планшете блоки из за 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
11. Все ли правильно!?

    Всем привет, учусь на интерактивных курсах, вот сегодня сверстал первый свой код htmll и css. Если есть у кого то время, проанализируйте, может где то можно сократить, где то исправить, хочу с самого начала учиться правильно, а так как наставника нет, прошу помощи у вас. Спасибо! https://jsfiddle.net/cqtcjxbd/

    Asked by Livitan, November 14, 2015

    0 votes
    7 answers
12. Скачивание по ссылке

    Приветствую! У меня имеется ссылки, которые при открытие в браузере хром воспроизводят музыку. Как сделать с помощью 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
13. пропал текст в опере

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

    Asked by cyklop77, November 13, 2015

    0 votes
    3 answers
14. вопрос про иероглифы

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

    Asked by severianin, November 13, 2015

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

    Сайт 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
16. Иконки

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

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

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

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

    Asked by Alexys, November 13, 2015

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

    Прошу помощи, я использую 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
19. Стилизация 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
20. Вертикальное выравнивание в ячейке, проблема с <div>

    Здравствуйте! Имеется некая часть странички http://samsung.com/ru/support, которую я решил сверстать сам для тренировки построения сеток Возникла следующая проблема: при попытке выровнять картинку по вертикали и заключении ее в тег <div> выравнивание не работает, как и если картинку в какой-либо тег не заключать. Но как только я оборачиваю картинку в тег <p> выравнивание работает. Никак не могу понять причины, ведь теги <p> и <div> оба блочные. Гуглил свойства обоих тегов, но ничего по теме не нашел. Помогите, пж-та, разобраться Вот код с <p>, где все работает: http://codepen.io/anon/pen/xwyGWE?editors=110 Вот код с <div> (В него …

    Asked by hiko-sensei, November 12, 2015

    0 votes
    4 answers
21. bootstrap 3 и длинные поля таблиц

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

    Asked by z3r9, November 12, 2015

    • bootstrap
    • таблица
    • поля
    0 votes
    1 answer
22. мобильные телефоны как датчики

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

    Asked by Dirada, November 12, 2015

    0 votes
    0 answers
23. Проблема с переходом на другую страницу по кнопке

    Есть код: <a class="order" href="http://мойсайт.ру/uslugi">Подробнее</a>по нажатию на "подробнее", должен открываться другая страница, но чтобы было красиво, сделал кнопку: .order {margin-top: 15px;width: 180px;height: 40px;display: block;background: #35a833;}.order:hover {background: #176fb7;И тут возникла проблема, если отключаю "order", то всё нормально работает и переходит, но стоит только включить обратно, переход перестаёт срабатывать. Т.е. при наведении на кнопку показывает, куда надо перейти, но при нажатии ни чего не происходит! Почему? Что не так? ((( Если сделать "якорь" на странице, то перемещение по странице работает.

    Asked by shiirx, November 12, 2015

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

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

    Asked by rootnoob, November 11, 2015

    0 votes
    2 answers
25. Как сверстать такой простой сайт с 3-я колонками, заголовком и подвалом?

    Если б порядком не замучился, то не стал бы заводить эту простую тему. Везде написано, что сейчас таблицы не нужно использовать для верстки, а нужны Div. Подскажите, как сверстать такой сайт - по типу сайтов с фотками и картинками. По высоте он будет на 100% страницы. Сверху будет заголовок с меню навигации. Снизу будет 3 колонки. В средней колонке будет картинка и она должна вся умещаться. Полос прокрутки в этом блоке быть не должно. Должен изменяться размер исходной картинки в этом блоке. Слева будет динамическое раскрывающееся меню. Оно может быть длинным - там нужна полоса прокрутки. Справа будет доп информация, тоже может понадобиться полоса прокрутки. Снизу буд…

    Asked by igmar, November 11, 2015

    0 votes
    11 answers