HTML Coding

29,542 questions in this forum

1. Отображаются ли base64 img при отключенных картинках?

   Отображаются ли base64 img при отключенных картинках? Я сейчас думаю - ставить ли задний цвет фона на случай отключенной картинки, если фон зашифрован в base64

   Asked by Zverushka, December 18, 2013

   0 votes
   12 answers
2. Кручу-верчу, спозиционировать хочу

   Есть такой код http://jsfiddle.net/s7EmS/2/ Вопрос: почему появляется горизонтальный скролл, когда абсолютно спозиционированному блоку (относительно родителя) задается отрицательный отступ, загоняющий его за пределы страницы? Можно ли это как-то обойти? Только без обрезания. Нужно, что бы он ушел за пределы, но при этом не исчез совсем и не появился скролл, в смысле чтобы, например, при расширении окна браузера его было видно.

   Asked by Bassline, December 18, 2013

   0 votes
   10 answers
3. Несколько фонов, IE7

   Суть проблемы такова: есть сайт с структурой которая приведена ниже. Вся прелесть в том что в блоке r1 задано несколько фонов, и при изменении контента вырисовывается правильная картинка окна (один фон репитится). http://jsfiddle.net/5LFKz/ Мне нужно сделать этот же функционал под IE 7,8. По сколько несколько фонов там естественно не поддерживается, я решил разбить на отдельные контейнеры под каждую картинку. То есть те которые снизу и сверху сделать определенной высоты, а между ними блок который будет репитить изображение. Но у меня не получается это сделать. Вот мой результат: http://jsfiddle.net/5D4nr/ Пока не получилось придумать так чтобы блок o3 (нижняя часть окна)…

   Asked by Holyavko, December 19, 2013

   0 votes
   1 answer
4. пропадает ol-нумерация

   помогите пожалуйста кроссбраузерно вывести нумерованный список на страничке проблема в том, что chrome скрывает нумерацию. firefox смещает нумерацию, игнорируя padding. а результат должен выглядеть примерно так в примере я заменил тип нумерации, но это не принципиально не сильно интересует решение "пиксель в пиксель". устроит любое разумное, аккуратное расположение элементов списка. устаревшие браузеры можно отбросить

   Asked by cyklop77, December 20, 2013

   0 votes
   3 answers
5. Контур button

   Доброго времени суток, столкнулся с такой проблемой, создал кнопку, задал ей следующие параметры: .menu button:hover { background:#86C129; color:#FFFFFF;}.menu button:active { background:#901D79;}.menu button:focus { border:none;}Однако основная проблема, что после нажатия на кнопку появляется контур и пока не клацну мышкой в любом месте не исчезает, перебрал псевдоклассы не могу понять к чему относится этот контур. Также у меня сама кнопка заключена в ссылку: <a href="#" title="Главная"><button>ГЛАВНАЯ</button></a>Думал мб, что наследуется от гиперссылки однако просто кнопка без тега ссылки также себя ведет. Вот так выглядит проблема http://jsf…

   Asked by Arhidiablo, December 23, 2013

   0 votes
   10 answers
6. Применение события только к текущему блоку

   $('.basket .good-zakaz').hover( function() { $(".basket .good-zakaz .delete").show(); }, function() { $(".basket .good-zakaz .delete").hide(); } );Есть множество блоков .basket .good-zakaz при навдении на один из них выводится блок .delete. Проблема в том что выводится у всех блоков, если наводить на один из них. Нужно чтобы выводился только у того на который наводим. Что туплю

   Asked by okunev2, December 19, 2013

   0 votes
   4 answers
7. Еще немного о тенях

   Всем доброго. Подскажите пожалуйста, как средствами HTML+CSS сделать такую тень (см. вложение) Или проще вырезать кусок из макета и вставить <img>?

   Asked by To_wave, December 20, 2013

   0 votes
   3 answers
8. Разместить анонс текста в заданные размеры

   Здравствуйте! Задача состоит в том, чтобы текст с описанием разместить в блок заданной высоты, чтобы это смотрелось корректно. Проблема в том, что текст может иметь совершенно различное форматирование (разный шрифт, жирность, наличие или отсутствие заголовков и пр.); и соответственно, его точную высоту нельзя рассчитать заранее. Поэтому, может получаться вот так: Хотелось бы еще добавить в конец строки многоточие. Как можно это сделать?

   Asked by Светлана Г., December 20, 2013

   0 votes
   10 answers
9. Помогите с wp версткой

   Здравствуйте! Есть такой сайт http://promokodiwildberries.ru/ нужно сверстать вывод поста как у этого сайта http://promonator.ru/shops/bay/promocode/ чтобы пост выводился в 2 колонки в первом картинка, а во втором сама статья.

   Asked by Dean Winchester, December 20, 2013

   • wp
   • wordpress
   • wp верстка
   • верстка
   • ccs
   0 votes
   3 answers
10. Как вставить баннер.swf со ссылкой на ресурс

    Добрый вечер всем! Изучил немного Adobe Flash и встал перед проблемой, оказывается файл типа баннер.swf нужно как-то особо вставлять в html. Нашел кучу готовых вариантов и не у одного из них нет ссылки на ресурс. Как сделать именно ссылку к баннер.swf ???????? Что бы кликнуть можно было. Спасибо!

    Asked by Vic-Tor, December 20, 2013

    • аннер
    • swf ссылка
    0 votes
    2 answers
11. Незацикленная анимация

    Насколько я знаю, в CSS для анимации есть 2 свойства: transition и animation. transition делает плавный переход от одного значения свойства к другому при, например, hover. Animation делает зацикленную анимацию. А как организовать анимацию типа animation, только незацикленную? То есть именно одиночную, а не зацикленную с промежутком в 999999 секунд.

    Asked by iKNG, December 20, 2013

    0 votes
    1 answer
12. Многоугольник с рамкой

    Всем привет. Вот у меня получилось сделать многоугольник на CSS: http://jsfiddle.net/2knMx/, только он без border'a. Мне интересно, а как сделать, чтобы многоугольник был с border'ом? Элементу div задал overflow: hidden, а для псевдоэлемента :before overflow: hidden — не работает. Что-то больше в голову ничего не приходит... http://jsfiddle.net/2knMx/1/

    Asked by Aleksandr.L, December 20, 2013

    0 votes
    4 answers
13. проблема виджета вконтакте

    В общем у меня на странице несколько видео ютуба которые спрятаны в спойлерах,под каждым я расположил по виджету вконтакта,так как нужно сделать каждый виджет индивидуальным я решил подключать для каждого видео отдельный "сайт" что бы у каждого виджета были разные метки.Но запустив все это я увидел что не получилось,все 3 виджета на странице расположены в первом спойлере под первым видео,а в остальных двух спойлерах нету ничего. Что сделать что бы стало по нормальному?Я офк попробовал скрипты меток закинуть в скрипты самих виджетов вот так <div id="vk_comments"></div> <script type="text/javascript"> VK.init({apiId: 4071592, onlyWidgets: true});…

    Asked by pudge, December 20, 2013

    0 votes
    2 answers
14. верстка сложного макета

    Здравствуйте.В html верстке, у меня пока что не так много опыта.Есть сложный макет.Хотелось бы знать по какому принципу его верстать,думаю как же все это разместить, использовать float?либо попробовать сделать по grid системе? может его как-нибуть подругому надо верстать. Может кто подскажет, как именно здесь действовать оптимально? сам макет

    Asked by spy7190, December 20, 2013

    0 votes
    20 answers
15. Менюшка на css

    <ul id="menu"> <li><a href="#">Текст</a></li> <li><a href="#">Текст</a></li> <li><a href="#">Текст</a></li> <li><a href="#">Текст</a></li> <li><a href="#">Текст</a></li> <li><a href="#">Текст</a></li> <li><a href="#">Текст</a></li> <li><a href="#">Текст</a></li> <li><a href="#">Текст</a></li> <li><a href="#">Текст</a></li></ul>Есть меню стандартного вида. Подскажите можно ли сделать без использовнаия javascript чтобы при нав…

    Asked by Igoreshra, December 20, 2013

    0 votes
    3 answers
16. table-cell и inline-block

    Добрый день. Помогите с моей проблемой. Прикрепляю мою проблему к вопросу http://jsfiddle.net/ElDarco/FALdz/ Дело в том что когда я делаю .cell linline-blockом сразу же слетает разметка table-cell. Я чего-то не понимаю?

    Asked by ElDarco, December 21, 2013

    0 votes
    3 answers
17. Статичный Бэкграунд

    вот здесь надо сделать статичный бэкграунд, примерно как здесь. body {background:url(КАРТИНКА) center top fixed no-repeat;}должно работать, но не получается.

    Asked by djan, December 21, 2013

    0 votes
    6 answers
18. Проблемы с inline-block

    В хроме - НАШИ РАБОТЫ - по 3 работы в строке. В Мозилле по 2. http://zverushka.zz.mu/landing-b/#portfolio Использован метод letter-spacing: -.31em; word-spacing: -.43em; Родителю m0--9px, блокам m0-9

    Asked by Zverushka, December 21, 2013

    0 votes
    13 answers
19. Как сверстать такой блок.

    Каким лучше способом сверстать такое модальное окошко? Оно должно быть резиновым.

    Asked by Светлана Г., December 21, 2013

    0 votes
    15 answers
20. Остановить автопроигрывание видео

    Есть вот такой простой код <iframe src="video/SA_bogatikov.mp4" frameborder="0" allowfullscreen></iframe> Он сразу проигрывается при загрузке страницы. Как убрать автопроигрывание?

    Asked by Zverushka, December 21, 2013

    0 votes
    10 answers
21. Проблема с назначением классов и валидацией

    Приветствую, друзья! Столкнулся на днях с серьёзной проблемой - не работают классы у 2 элементов. Соответственно к ним не применяются стили. HTML-валидатор в этих местах фиксирует ошибки: Line 17, Column 54: Attribute сlass not allowed on element form at this point. Line 27, Column 27: Attribute сlass not allowed on element div at this point. Собственно код: HTML <!doctype html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><link rel="stylesheet" type="text/css" href="style.css"><title>Анкета CSSSR</title></head><body><div class="wrapper"> <s…

    Asked by Aquarius, December 21, 2013

    • валидация вёрстка
    • html5
    • class
    0 votes
    2 answers
22. Верстка, где основная высота страницы в зависимости от разрешения меняется, но при этом нет основной полосы прокрутки

    Добрый день всем! В общем проблема в следующем: необходимо сделать так, чтобы высота основного блока менялась в зависимости от разрешения экрана, но при этом полоса прокрутки должна появляться только сбоку от элемента, где показана вся основная информация(помимо этого блока имеются шапка и футер) как-то так: Можно ли вообще это сделать средствами css? Или придется использовать javascript? Буду очень благодарен всем, кто поможет решить эту задачу.

    Asked by Findquestion, December 21, 2013

    • прокрутка верстка разршение
    0 votes
    8 answers
23. Верстка круглой диаграммы

    Здравствуйте! Подскажите пожалуйста, реально сверстать такую диаграммку резиновую? Или придется использовать какие-то библиотеки JS? Спасибо

    Asked by decode, December 21, 2013

    0 votes
    5 answers
24. Изза чего зависает браузер и компьютер?

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

    Asked by pudge, December 21, 2013

    0 votes
    6 answers
25. Непонятный отступ

    Всем, привет. Подскажите, пожалуйста, почему получается отступ слева (см. на картинке). Всё перепробовал, но отступ остается. Картинка: https://www.dropbox.com/s/ietqy7n4j0q24k6/112.png css: #section_menu {position:absolute;top:157px;height:43px;width:100%;font-size:12px;background:#3463B3;}#section_menu li {display:inline-block;padding:15px 15px;font-weight:700;text-transform:uppercase;border-right:1px solid #2A4569;}#section_menu a {color:#fff;text-decoration:none;}#section_menu li:hover {background: #333;}html <ul id="section_menu"> <li class="selected"><a data-page="1" href="">Главная</a></li> <li>&lt…

    Asked by atatat, December 21, 2013

    0 votes
    9 answers