HTML Coding

29,542 questions in this forum

1. Двухуровневое меню

   Добрый день! Никак не могу решить проблему со своим меня на сайте. По макету все должно выглядеть следующим образом http://c2n.me/3cdJWb4 Но у меня почему-то .sub-menu оказывается под сладером( пробовал выставлять для них z-index. Ничего не помогает. Подскажите как решить проблему? Вот сам сайт: http://justexemple.host56.com/

   Asked by alex.kv, February 11, 2015

   0 votes
   5 answers
2. Смена картинки svg при наведении курсора без задержки/альтернатива

   Здравствуйте! Есть код типа: HTML: <a></a>CSS: a {display:block;width: 50px;height: 100px;background: #2b2b2b url(/some_image1.svg) no-repeat;background-size: contain;background-position: left;}a:hover {background: #000000 url(/some_image2.svg) no-repeat;}Суть в том, что картинка svg - простая однотонная иконка с прозрачным фоном, при наведении нужно изменить её цвет, но если это реализовать с помощью смены картинки на такую же, только другого цвета, смена происходит с задержкой. Изображение исчезает, а через секунду появляется другое. Так происходит только первый раз, потом картинка, видимо, попадает в кэш браузера и смена происходит без задержки, но задержк…

   Asked by Torawhite, February 9, 2015

   0 votes
   9 answers
3. Как выровнять div по правому краю без float!

   Привет, форумчане! Подскажите, как можно выровнять div по правому краю без использования flot и относительного либо абсолютного позиционирования. Имеется вот такой вот div.pagination, внутри которого лежит div.pages, что и нужно сдвинуть в правую сторону блока pagination: http://joxi.ru/gmvjVqJuM9XQma Для вложенного блока установил свойство 'display: inline-block'. Пробовал сдвинуть с помощью text-align - не помогло И margin'ы тоже не выручают. Что посоветуете? Заранее спасибо!

   Asked by Antoshka007, February 9, 2015

   • float
   • div
   • right
   0 votes
   13 answers
4. @media

   Страница имеет разный вид, в зависимости от устройства. Экран телефона, планшета, десктопа на симуляторе выглядят по сценарию http://quirktools.com/screenfly/#u=http%3A//richel.skepton.ru/&w=320&h=480&a=33&s=1 Открывая ссылку на реальном устройстве http://richel.skepton.ru/# , видим флюид, но не респонсив. Отображается последний из трёх возможных вариантов + часть свойств вынесенных за скобки условий, относящихся ко всем трём вариантам и не вошедших в данный диапазон. @media screen and (min-width:770px) { -----some css code-----}Для уменьшения кода и ускорения загрузки на моб устройствах, прописано сначала всё для мобильников + то, что относится дл…

   Asked by seemax, February 10, 2015

   • респонсив
   0 votes
   2 answers
5. Облако

   Хочу закинуть на свой сайт через облако аудио файлы, чтобы можно было их слушать на в онлайне. Проигрывает только с dropbox, остальные гугл, яндекс, меил облако - нет. На дропбоксе всего 2гб, а мне надо 20. Подскажите можно ли слушать с них аудио на сайте, возможно я что-то не правильно делаю, что музыка не играет с них

   Asked by xxx44552, January 11, 2015

   • аудио
   0 votes
   9 answers
6. Откуда паддинги?

   Всем привет! Подскажите, опытные верстальщики, откуда в некоторых ячейках таблицы появляются padding'и: http://joxi.ru/n2YY0kKc5Y1Z26 Я не так давно в вашей сфере, может эта банальная ошибка, но я не понимаю. Chrome говорит, что у ячейки они отсутствуют, но все равно их выделяет при наведении на слово padding внутри этого окошка: http://joxi.ru/Y2L8DXguL3W126 margin'ы у внутренних блоков убраны и при рассмотрении через html отладчик, если его можно так назвать, никакого влияния на эту область не дают. У таблицы стоит свойство cellpadding="0" Свойства для всех ячеек одинаковы, но у каких-то таких проблем нет, а у каких-то есть? С чем это может быть связано? Спасиб…

   Asked by Antoshka007, February 9, 2015

   • padding
   • css
   • html
   • table
   • tr
   • td
   0 votes
   4 answers
7. Изменение положение блока

   При верстке возникла проблема со смещение блока в левую сторону Вот как должен выглядеть результат: http://c2n.me/3cbTQRl Но блок "Наши видеообзоры" никак не хочет смещаться влево( Вот что оно из себя представляет на данный момент: http://justexemple.host56.com/ Как мне изменить расположение блока video-description?

   Asked by alex.kv, February 10, 2015

   0 votes
   2 answers
8. Как выровнять блок по середине относительно двух крайних?

   Здравствуйте! Как выровнять блок по середине относительно двух крайних? На codepen лежит свёрстанный слайдер у которого красный блок прижимается к левому, как мне его выставить по середине относительно двух? http://codepen.io/anon/pen/XJVKNg Спасибо!

   Asked by perec200, February 10, 2015

   • блоки вёрстка
   • выравнивание
   0 votes
   3 answers
9. Меню

   Всем привет подскажите пожалуйста почему при наведении на меню оно выдвигается а когда убираешь мышку оно задвигается? Как можно сделать чтобы оно не задвигалась обратно? И при выдвигании толкало в низ следующее меню а то подменю пролазиет под вторым таким же меню. <ul class="menu"> <li> <a href="#"><h4>ТЕСТ</h4> </a> <ul> <li><a href="#">Что КАСКО?</a></li> <li><a href="#" class="messages">тест</a></li> <li><a href="#" class="signout">ТЕСТЫ</a></li> </ul> </li></ul><br><ul class="menu"> <li> <a href="#"><h4>ТЕ…

   Asked by gorkaps, February 9, 2015

   0 votes
   4 answers
10. Почему тело страницы НЕ подлазит под навигацию?

    Здравствуйте. Стандартный пример вёрстки с бутстрапом http://getbootstrap.com/examples/theme/# . Здесь навигация (тёмная полоска сверху) имеет тип позиционирования fixed и следовательно должна выдёргиваться из стандартного потока вывода объектов. Следующий за навигацией элемент имеет тип позиционирования static, и по логике должен занимать место вырваной из потока объектов нафигации. Но тем-не-менее он размещён следом за ней, так, как будто бы оба имеют статическое позиционирование. Почему они размещаются так? Спасибо за ответ.

    Asked by S0meT1me, February 10, 2015

    0 votes
    2 answers
11. Как лучше реализовать вот такую задумку?

    Вот как лучше реализовать вот такую вот задумку дизайнера Макет: http://prntscr.com/62xzzj Надо сделать так, что бы при нажатии на Ежика, открывалось окошко поверх картинки Ежика вот так http://prntscr.com/62y0my

    Asked by Anna Zharova, February 9, 2015

    0 votes
    3 answers
12. Связка дыух блоков - div и span псевдоклассом hover

    Здравствуйте! Есть код типа: HTML: <div class="class_1"> <span></span></div>CSS: .class_1 {display: block;width: 40px;height: 40px;background-color: #2b2b2b;}.class_1:hover {background-color: #000000;cursor: pointer;}.class_1 span {display: block;width: 20px;height: 20px;float: right;margin-top: 10px;margin-bottom: 10px;background-color: #aaaaaa;}.class_1 span:hover {background-color: #ffffff;cursor: pointer;}Для наглядности http://jsfiddle.net/3bbb980k/ Как можно сделать, чтобы при наведении на родительский div выполнялся свой hover и у div, и у дочернего span?

    Asked by Torawhite, February 8, 2015

    0 votes
    8 answers
13. При клике прыгает блок.

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

    Asked by mrfrunze, February 9, 2015

    • css
    • position
    0 votes
    2 answers
14. Скошенная сторона у блока произвольной высоты, IE8 и выше, как реализовать?

    Необходимо реализовать блок со скошенной стороной, как на картинке: Нагуглить решение мне не удалось. Есть ли способ такое реализовать IE8 и выше, желательно без использования картинок?

    Asked by Shiza, February 9, 2015

    • css3
    • трансформация
    • IE8
    0 votes
    1 answer
15. Размещение блоков на странице

    Добрый вечер, господа! У меня в макете нужно сделать следующее наложение блоков http://c2n.me/3c7Bs0s Нужно чтобы на слайдере была наложена шапка Никак не могу придумать как это сделать. Подскажите как бы это сделали вы? Вот то что сейчас есть: http://justexemple.host56.com/

    Asked by alex.kv, February 9, 2015

    0 votes
    1 answer
16. Использование :after&:before

    Доброй ночи! Нужно сделать пунктирную линию справо и слево от изображения. На картинке пример http://c2n.me/3c83tWt Вот то как это пока сделал я http://jsbin.com/pibecoyofo/1/edit?html,css,output Кто подскажет как сделать больше чем одна точна с одной стороны?

    Asked by alex.kv, February 9, 2015

    0 votes
    1 answer
17. Почему блок выпал?

    Всем привет! Опытные верстальщики помогите разобраться, почему блок с таблицей опускается ниже всех остальных. Да и последний div тоже не на своем месте. Почему то немного опущен. http://cssdeck.com/labs/8madbvfx Никак не могу понять в чем дело. Спасибо!

    Asked by Antoshka007, February 9, 2015

    • css
    • html
    • div
    0 votes
    8 answers
18. Не убирается бордер у картинки

    Asked by aquapasha, February 2, 2015

    0 votes
    15 answers
19. Настроил файл .htaccess теперь не грузятся CSS javascript картинки

    Здравствуйте. Сделал ЧПУ на личном движке все прекрасно работает. Но теперь другая большая проблема. Настроил файл .htaccess теперь не грузятся CSS javascript картинки 1) Прописывал абсолютный путь для CSS такового вида <link rel="stylesheet" href="http://site.loc/temp/temp_1/css/style.css"/> БЕСПОЛЕЗНО!! 2) Перемещал файл CSS в корень сайта <link rel="stylesheet" href="style.css"/> БЕСПОЛЕЗНО!! Да и вообще чего только не делал. Уже неделю мучаюсь. Помогите советом пожалуйста. В файле .htaccess такие настройки: AddDefaultCharset utf-8 RewriteEngine on RewriteBase / RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d Rewri…

    Asked by koly32, February 8, 2015

    0 votes
    8 answers
20. Два блока на всю ширину экрана

    Есть два блока, один фиксированного размера, второй должен растянуться по ширине до конца страницы. То есть, 2 блока должны растянуться на всю ширину странички. Вот пример - http://jsfiddle.net/9k5xwnvp/

    Asked by alleclf, February 9, 2015

    0 votes
    4 answers
21. Не работает перекатывание картинки в Хроме и Опере

    Собственно код .enter {background: url("../img/enter.png"); display: inline-block; width: 170px; height: 42px; position: relative;margin-left: 20px;cursor: pointer; font-family: Arial, sans-serif; font-size: 20px; font-stretch: condensed; font-style: italic; font-weight: bold; color: #7F5B2B; line-height: 42px; text-align: center; text-decoration: none; text-shadow: 1px 2px 3px rgba(255,255,255,0.5); -webkit-background-clip: text; -moz-background-clip: text; background-clip: text;}.enter:hover {background-position: 0 -42px;}.enter:active {background-position: 0 -84px;}<button class="enter" onclick="submit();" typ…

    Asked by roland, February 8, 2015

    • картинка-ссылка
    • кроссбраузерность
    0 votes
    2 answers
22. удалить скрипт из документа

    скажите пожалуйста почему не срабатывает такой код? <script id="init_masonry"> $( document ).ready(function() { $('#container').masonry({ itemSelector: '.item', columnWidth: function(containerWidth) { return containerWidth / 3; } }); }); </script> <script> $( document ).ready(function() { console.log( "ready!" ); $('#init_masonry').remove(); }); </script> он должен удалять инициализатор плагина из тела документа посоветуйте пожалуйста альтернативу

    Asked by cyklop77, February 9, 2015

    0 votes
    0 answers
23. Проблема с "табами"

    Добрый день! Прошу помочь разобраться с багом. При смене таба, а потом возврате в первый содержимое таба пропадает. Вот ссылка на страницу с багом http://root.donkos.esy.es/card.html и скрин http://prntscr.com/62wjl8 , а это скрин с результатом ошибки http://prntscr.com/62wk8q . Заранее благодарю!

    Asked by donkos, February 9, 2015

    • js
    • таб
    0 votes
    2 answers
24. Как сделать контент зависимым от содержимого?

    Контент не растягивается под картинку, под текст да. (скриншот). body { background-color: #fff; margin: 0;}#head { position:relative; height: 242px; width: 100%; background: url(/image/head.png) repeat-y 50% #4d8795; }#content{ width: 1022px; margin: 0 auto; background: #fff; box-shadow: 0 1px 4px rgba(0, 0, 0, .3), -23px 0 20px -23px rgba(0, 0, 0, .3), 23px 0 20px -23px rgba(0, 0, 0, .3); padding: 7px; }#content1{ width: 700px; text-align: justify;}#name-page{ padding-top: 38px; padding-left: 9px; font-family: Minion Pro, sans-serif; font-size: 45px; text-transform: uppercase; }#line-page{ background: url(/image/line.png) repeat-x; height: 13px; widt…

    Asked by perec200, February 4, 2015

    0 votes
    6 answers
25. Неправильно определяется разрешение экрана

    Разбираюсь с адаптивным дизайном. Использую вот такую конструкцию: <meta name="viewport" content="width=device-width, initial-scale=1.0">Стили подключаю вот так: <link rel="stylesheet" media="all and (min-device-width:320px)" href="{THEME}/css/style_480.css" />Тестирую на смартфоне с экраном 480х854. При такой конструкции ширина экран определяется в 320 пх. и весь шаблон вроде как растягивается. Если в медиазапросе указать значение больше 320 пх, стили вообще не подгружаются. Если не использовать "viewport" шаблон сильно сжимается, вроде как масштаб уменьшается, причем уменьшаются всё кроме текста - текст отображается нормального размера. Искажения о…

    Asked by alleclf, February 8, 2015

    0 votes
    2 answers