HTML Coding

29,542 questions in this forum

1. Фон и нефиксированный div

   Здравствуйте, возникли проблемы. Прошу помощи Мы имеем серый фон. Но нам еще нужен белый поверх него. Было решено занести его в див. Это и есть рабочая площадь. Стили div'а с белым фоном .fon { margin-right: -496px; position: absolute; padding: 0px; width: 950px; height: 90%; right: 50%; background-color: white; box-shadow: 1px 0 8px rgba(0,0,0,0.5);}Выше у нас идет таблица. В левом столбце меню. С ним проблем нет. Поднять наверх его смогу. Проблема состоит в правом столбце. При больших объемах информации (а они будут очень большие), как вы видите, вся наша таблица уезжает вниз Футер я зафиксировал. Он остается на месте,…

   Asked by Immortal, July 8, 2014

   0 votes
   2 answers
2. Фон и подвал внизу страницы

   Ребят, не могу разобраться, возможно ли мне тут: http://exphp.tmc-center.ru сделать фон (справа внизу) как задумывалось? Помогите, пожалуйста

   Asked by Nikoole, October 20, 2011

   0 votes
   3 answers
3. Фон и позиционирование

   Возникла проблема при в?рстке, а именно с фоном, при позиционировании #block { border: 1px solid black; width: 300px; } #block .title { background-image:url(images/bg.gif); width: 250px; border: 1px solid red; height: 30px; display: inline; } ... <div id="block"> <img src="images/left.gif" width="7" height="26"/> <div class="title">Заголовок</div> <img src="images/right.gif" width="7" height="26" /> </div> Для того, что бы правая картинка не переносилась на новую строку я использовал свойство display: inline да, картинка не переносится, но title потерял свою ширину и фоновая картинка пропала. Если же изменить в классе tit…

   Asked by icelord, July 31, 2008

   0 votes
   3 answers
4. Фон из нескольких картинок

   Собсно, сабж в чем: нужно сделать подобие блока, который растягивается Мы имеем div контента, фон которого состоит из 3 изображений: нужно закрепить первое изображение к верху блока, нижнее к низу, и чтобы среднее растягивалось в зависимости от высоты блока, но чтобы не перекрывало верхнее и нижнее изображения фона. css-код блока: .main { margin: 0 auto; padding: 200px 60px 0 150px; float: left; background-image: url(img/main1.png), url(img/main2.png), url(img/main3.png); background-repeat: no-repeat, repeat-y, no-repeat; background-position: center top, 0 924px, center bottom; /* 924px - высота первого изображения */ background-size: contain; width: 70%; }

   Asked by LanStorm, February 24, 2013

   0 votes
   2 answers
5. Фон из трех изображений

   Здравствуйте. Подскажите как реализовать фон из трех изображений: первое - фиксированного размера, градиент, второе 1px высотой - тянется на всю ширину контента и третье - опять градиент, фиксированный размер. Первое что пришло на ум: background: xxx,yyy,zzz; но увы у меня не получилось правильно спозиционировать и нижнее изображение вообще не появляется ни при какой высоте конента. Интересует так же, как правильно применить фоны: все три к родительскому блоку или каждый фон своему блоку? Спасибо!

   Asked by nomn, May 4, 2013

   0 votes
   3 answers
6. Фон из Фотошопа

   Привет всем! Объясните, пожалуйста, как, используя стиль к тегу Боди, применить фон, созданный в программе Фотошоп.

   Asked by Kuma, October 7, 2008

   0 votes
   8 answers
7. Фон изображение с диагональными полосами, адаптивный

   Собственно давно уже бьюсь с этой проблемой и прошу о помощи, т/к решения не нашел. Есть картинка (во вложении), нужно сделать также. Варианты с просто взять и такую же картинку (с полосами) вставить как фон не подходят, т/к потом нужно будет сделать параллакс эффект + некоторые расстояния получаются не точными до верхних/нижних границ от картинки. Уже пробовал и поворачивать изображение и треугольники, но ничего не получается, либо слишком не устойчивое. Прошу помощи, наверняка кто-то сталкивался с такой задачей раньше.

   Asked by vlasenkov, March 4, 2017

   • background
   • diagonal
   • css
   • html
   • triangle
   • фон
   • диагональ
   • полосы по диагонали
   0 votes
   4 answers
8. Фон картинкой для скрытого дива

   Меню гармошка имеет скрытые блоки, когда нажать на кнопку скрипт делает блок видимым (ставит style="display: block;"), но фон не отображается! Есть Блок: <div class="menu_body" style="height: 91px"> </div> стиль: .menu_body { background-position: 12px 0px; background-image: url('../images/fon_menu.png'); background-repeat: no-repeat; margin: 0px 0px 12px 0px; display: none; } Путь к картинке правильный! Но вот как фон она отображаться не хочет.

   Asked by rullan, September 22, 2011

   0 votes
   4 answers
9. Фон меню

   Здравствуйте, учусь верстке. Хочу сделать при наведении на ссылку меню, фоновое изображение. Сделал коряво и все смещается, так как не очень разбираюсь в свойствах - display, position. Прошу помочь и по возможности ввести в курс дела! Код: #menu { text-align: center; text-decoration: none; font-weight: bold; margin-left: 100px; } #menu ul{ } #menu ul li{ float: left; margin-right: 106px; margin-top: 40px; } #menu ul li a{ color: #6b4848; text-align: center; display: block; } .activ, #menu ul li a:hover{ background: url(../images/menu1.png); width: 150px; height: 30px; background-position: center; } <div id="menu"> <ul> &l…

   Asked by glarks, April 5, 2017

   • меню
   • фон
   • bg
   0 votes
   1 answer
10. фон меню картинкой

    Всем привет. У меня вот такая картинка-фон для меню: Как вы знаете контент меню имеет разную длину и может быть динамичным, и вот не могу понять, можно ли эту картинку как-то по ширине менять в зависимости от контента. Мне в голову приходит только в фотошопе менять длину картинки. Или вот еще приходит в голову срезать середину шириной там в 2рх и сделать с помощью repeat-x, но вот края, как прикрепить к середине технически, не пойму. Подскажите, если еще варианты или как мою последнюю задумку осуществить технически?

    Asked by Nailya, March 20, 2014

    0 votes
    4 answers
11. Фон на height:100%

    Необходимо чтобы фон заголовка (а заголовок может быть разной высоты-2,3 строки текста), тянулся по высоте этого заголовка, тоесть высота изображения вмещалась в высоту контейнера заголовка. Пример: Необходимо это реализовать для IE6 без expression

    Asked by kozakmamai, August 28, 2009

    0 votes
    8 answers
12. Фон на input пополз в IE6-7

    Идея такая чтоб фон на блок или ячейку в коротой находится input не вешать Фон на input пополз в IE6-7 <input type="text" name="name" maxlength="40" value="" class="input" /> input.input{ border:0px; height:18px; width:157px; padding-left:3px; padding-right:13px; background:url('/pic/input.gif') no-repeat left center; } Как его можно закрепить?

    Asked by clgs, April 21, 2009

    0 votes
    5 answers
13. фон на боках сайта

    Приветствую всех! Столкнулся с такой проблемой, на сайте имеется div главный, который размещён по центру и в нём находится весь контент, меню и т.д. Этот div имеет ширину 1024px. Теперь о проблеме: необходимо добавить слева и справа фон который будет прилипать к краям браузера, независимо от разрешения монитора пользователя, при этом центральный div остаётся 1024px делаю так <div id="l_lg"> <div id="r_lg"> <div id="main"> контент </div> </div> </div> и css такой на левый фон #l_lg { background: url('../images/l_lg.png') repeat-y; left:0px; } левый фон есть и контент остаётся на своём месте, но теперь как сделать справа фон? шири…

    Asked by alfaq, June 11, 2012

    0 votes
    11 answers
14. Фон на весь екран.

    Нужно создать фон http://img406.imageshack.us/img406/5307/98721749.png Вставляю в ксс но в большом разшерение ,он не розтягивается на все 100% http://img687.imageshack.us/img687/2043/65894222.png

    Asked by Mr.Black, December 9, 2010

    0 votes
    10 answers
15. Фон на всю страницу

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

    Asked by Lady_V, May 21, 2015

    0 votes
    7 answers
16. Фон на всю ширину

    Доброго времени суток, товарищи. Есть вопрос: как растянуть фоновое изображение на всю ширину экрана? Как это сделано, например, на lostfilm.tv? Направьте, пожалуйста, хотя бы в какую сторону копать.

    Asked by antiznak, July 20, 2010

    0 votes
    4 answers
17. фон на всю ширину div

    можно ли в css для div'a задать фоновое изображение так чтоб оно растягивалось на ширину div'a? и еще вопрос, можно ли в css полностью описать и задать положение рисунка(img), чтоб в html странице о нем не упоминалось? как поступить если вверху страници должен распологаться рисунок на всю ширину, но это должно быть сделано с помошью css("...Don't use images in code...")? {...отредактировано kiD}

    Asked by T0xA, July 13, 2007

    0 votes
    5 answers
18. фон на всю ширину для footer`a заданной ширины в 3х колоночном дизайне

    фон на всю ширину для footer`a заданной ширины в 3х колоночном дизайне. Верстаю макет 3х колоночного. Нужно что бу у футера был растягивающий фон. Я сделал так: <body> <div wraper> ... <div footer></div> </div> <div footerstyle></div> То-есть под основным телом страницы создал дополнительный слой, в css написал: #footer { height: 100%; width:100%; background: #326ca6; } #footerstyle { background: #326ca6; width:100%; height: 100px; position: relative; margin-top: -100px; } ps. Для css footer высота изначально 100px В итоге фон залазеет куда надо, но конечно поверх контента футера)Конечно можно установить разные z индекс…

    Asked by z-0091, June 28, 2011

    0 votes
    3 answers
19. Фон на страницы из нескольких картинок вокруг div'a

    Все содержимое страницы находится в одном блочном элементе div фиксированной ширины и расположенном по центру. Слева и справа есть пустые поля. Можно ли создать слева и справа еще по одному div'у, причем их ширина формировалась бы автоматически (без JS)??? Для каждого дива планируется использовать свой фон (без использования одной общей таблицы на три колонки; пример сайта (не реклама): http://game.cod.ru). При увеличении расширения картинка бы появлялась дальше.

    Asked by Online, November 19, 2007

    0 votes
    2 answers
20. Фон на форму

    Добрый день! У меня вопрос, как сделать фоновое изображение на форму обратной связи.

    Asked by pgorum, January 25, 2012

    0 votes
    11 answers
21. Фон на форму

    Добрый день! У меня вопрос, как сделать фоновое изображение на форму обратной связи.

    Asked by pgorum, January 25, 2012

    0 votes
    0 answers
22. Фон не подключается из внешнего файла

    Добрый день! Занимаюсь версткой уже не первый год, но впервые столкнулся с подобной проблемой - и не могу найти ее причину. Есть файл стилей (style.css), содержащий строку с подключением фона: body { background: #fbf4a0 url(img/bg-b-l.jpg) bottom left no-repeat; color: #5c3400; font-family: Arial; padding: 12px; } ... И страничка (index.php), в которую файл стелей подключен строкой: <link rel="stylesheet" href="cssjs/style.css" type="text/css" /> Проблема в том, что фон не подключается! На странице отображается только фон цвета #fbf4a0, а изображение отсутствует. Что самое интересное - если прописать на страничке встроенный стиль, то все подключается! …

    Asked by shass, December 11, 2009

    0 votes
    4 answers
23. Фон не привязывается к низу страницу

    Всем привет! Столкнулся с проблемой, на странице где может быть минимум текста, а может быть 3-4 экрана текста необходимо размещать в самом низу в BODY фон. Прописываю фон таким образом: html, body{height:100%;} body{background:#dafcff url(img/bg.jpg) bottom center no-repeat;} В итоге, фон не крепится снизу страницы, а остается в самом верху http://popov.ints.net/_projects/scandilife/verstka/test.html Если убрать высоту боди и html, тогда всё работает для большого кол-ва текста но не работает для маленького объема http://popov.ints.net/_projects/scandilife/verstka/test2.html Может быть кто-то сталкивался с подобным?

    Asked by Kurilshik, July 5, 2012

    0 votes
    2 answers
24. Фон не размножается до конца, загадка какая то.

    Здесь header это черная и синяя полоска, это как выглядит при разрешение 1000px и более. Все норм. Проблема в том что при сжатии браузера меньше 1000px фон на header перестает размножаться когда появляется колесо прокрутки. Покажу на screen суть проблемы. По логике он должен размножаться до конца, но почему то на скока я понимаю принимает ширину div id=header который находиться внутри header. По логике так быть не должно, да и структура не рушиться проблема только в в фоне. Загадка прям какая то. Кто то сталкивался с такой проблемой? Думаю причина какая то простая, просто опыта не хватает догнать.

    Asked by serg_life, October 14, 2015

    0 votes
    15 answers
25. Фон не растягивается по доине экрана

    Сайт: http://bigbars.ml/ss/index.html На первом скриншоте всё нормально, фон вписан полностью и нет пустых мест по бокам http://storage1.static.itmages.ru/i/16/0217/h_1455722608_1698131_7587051b8b.png А на втором фон почему-то обратно сужается и сверху-снизу остаются пустые места http://storage4.static.itmages.ru/i/16/0217/h_1455722665_4618589_8906aede4e.png А на компьютере так вообще ниже носа ничего не видно, плюс див #polz какой-то громадный, не такой как на телефоне http://storage8.static.itmages.ru/i/16/0217/h_1455722804_7519837_5aa444da56.jpg

    Asked by iBars, February 17, 2016

    0 votes
    2 answers