HTML Coding

29542 questions in this forum

1. Как правильно сделать фон для блоков?

   У меня такой Я хочу чтоб обе блоки соединились к нижнему части сайта (footer) Код я использую в CSS /** block **/ .block { width: 193px; margin: 0px 0; background: url("../images/block.png") repeat-y -193px 0;} .bt { font-size: 1.2em; height: 29px; background: url("../images/block.png"); overflow: hidden; } .bt span { display: block; margin: 2px 2px 0 8px; color:#fff; } .dcont { padding: 0 8px; width: 177px; } .bbut { height: 0px; background: url("../images/block.png") no-repeat 80% 80%;}

   Asked by GhostNiniga, February 13, 2012

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

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

   Asked by Holyavko, December 19, 2013

   0 votes
   1 answer
3. Скрипт работает в Мозилле, но не работает в Опере и ИЕ

   Прошу прощения у админов сразу и навечно - не знаю, куда писать, сначала отметилась в другой рубрике, потом сюда метнулась. Загвоздка вот в чем: Взяла шаблон, который мне очень понравился. В исходном варианте он, само собой, работает и отлажен одинаково подо все браузеры. Я, обрадованная, перенесла его - побуквенно - к себе на сайт, и он работать перестал! Корректно отображается только в Мозилле, а в Опере и в ИЕ не работает слайдер. Поскольку я не могу понять, где проблема, выкладываю ссылками: то, что вышло и сайт - исходник Помогите, пожалуйста, очень хочется разобраться! ...ну что, гникто не подскажет, в чем проблема, кроме моей башки дырявой?

   Asked by Aliena_spb, June 10, 2011

   0 votes
   0 answers
4. Mystyle end index

   Здравствуйте, заранее прошу извинение если такая тема уже сесть, проблема в том что я создал css файл и index но изначально у меня браузер не видит какие либо изменения я делаю в файле style а если и видит то полные непонятные каракули?

   Asked by Hainik, October 9, 2011

   0 votes
   2 answers
5. Как вытянуть сайдбар?

   Доброго времени суток! Возник такой вопрос: Шаблон framework для Wordpress. Необходимо растянуть и залить сайдбар до футера. То есть непрерывная, колонка с меню, контентом и т.д. Поскольку используется продвинутая тема framework (Catalyst Theme), нет возможности менять html, но есть опция вставки своего CSS кода. Пробую решить задачу с помощью CSS. Что хочется сделать: Что есть сейчас height: 100% не работает. Объяснил как смог. Уважаемые форумчане, прошу помощи в решении этой задачи.

   Asked by Kiter, March 20, 2012

   0 votes
   0 answers
6. Прошу помощи в css

   Приветствую. Возникла проблема. При задании стилей меню в css. а именно вставке разделителей с параметрами в браузере IE9 происходит следующее. Картинка сначала вставляется по левому краю а затем по ценнтру. Получается что no-repeat не отрабатывает. В остальных браузерах всё нормально. Раньше всё работало, да и код в принципе стандартный. В чём может быть причина?

   Asked by dotWizard, July 19, 2012

   0 votes
   0 answers
7. Список в два столбца.

   Всем привет. Есть проблема: В определенном блоке сайта на wordpress нужно вывести показ свежих новостей так, чтобы они отображались не просто списком, а в два горизонтальных столбца. То есть, два столбика, в каждом по 5-6 новостей. Сейчас это выглядит так: <ul> <?php $recent = new WP_Query("cat=1&showposts=5"); while($recent->have_posts()) : $recent->the_post();?> <li><a href="<?php the_permalink() ?>" rel="bookmark"> <?php the_title(); ?> </a></li> <?php endwhile; ?> </ul> Помогите, пожалуйста, оформить это в css Заранее благодарен.

   Asked by blackdisk, November 6, 2012

   0 votes
   0 answers
8. Как добиться такого эффекта?

   Нужен эффект как на 1 картинке. Пытался что-то сделать сам, но бес толку. Получается слишком широкая тень, пытался уменьшить, но получилось еще хуже. Как исправить? На 2 картинке показал проблему + приложил код <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <style type="text/css"> *{ margin:0; padding:0; } body { background:#F7F7F7; } #blok1 { margin-left:5%; margin-right:5%; height: 500px; backgro…

   Asked by zaec161, August 7, 2013

   0 votes
   1 answer
9. Проблема с горизонтальным меню

   Приветствую, проблема такая. Есть фиксированный menu <header> <div class="game_title"> <span> TEXT TEXT </span> </div> <div class="header_panel"> <div class="panel"> <menu> <li><a href="">TEXT TEXT</a></li> <li><a href="">TEXT/a></li> <li><a href="">TEXT</a></li> <li><a href="">TEXT</a></li> <li><a href="">…

   Asked by Stricker, January 31, 2014

   0 votes
   0 answers
10. Ссылка во весь размер блока

    Подскажите пожалуйста как организовать ссылку во вечь размер блока а не только в пределах текста? Получается только с "подгоном" отступов.Текст должен быть по центру.. http://jsfiddle.net/yn3Lkjno/ Заранее спасибо.

    Asked by sergeiko, January 9, 2015

    0 votes
    0 answers
11. Группирование и привязка VML объектов

    Если взять <v:shapetype ...> </v:shapetype> то внутри него можно использовать только <v:path /> и другие "мелочи", а мне надо применить <v:rect ... /> <v:oval ... /> и т.д. как если бы в <v:group> ... </v:group>, т. е. полноценную картинку из большого кол-ва простых фигур. С shapetype я применяю <v:shape type="#id-shapetype" /> А как то же самое сделать с group?????? как применить созданный group много раз?

    Asked by K313, February 4, 2012

    0 votes
    0 answers
12. Помогите внедрить шрифты

    Здраствуйте, Вы немоголи бы уделить мне время и помочь внедрить шрифты русского языка в мной предоставленный шаблон? я пытался но мои знания макромедия увы равны почти нулю... буду очень благодарен за Ваше внимание http://cinemamax.net/up/27096.rar вот ссылка на файл дизайна нужно изменить шрифты но те которые используются в логотипе не трогать "прописные"

    Asked by ctenjlep, February 6, 2012

    0 votes
    3 answers
13. где найти полную справку по всем HTML контролам

    Привет друзья! Нужно найти полную справку (reference) о всех контролах html (html 5 включительно) например контрол select (список), у него есть события, например onChange, свойства, методы. Вот где это все можно найти, поделитесь ссылочкой. Спасибо.

    Asked by a13, July 10, 2012

    0 votes
    1 answer
14. Отображение тени

    Доброго времени суток увжаемы форумчане. Фозникла задача сделать внутреннюю тень по бокам. box-shadow:inset 0 0 10px gray; - тень вокруг всего объекта. А как сделать только по бокам я не нашёл. Можно закрыть дивами сверху и снизу, но может есть решение по красивее?

    Asked by preslilvs, October 11, 2012

    0 votes
    1 answer
15. Вопрос по input

    здравствуйте у меня такая проблема на данный момент имеется Расстояние от МКАД.<br/><input type="range" value="0" name="mkad" id="mkad" min="0" max="150" onchange="mkadV.value=value" step="5"/><output id="mkadV">0</output> КМ</span></li>нужно изменить чтоб вывод был в теге input type="text" и если вводишь данные в один из инпудов в другом данные тоже менялись спасибо

    Asked by Владимир1111, March 7, 2015

    0 votes
    0 answers
16. Помогите исправить маленький недочёт в спойлере

    Помогите исправить маленький недочёт в спойлере <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <style type="text/css"> A.s1 { display: block; width: 200px; height: 30px; } A.s1:hover { background: #33CC00; border: 3px double #339900; } A.s2 { display: block; width: 200px; height: 30px; } A.s2:hover { background: #FF0000; border: 3px double #CC0000; } .m1 { display:block; width: 200px; height: 30px; margin:0 auto; } .m11 { display:none; padding-top: 0px; } .m1:hover .m11 { display:block; } .p1 { line-height: 2; font-size: 11pt; font-weight: bolder; color: #000000; margin-left: 10px; }…

    Asked by skoch244, October 28, 2011

    0 votes
    0 answers
17. Compatibility View IE9

    Здравствуйте! на сайте контент динамически подгружается во фрейм.Во всех браузерах все ок, в IE9 фрейм пустой - контента не видим. Переключаемся в режим Compatibility View - все прекрасно работает. Подскажите как указать ишаку чтобы он отображал страницу в режиме представления совместимости? пробовала с помощью тегов <meta http-equiv="X-UA-Compatible" content="IE=9"/> подставляла в content разные значения - не помогает.Да и оно кажись наоборот говорит браузеру чтоб в стандартном режиме работал.

    Asked by meri_bet248, June 3, 2012

    0 votes
    0 answers
18. Подскажите скрипт для вертикально выпадающего меню.

    Подскажите скрипт для вертикально выпадающего меню. На http://donautorent.com/ слева есть меню, новости и проспект, хотелось бы из этих картинок сделать выпадающее меню.

    Asked by Barbos4as, September 26, 2014

    0 votes
    0 answers
19. в IE глючит всплывающая форма

    Добрый день. Помогите разобраться, почему в IE здесь http://lucky-brand.ru/ при клике на "войти" в правом верхнем углу всплывающая форма отображается некорректно. В других браузерах все нормально

    Asked by Koroed, May 23, 2012

    0 votes
    0 answers
20. Проблемы с размещением CSS

    У меня две проблемы Первая: как в css указать расположение элементов например в нутри таких рамок Вторая: Как в таком квадрате поднять вверхтекст код php <div class="box"> <a href="http://16mb.com/$myrow[avatar]" ><img alt='$_SESSION[email]' src='$myrow1[avatar]'></a> <name> $myrow1[name]</name> </div> код css .box { position: relative; width: 500px; padding: 15px; margin: 0 auto; background-color: white; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1); z-index: -1; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), i…

    Asked by shizik, August 10, 2012

    0 votes
    0 answers
21. Вопрос по flexbox

    Здравствуйте! Кто имел дело с flexbox? Не могу понять одну вещь... Свойство box-flex устанавливает пропорции в родительском окне. Однако оно устанавливает МИНИМАЛЬНЫЕ пропорции. Есть ли способ сделать так, чтобы эти попорции (т.е. ширина или высота дочерних окон) были в то же время и максимальными? Можно ли как-либо сделать это не прибегая к width и height (процентные значения которых всё равно не работают во flexbox)? Если нет, то зачем тогда этот flexbox нужен?

    Asked by Ithilgwau, September 17, 2012

    0 votes
    0 answers
22. Вопрос по div`ам

    Добрый день, форумчане. У меня возник вопрос: У меня есть див обертка в нем содержаться другие дивы разной высоты располагаются в линию, обертка фиксированной высоты. Как сделать так чтобы если 2 и более дива помещаются по высоте обертки вставали в столбец?

    Asked by halk89, September 20, 2012

    0 votes
    1 answer
23. Есть ли библиотека, чтобы ie7, ie8 понял сам "прозрачность" слоя?

    Есть ли готовая библиотека, чтобы ie7, ie8 понял сам "прозрачность" слоя? (opacity) Также пробую включить opacity для слоя с задним фоном, через фильтры ie, но ничего не меняется, фон все также ярко "горит". И можно ли заставить ослик понимать размер фона, чтобы он стал 100% слоя?

    Asked by Zverushka, July 28, 2013

    0 votes
    2 answers
24. Правка меню и разбор полётов с позиционированием объектов

    Добрый день, решил поучиться верстке и натолкнулся на некоторые грабли, гугл не помогает, ну или я не правильно гуглю. Код в спойлере Первый вопрос: как настроить меню что бы отступы сами выравнивались?Ибо самому сидеть и подбирать в процентах как то не впечатляет. Пытался сделать что бы отступы были: top:50%; bottom:50%; left:50%; right:50%; Не работает, у меня div начинает сдвигаться в разные стороны. Второй вопрос: body я назначил relative что значит свободное позиционирование если я правильно понимаю. У верхних div-ов стоит статический мне нужно что бы всегда были сверху, то есть при прокрутке сайта они висели сверху. Но если я добавляю после <div …

    Asked by Julius_Alm, October 13, 2015

    0 votes
    0 answers
25. Как убрать разрывы между глобальных блоков сайта

    Здравствуйте. Подскажите пожалуйста как на сайте http://www.stmclimat.com/ Убрать разрывы между шапкой сайта и центральной частью и между центральной частью и подвалом, т.е. чтобы между ними не было видно фона, а сайт выглядел как единое целое. Где искать устранение данной проблемы или какие коды надо выложить???

    Asked by Fast86, January 11, 2012

    0 votes
    1 answer