HTML Coding

29,542 questions in this forum

1. Верстка круглой диаграммы

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

   Asked by decode, December 21, 2013

   0 votes
   5 answers
2. Непонятный отступ

   Всем, привет. Подскажите, пожалуйста, почему получается отступ слева (см. на картинке). Всё перепробовал, но отступ остается. Картинка: 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
3. Как сверстать такой блок.

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

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

   0 votes
   15 answers
4. Колонки одинаковой высоты и кнопки внизу

   Доброго времени суток! Подскажите пожалуйста, как грамотно сверстать такой блок: Т.е. чтобы колонки были одинаковой высоты при неизвестном количестве текста, а кнопки снизу находились на одном уровне. В голову приходит только вариант с таблицей. Еще должно работать в IE7. Спасибо!

   Asked by web-monster, December 22, 2013

   0 votes
   1 answer
5. Остановить автопроигрывание видео

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

   Asked by Zverushka, December 21, 2013

   0 votes
   10 answers
6. table-cell и inline-block

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

   Asked by ElDarco, December 21, 2013

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

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

   Asked by pudge, December 21, 2013

   0 votes
   6 answers
8. Верстка, где основная высота страницы в зависимости от разрешения меняется, но при этом нет основной полосы прокрутки

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

   Asked by Findquestion, December 21, 2013

   • прокрутка верстка разршение
   0 votes
   8 answers
9. Куда исчезает выпадающее меню?

   http://codepen.io/hristofor/pen/jtfGC У ссылки item3 должно быть выпадающее меню.Вроде бы оно есть, точнее есть только начало меню.Не подскажите куда девалась всё остальное? Заранее спасибо)

   Asked by hristofor, December 21, 2013

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

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

    Asked by djan, December 21, 2013

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

    Приветствую, друзья! Столкнулся на днях с серьёзной проблемой - не работают классы у 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
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. Несколько фонов, IE7

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

    Asked by Holyavko, December 19, 2013

    0 votes
    1 answer
15. Как вставить баннер.swf со ссылкой на ресурс

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

    Asked by Vic-Tor, December 20, 2013

    • аннер
    • swf ссылка
    0 votes
    2 answers
16. Еще немного о тенях

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

    Asked by To_wave, December 20, 2013

    0 votes
    3 answers
17. Незацикленная анимация

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

    Asked by iKNG, December 20, 2013

    0 votes
    1 answer
18. Как задать разные css для каждого option в select

    Как можно задать каждому элементу в выпадающем списке разные стили? К примеру хочу сделать каждую строку разного цвета.

    Asked by Daiver, December 17, 2013

    • css
    • option
    • select
    0 votes
    10 answers
19. Помогите с 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
20. Прижатый к низу футер (пусть даже фиксированной высоты)

    Тема избитая, но что-то никак не получается. Как я рассуждаю: 1) самый Ъ способ прижать футер к низу - это сделать его абсолютно спозиционированным относительно body и прописать ему bottom: 0 (это если не вдаваться в детали). А для этого нужно что бы html и body, при малом колве контента были распахнуты на весь экран, а при большом - тянулись. 2) высота html, как и любого блочного элемента рассчитывается по контенту. Если контента мало, то нужно распахнуть высоту html по высоте области просмотра (viewport, на весь экран, короче), но так, что бы когда контента станет больше, высота html начала тянуться по контенту. Это очень просто: html { min-height: 100%;}3) Тоже сам…

    Asked by Evkaky, December 18, 2013

    0 votes
    9 answers
21. про таблицы

    Все ли браузеры корректно поймут Два дива (два обычных слоя) - один table, другой table-cell (display) - то есть когда мы не вставляем row (tr), который по идее должен быть в таблице. Никто не "заглючит"?

    Asked by Zverushka, December 18, 2013

    0 votes
    6 answers
22. пропадает ol-нумерация

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

    Asked by cyklop77, December 20, 2013

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

    $('.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
24. Отображаются ли base64 img при отключенных картинках?

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

    Asked by Zverushka, December 18, 2013

    0 votes
    12 answers
25. IE6-8 Рендеринг шрифтов

    Здравствуйте, дамы и господа! Сразу с «жалоб». Уже не первый месяц и не в первом проекте сталкиваюсь с проблемой рендеринга шрифта в IE6-8. Шрифт абсолютно по-разному отображается в IE6-8 и в IE9+/Chrome и т.п. Перечитал массу статей, свожу все к кодировке UTF-8, но больше меня интересует решение данной проблемы. Если кто-нибудь знает ответ или же имеет схожую проблему, добро пожаловать на обсуждение! P.S.: На скриншотах обратите внимание на ширину букв. Шрифт Verdana. https://www.dropbox.com/s/qulo4xj97qcym2u/%D0%A1%D0%BA%D1%80%D0%B8%D0%BD%D1%88%D0%BE%D1%82%202013-12-10%2010.28.22.png https://www.dropbox.com/s/b8vzs3o64ubbve3/%D0%A1%D0%BA%D1%80%D0%B8%D0%BD%D1%88%…

    Asked by Ateiri, December 10, 2013

    • IE
    • IE6
    • IE8
    • IE7
    • Font
    • rendering
    • css-hack
    0 votes
    41 answers