HTML Coding

29,542 questions in this forum

1. верстка сложного макета

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

   Asked by spy7190, December 20, 2013

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

   В общем у меня на странице несколько видео ютуба которые спрятаны в спойлерах,под каждым я расположил по виджету вконтакта,так как нужно сделать каждый виджет индивидуальным я решил подключать для каждого видео отдельный "сайт" что бы у каждого виджета были разные метки.Но запустив все это я увидел что не получилось,все 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
3. Многоугольник с рамкой

   Всем привет. Вот у меня получилось сделать многоугольник на 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
4. Как вставить баннер.swf со ссылкой на ресурс

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

   Asked by Vic-Tor, December 20, 2013

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

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

   Asked by iKNG, December 20, 2013

   0 votes
   1 answer
6. Помогите с 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
7. Разместить анонс текста в заданные размеры

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

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

   0 votes
   10 answers
8. Еще немного о тенях

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

   Asked by To_wave, December 20, 2013

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

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

   Asked by cyklop77, December 20, 2013

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

    $('.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
11. Несколько фонов, IE7

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

    Asked by Holyavko, December 19, 2013

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

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

    Asked by Zverushka, December 18, 2013

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

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

    Asked by Bassline, December 18, 2013

    0 votes
    10 answers
14. Блок под разные разрешения экрана

    Есть код: .goods ul {width: 1280px; list-style-type: none; margin: 0 0 0 -6px;}.goods li {display: -moz-inline-box; display: inline-block; vertical-align: top;}Не пойму как сделать, если разрешение монитора 1024, делать блоку goods ul ширину 980, а если более 1024, то тянучку до 1280. Доктайп такой:

    Asked by okunev2, December 18, 2013

    0 votes
    4 answers
15. Блоки div

    В блоке есть текст. Как сделать так, чтобы когда места в блоке не хватит, то блок увеличивал свою высоту?

    Asked by Alexzord, December 18, 2013

    0 votes
    2 answers
16. Прижатый к низу футер (пусть даже фиксированной высоты)

    Тема избитая, но что-то никак не получается. Как я рассуждаю: 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
17. Таблицы и css

    Приветствую. Тыкните носом на мануал или если не сложно обясните здесь на примерах. Проблема следующая. Есть страница с 3-мя таблицами. В CSS прописан общий стиль для всех таблиц по сайту. Как сделать так, чтобы для одной таблицы задать абсолютно другие стили и чтоб они не распрострянялись на другие таблицы на этой странице? Требование: все стили задаются только в главном файле style.css Я пробовал эту таблицу вносить в div, а далее писать правила .divname table {} и т.д, но тогда ее правила распространялись абсолютно на все таблицы по сайту.

    Asked by rudeboy_, December 18, 2013

    0 votes
    4 answers
18. про таблицы

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

    Asked by Zverushka, December 18, 2013

    0 votes
    6 answers
19. В хроме прыгают картинки

    В хроме, при наведении на блок, в нижнем блоке некоторые картинки дергаются вправо, другие дергаются вообще через ряд [удалено] Куда копать?

    Asked by chocolate_moles, December 18, 2013

    0 votes
    2 answers
20. Верстка header'a. Сложности с position

    Всем доброго. У меня, как у начинающего верстальщика, есть ряд проблем. и одна из них - свойство css - position; не совсем догоню где и как применять значения absolute, relative и т.д. Сейчас у меня стала проблема в верстке такой (см. картинку) шапки. Для наглядности выделил блоки как я их себе представляю. 1. серый блок - растянут на всю ширину стариницы, не имеет никаких отступов ни сверху ни снизу. с этим проблем нет. 2. зеленый контур. имеет ширину в 900px (ширину страницы) располагается по центру. (тут проблем тоже не возникае) а сам проблема возникает при добавлении следующих блоков: 3. желтый, синий, зеленый - на которых логотип, форма поиска, логин+кнопки …

    Asked by To_wave, December 18, 2013

    0 votes
    8 answers
21. Прозрачные границы у таблицы

    В общем не хотят границы у таблицы быть прозрачными. Есть выход? http://jsfiddle.net/G3Qu7/

    Asked by Zverushka, December 18, 2013

    0 votes
    2 answers
22. сайт с фонами

    Поделитесь ссылками у кого есть на сайты с бакграундами. Интересует сайт (блин даже не могу объяснить кок он выглядит ), там паучок есть с рекламой на фаерфокс. В левой стороне сайта по моему идет квадрат с фонами. Можно сразу при клике на миниатюру или на ссылку под ней изменить фон сайта и посмотреть как выглядит фон. Больше ничего не помню. Поисковики мне не помогли. Мои закладки каким то образом исчезли с OnlineZakladki.

    Asked by 3d_max_9, December 17, 2013

    0 votes
    5 answers
23. Flexbox, разочарование или нет?

    Казалось бы, реализовывать с помощью флексбоксов галереи или карточки товаров должно быть намного более удобно, чем через флоаты или инлайн-блок. Но вот мне так и не удолось добиться того, что бы красные плитки шли одна за другой, а именно, что бы не было пустого места между 7 и 8 плиткой ( а это, как раз, типичная модель галереи или карточек товаров должна получиться ) http://jsfiddle.net/3zkAf/ Что же делать?

    Asked by Evkaky, December 17, 2013

    0 votes
    4 answers
24. border-radius для внутренних эл-в

    Мне нужно сделать такую штуку: <div class="item_header"> <div class="item_header_title">A SIMPLE MATH PROBLEM</div> <div class="item_header_price">$30</div> </div>для внешнего div'а делаю border-radius, всё хорошо, но вот внутренние вылезают поверх скругленных углов. Можно ли как-то сделать, чтобы 2 внутренних блока (синий и зеленый) были с прямыми углами, но то, что выходит за круглую границу родительского дива просто обрезалось? Вариант скруглить всё что можно работает, но хотелось бы другое решение.. может быть какое-то сочетание из display и overflow? или как-то иначе.. Спасибо

    Asked by basist, December 17, 2013

    • border-radius
    • скругление
    • углов
    0 votes
    5 answers
25. Выпадение блока в IE

    Подскажите, пожалуйста, почему в IE данный блок выпадает из main? Верстка: https://googledrive.com/host/0B6IlwqUO2fshV3M2MjRXT1VTM28/

    Asked by Aleksandr.L, December 17, 2013

    0 votes
    1 answer