HTML Coding

29,542 questions in this forum

1. Изменение цвета выделения TextBox при нажатии.

   Создал поле ввода текста при помощи <input type="text">, при нажатии выделяется синим цветом. Как сделать чтобы при нажатии выделялся другим цветом, например RGBA(255,255,255,0.5)?

   Asked by lexabard, August 24, 2015

   0 votes
   2 answers
2. Изображение на сайте и таинственное масштабирование

   Здравствуйте! Скачал шаблон для джумлы и столкнулся с загадочным масштабированием картинок в слайдере: обе картинки в разрешении 1500х601, html и css на обе картинки обинаковый, но одна картинка сохраняет свою высоту, растягиваясь в ширину, а другая масштабируется по обоим направлениям, т.е. увеличивает свою высоту. С таким поведеним столкнулся впервые, подскажите, в чём может быть причина? Сайт: http://laakoon.com/, первая картинка: header-1.JPG, вторая: header02.jpg P.S. Чуть не забыл: проблема появляется в последнем хроме на FullHD разрешении.

   Asked by Tmin10, August 24, 2015

   0 votes
   0 answers
3. Несколько вопросов по SMACSS

   Взял пример с официального сайта из раздела про Layout и решил разобраться как оформить данный блок до конца по методологии. Пример как должно выглядеть в итоге: Меня интересует вопрос нужен ли тут вообще l-grid ведь layout можно через модуль оформить, как и остальные стили. Иначе сам по себе модуль будет зависеть от других стилей позиционирования и без них итемы будут выводиться вертикально, что добавляет лишние зависимости. Первый вариант с вырванным и помещенным в layout позиционированием. <div><h2>Featured</h2><ul class="module l-grid"> <li class="module-item"><a href="…">…</a></li> <li class="module-item"&gt…

   Asked by Zuenf, August 23, 2015

   0 votes
   0 answers
4. Обрезать текст по вертикали и добавить многоточие в конце

   Здравствуйте! Прошу помочь с такой проблемой. Нужно, чтобы в зависимости от величины заголовка - количества строк, которое он занимает, текст описания сокращался-увеличивался. Если полностью не влазит - в конце добавлялось многоточие. Блок обёртки фиксированной высоты, а блоки с заголовком и описанием тянутся. Спасибо.

   Asked by Torawhite, August 23, 2015

   0 votes
   4 answers
5. Как сделать transform:scale поверх соседних элементов?

   Привет! http://apriori.leveler.ru/в нижней части страницы есть три баннера, при трансформации они увеличиваются за соседями, что в принципе логично. Но в Firefox например с такой версткой z-index работает и картинка всплывает над соседями. Посоветуйте пожалуйста, как правильно сверстать такое? Чтобы и bootstrap остался (при изменении размеров окна картинки должны выстраиваться вертикально) и над соседями подняться?

   Asked by d0ublezer0, August 23, 2015

   0 votes
   7 answers
6. CSS верстка страницы, проблема с центрированием

   Всем привет. Учусь верстать страницу на CSS, вместо таблиц. И столкнулся с проблемой. Раньше у меня была такая табличная структура (пишу упрощенно): <table width=100%> <tr> <td></td> <td width=900>вся шапка сайта тут</td> <td></td> </tr></table>Мне это давало ровную колонку в 900 пикселей по центру экрана. Также я делал и с "контент" частью, и с "футером". А на 100% растягивал, что бы если у пользователя вдруг монитор будет по ширине выдавать больше 1800 пикселей таблицы не выстроились в ряд. Теперь пытаюсь перенести эту логику на CSS. Создаю шапку: <div style="width:100%;min-height:300px;backgr…

   Asked by Alexey Menshikov, August 23, 2015

   0 votes
   2 answers
7. Проблема с видом контента

   Здраствуйте. Нужна помощь с казалось бы простой темой Есть вот такой вид контента, заголовок будет максимум из двух строк (ограничение движка), для контента поставила max-height, в случае если строка одна всё нормально, но если строки две, то текст контента налазит на текст информации о новости. HTML: <div class="news"> <div class="news_header">Заголовок</div> <div class="news_content">Текст контента</div> <div class="news_info">Информационный текст</div></div>CSS: .news{ background-color:#f0f5f9; display:inline-block; height:270px; width:270px; float:left; margin-bottom:10px; padding:10px; position:relativ…

   Asked by lapochka, August 22, 2015

   • div
   • html
   • css
   • news
   0 votes
   5 answers
8. Белая полоса на экране страницы

   Добрый день! Так вот.. на моем сайте в русской версии, белая полоса... Как ее убрать? На других языках этой полосы нет. Мой сайт www.lingovocabulary.com

   Asked by iolegv, August 22, 2015

   0 votes
   6 answers
9. Изучение Bootstrapa.

   Уважаемые, подскажите на каком ресурсе лучше всего изучать bootstrap, документацию на сайте их изучал, находил в гугле ресурсы и там почитал, но может, кто-то, где-то находил ресурс где прям можно не только изучить, но и по возможности кореектировить существующую их библеотеку под свои нужны дизайна. Всем спасибо заранее ))))

   Asked by bumerkz, August 18, 2015

   • bootstrap
   • css
   • об
   0 votes
   19 answers
10. цвет меню открытой страницы

    Кто может помочь. Как исправить код для меню чтоб меню открытой страницы подсвечивалось другим цветом? Происходит какое-то игнорирование, в пользу приоритета главной страницы. .text-link-naf {color: #945712; font-size: 18px; font-weight: 700;}.link-menu.w--current {display: inline-block; background-color: transparent; color: #22a6f2; font-weight: 700;} САЙТ: http://interbuy24.ru/balivilla/

    Asked by влад_os, August 22, 2015

    0 votes
    1 answer
11. как сделать прозрачный фон в картинке?

    http://joxi.ru/DmBNZa1hMNEYmP вот код

    Asked by raptor-dm, August 22, 2015

    0 votes
    1 answer
12. ie8 не понимает eot

    Есть сайт.Такая проблема. Генерирую шрифты с помощью сервиса https://everythingfonts.com/font-face. Подключаю их к сайту вот по такому синтаксису: @font-face{ font-family: 'RobotoItalic'; src: url('../fonts/RobotoItalic.eot'); src: url('../fonts/RobotoItalic.eot') format('embedded-opentype'), url('../fonts/RobotoItalic.woff2') format('woff2'), url('../fonts/RobotoItalic.woff') format('woff'), url('../fonts/RobotoItalic.ttf') format('truetype'), url('../fonts/RobotoItalic.svg#RobotoItalic') format('svg');}Во всех браузерах шрифт отображается нормально, кроме ie8. В нем не работает посмотрел в панеля разработчика: осел пишет, что какая то ошибка с форм…

    Asked by IvanRu08, August 21, 2015

    0 votes
    9 answers
13. css ​transform

    Добрый день, дайте направление куда копать. есть ромб делаю с помощью .romb{width:150px;height:150px;transform: rotateX(45deg) rotateZ(-45deg);border: 1px solid black;}.img{background-image: url(img.png);transform: rotateX(0deg) rotateZ(45deg);}<div class="romb"><div class="img"></div></div>т.е. перевернут против часовой стрелки на 45 градусов, картинку обратно перевернул, собственно вопрос как обнулить rotateX(0deg)? это пример по факту нужно сделать 1 большой ромб и в нем 9 маленьких ромбов в которых 9 background-image кликабельным должен быть именно ромб

    Asked by vik1249, August 21, 2015

    0 votes
    14 answers
14. Как сделать часы

    как сделать такие часы? Здесь файлы но часы работают только после обновления страницы: https://yadi.sk/d/EsSIIvpGiYfmn Пытался воссоздать http://jsfiddle.net/enwmps9o/79/

    Asked by lev99, August 20, 2015

    • html
    • css3
    0 votes
    10 answers
15. Эффект тиснения градиентом

    Доброго дня уважаемые коллеги. Подскажите пожалуйста, можно ли сделать с помощью градиентов вот такой эффект тиснения? http://savepic.net/7196577.htm Обычный градиент я знаю как делать, использовать несколько градиентов также умею. Но здесь как-то оно на искоса идет у уголков, даже не знаю что делать. Вырезать картинку и так пихать также не очень хочется. Буду благодарен за любую помощь.

    Asked by Velidan, August 21, 2015

    • тиснение
    • градиент
    • эффект
    0 votes
    3 answers
16. таблица вылазит из дива из-за длинной непрерывной строки

    Есть страница шаблона панели управления в которой из-за длинной непрерырвной строки таблица сильно вылазит за пределы дива. Просьба помочь в данном вопросе, желательно с помощью css, так как редактирование html ограниченно тем что панель генерит часть кода. вот шаблон данной страницы, а вот сгенерированая страница. Заранее благодарю за помощь...

    Asked by beliy, August 20, 2015

    0 votes
    2 answers
17. Конфликт скриптов

    Есть код, не знаю из-за чего начал капризничать, толь из-за Joomla 3, еще чего, не пойму, помогите разобраться

    Asked by lev99, August 21, 2015

    • javascript
    • jQuery
    0 votes
    2 answers
18. Ошибка со шрифтом TAHOMA

    сайт http://ss3.zz.mu/itsjustanewtry/index.html Почему одно устройство показывает что засечки есть ,а на другом их нету на Tahoma не должно быть засечёк фото ошибки (Меню сайта)

    Asked by аркей, August 21, 2015

    • шрифт css
    0 votes
    1 answer
19. Как сжать изображения на мобильной версии?

    Как эффективно сжать изображения на мобильной версии с уравнением пропорций размера?

    Asked by Hoax, August 20, 2015

    0 votes
    5 answers
20. Одно правило css перекрывает другое

    Есть сайт http://ibodybuilding.ru. Там в меню наверху есть пункт "Карта сайта в xml". У этой ссылки класс hidden-display-none который содержит только одно правило display:none. Но если посмотреть код элемента через хром, то правило перечеркнуто - его переопределяет другое правило (.nav > li > a {display:block;}) из другого файла, который подключается раньше. То есть получается что это мое правило должно быть в приоритете, так как мой файл подключается позже, но этого не происходит. Почему?

    Asked by websiller, August 20, 2015

    • css
    0 votes
    6 answers
21. Карта сайта Sitemap.xml Правильное время?

    Здравствуйте. Подскажите пожалуйста, какой из ниже представленных вариантов времени будет правильным, в фале sitemap.xml? Нужно указывать время по Гринвичу? или Московское? (на моем хостинге время Московское GMT+03:00) Если сейчас, к примеру, время по Гринвичу 04:30:50 а на хостинге соответственно 07:30:50 то в карте сайта должно быть: Вариант 1: <lastmod>2015-08-20T04:30:50+00:00</lastmod> Вариант 2: <lastmod>2015-08-20T04:30:50+03:00</lastmod> Вариант 3: <lastmod>2015-08-20T07:30:50+00:00</lastmod> Вариант 4: <lastmod>2015-08-20T07:30:50+03:00</lastmod> На своем "самописном движке" могу сделать любой из вариан…

    Asked by koly32, August 20, 2015

    0 votes
    4 answers
22. Display None прогружается при загрузке страницы?

    Есть например два слайдера. Один виден всегда с помощью @media, если ширина экрана больше чем 900, а другой в это время display:none; И наоборот соответственно. Но при загрузке страницы загружаются оба слайдера?

    Asked by Alarr, August 19, 2015

    0 votes
    11 answers
23. Верстка формы

    Есть в макете форма, в которой поля расположены следующим образом: Как разместить поля в таком порядке. Для label я пишу display:block, чтобы они были над полями. Если для первого input прописать float-left, то второй input располагается чуть ниже первого. Как это можно правильно сверстать? Вот код формы: <form class="orderform" method="" action=""> <label for="user-name">Ваше имя</label> <input id="user-name" name="user-name" value="" type="text"> <label for="phone-number">Ваш телефон</label> <input id="phone-number" name="phone-number" value="" type="text"> <input type="submit" value="Вызвать мастера"></form&…

    Asked by IvanRu08, August 19, 2015

    0 votes
    4 answers
24. ошибка валидатора Unmappable byte sequence

    помогите пожалуйста исправить на страничке ошибку валидатора Error: Unmappable byte sequence: 90.я понимаю, что проблема в каком-то символе, но не понимаю в каком

    Asked by cyklop77, August 19, 2015

    0 votes
    1 answer
25. Не срабатывают мета теги

    У меня не срабатывают мета теги ,когда я делаю анализ сайта (http://pr-cy.ru/a/for-droid.ru)мне пишет что не найдено описание в мета тегах ,и вот как выглядит мета тег главной страницы : <head> <meta http-equiv="content-type" content="text/html; charset=windows-1251"> <meta name="description" content="Выбор только лучших смартфонов и игр на платформе Андроид"><meta name="Keywords" content="выбор,смартфоны,Андроид,Android,smartphone,игры,приложения,помощь"><title>for-droid.ru выбор только лучших смартфонов и игр </title><link rel="stylesheet" type="text/css" href="style.css"> </head>Подскажите пожалуйста в чем ошибка .Заран…

    Asked by frolmd, August 18, 2015

    • мета
    • теги
    • помощь
    • html
    0 votes
    2 answers