HTML Coding

29,542 questions in this forum

1. background-image в td

   Доброго время суток. Проблема в следующем. Имеем таблицу с текстом - нужно снизу справа расположить background картинку. Как лучше реализовать? <table width="219" border="0" cellpadding="0" cellspacing="0"> <tr> <td valign="top"><img src="images/strelka.jpg" width="9" height="7"> <a href="http://u-i-m.ru/">О нас</a><br> <img src="images/strelka.jpg" width="9" height="7"> <a href="/component/option,com_virtuemart/Itemid,51/">Интернет-магазин</a><br> <img src="images/strelka.jpg" width="9" height="7"> <a href="/content/blogcategory/1/30/">Новости</a><br> <img src="images/strelka.j…

   Asked by tomclancys, December 4, 2009

   0 votes
   2 answers
2. background-image и кривые руки

   Всем привет, наткнулся на такую проблемку. Верстаю свой первый дизайн, предварительно пройдя самоучитель css. Сильно не бейте если вопрос очень нубский. Так вот. html код выкладывать не буду так как там просто стандартные классы footer header и т.д. в вот css код такой * { margin: 0; padding: 0; font-size: 100%; } body { background-color: #fff111; height: auto; min-height: 100%; } #header { padding: 30px; } #content { margin: 10px auto; width: 700px; color: #000; background-color: #fff; } #footer { height: 40px; width: 100%; position: absolute; left:0; bottom: 0; background-image: url(images/foot.png) repeat-x #000; } но картинка на фон футер…

   Asked by WabFad, July 4, 2011

   0 votes
   7 answers
3. Background-image из элементов страницы

   А можно ли сделать Background-image для страницы не из картинки, а из описанного элемента в css файле(допустим опишем в css квадратик, а потом как-то вставим его в фон повторяться )без JS?В html5 css3?

   Asked by Анна, November 8, 2011

   0 votes
   21 answers
4. Background-image к низу сайта

   Хочу сделать бекграунд сайта таким: к низу прикреплено изображение а все что выше него - текстура неба. Но фоновое изображение категорически не хочет сползать вниз. Вот код: body { background-color: #000000; /*цвет фона*/ background-image: url(/img/23.jpg); /*подключаем изображения*/ background-position: left bottom; /*позиция изображения, по центре екрана, прижатый к вверх*/ background-repeat: no-repeat; /*не повторять изображение ни по одной оси*/ color:#000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }

   Asked by fofan, November 27, 2011

   0 votes
   11 answers
5. background-image не ставиться

   Почему-то не ставиться background-image. Путь стоит верный, т.к. в простом html, где ничего нет, кроме фона, все ставится. Вот страница http://87.237.116.73/blog/index.html . Помогите, пожалуйста! resource://jid1-cxafu9ddh0q8gq-at-jetpack/y-translate/data/ajax-loader.gifbackgroundфон[фон] background, ground, context; [задний план] background; [происхождение] origin, descent, birth [ставиться] - put

   Asked by Michael Myers, May 11, 2013

   0 votes
   2 answers
6. background-image с отступом справа

   Если я хочу положить background-image в верхний правый угол, то я пишу «right top no-repeat». Если, например, сверху, но с отступом слева 100 пикселей, то «100px 0 no-repeat». А вот мне надо, чтобы фоновая картинка отступала, например, на 100 пикселей от правого края блока. Это делается как-то? Понятно, что можно вложить ещё один блок, но я не хочу этого делать.

   Asked by Veseloff, July 20, 2011

   0 votes
   3 answers
7. background-image с тремя картинками - можно?

   Привет честной публике! С наступающим Новым годом! Всех благ и удач! Вопрос такой. Недавно увидел любопытный код для создания блока с двумя закругленными углами по разным углам, скриншот смотрится неплохо, но... результат не повторился. Идея автора кода такая: если в font-family можно записать 3 шрифта, почему бы в background-image не вписать три картинки? Две картинки распихиваются по разным углам, а градиентной картинкой заливается сам блок. Уголки сделаны так: внутри четвертинки круга фон прозрачный, снаружи - непрозрачный, совпадающий с фоном тушки. Итак, код: .block { background-color:#4ea5ff; background-image: url(bot-left.gif), url(right-top.gif), url(background…

   Asked by Ksanytch, December 26, 2007

   0 votes
   5 answers
8. Background-image?

   Не понятно как сделать чтобы в резиновом сайте при масштабировании фоновая картинка(в body например) оставалась зафиксированной? Что гугл что поиск не дали результатов, возможно из за неверной формулировки, хз.

   Asked by 2_k, October 17, 2009

   0 votes
   7 answers
9. background-positioin в разных браузерах..

   Добавлено: Чт Сен 23, 2010 18:29 Заголовок сообщения: background-position в разных броузерах - помогите! В блочной верстке новичек. Идея такова: сделать фон снизу страницы (body) снизу. код: body { background-position: center bottom; background-repeat: no-repeat; background-color: black; background-image: url('images/bot.jpg'); } однако реально снизу страницы он появляется только в Internet Explorer. В чем может быть проблема? адрес странички http://myescortservice.co.uk/ Огромное спасибо всем кто сможет помочь, парюсь целый день.

   Asked by b1ow, September 23, 2010

   0 votes
   12 answers
10. background-position

    <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <style> .tebody { width: 100%; height: 100%; background-image: url(/img/design/nights/back.jpg); /* Путь к фоновому рисунку */ background-position: center center; /* Положение фона */ } </style> <title></title> </head> <body> <div class="tebody"> </div> </body> </html> простая страничка что нужно: чтобы картинка бекграунда становилась в центр экрана и от центра начинала повторяться по обеим осях во всех направлениях firefox - работает ие7 - работает ие6- не работает, становится в верхний левый угол и пов…

    Asked by Crow, March 17, 2008

    0 votes
    6 answers
11. background-position

    Здрасте, есть нубовский вопрос: Нужно обложить таблицу бэкграундом повторяющимся по горизонтали, но таким образом, чтоб слева и справа он не доходил до края на определенное колличесво пикселей. (причем слева и справа разные значения) Можно ли это сделать средствами css, без лишних ячеек, применяя класс ко всей таблице? А еще желательно без background-size.

    Asked by bioz00, August 8, 2011

    0 votes
    6 answers
12. background-position отступ с права

    Как задать беграунд чтоб отступ справа был например на 5 пикселей. 95% не подходит, так как может быть разная шырина контейнера

    Asked by coldman, December 20, 2007

    0 votes
    5 answers
13. background-position c background не должен работать ?

    background-position c background не должен работать ? почему второй див не работает ?? <style> div.all { display:block; position: relative; width:100px; height:100px; background:url(9x100.png); cursor:pointer; } .background_position_300_0{ background-position: 300px 0px; } </style> <div class="all" style="background-position: 300px 0px"></div> <div class="all background_position_300_0"></div> а вот так работают правильно оба дива: <style> div.all { display:block; position: relative; width:100px; height:100px; background-image:url(9x100.png); cursor:pointer; } .background_position_300_0{ background-po…

    Asked by iillyyaa2, May 27, 2011

    0 votes
    6 answers
14. background-position в firefox

    Господа! Возникла проблема с FireFox. Суть проблемы заключается в следующем. HTML: <html> <head> <link rel="stylesheet" href="style/style2.css" type="text/css" media="screen"> </head> <body> Тут много текста. Столько, что не убирается на одну высоту окна. </body> </html> CSS: html, body { margin:0; padding:0; position:relative; width:100%; height:100%; } body { background-image:url(logo_lines.png); background-repeat:no-repeat; background-position:95% 100%; /* background-position:97% bottom; */ } Создается такое впечатление, что ff считает высоту у body 100% равную одной высоте окна браузера, а не полную высоту, кото…

    Asked by Zov, July 10, 2009

    0 votes
    11 answers
15. background-position в IE

    Здравствуйте. Прошерстил инет, но никак не могу найти решение. Необходимо точно спозиционировать (сдвинуть на определенное количество пикселов) фон в блоке. Делаю это так: background-position: top right 8px; Предполагается, что фоновая картинка встанет в верхнем правом углу блока со сдвигом в 8 пикселов от правого бока. Работает во всех браузерах, кроме IE. Причем данную запись не понимает ни одна из версий IE (проверял в IETester и IE 7 напрямую).

    Asked by toman, May 5, 2013

    • background-position IE
    0 votes
    1 answer
16. background-position:bottom right

    суть такова, есть конструкция <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style type="text/css"> <!-- body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-image:url(images/carbon.gif); background-position:bottom right; background-repeat:no-repeat; } --> </style></head> что за маразм <body> </body> </html> картинка carbon.gif упорно не хочет стоять в правом нижнем углу тела до…

    Asked by Diamond_Cat, May 6, 2011

    0 votes
    3 answers
17. Background-position:center center; проблема с большим фоном

    Добрый день. Помогите пожалуйста. Задача - у меня есть фон 1700 на 1200 и его нужно отобразить на странице так, чтобы центр фона всегда был в центре экрана. Я прописываю Background-position:center center; background-image: url('img/bg.png'); background-repeat: no-repeat; И вместо ожидаемого эффекта наблюдаю, что центральная горизонтальная осевая линия фона является пристугнутой к самому верху страницы (при этом верхняя половина фона обрезана). Что я делаю не так и как правильно сделать? Разрешения нужны любые, браузер тоже в принципе любой, наблюдается в firefox 3.5.5 проблема. Картинка с ошибкой http://s45.radikal.ru/i109/0912/a0/a05917aaea0c.jpg 300 килобайт Там вверх…

    Asked by MageMerlin, December 10, 2009

    0 votes
    7 answers
18. background-size

    Добрый день! Вот что выдает валидатор http://validator.w3.org/ 21 .shapka Свойство -webkit-background-size не существует : 100% 22 .shapka Свойство -o-background-size не существует : 100% 23 .shapka Свойство -moz-background-size не существует : content-box 77 .spisok Свойство background-size не существует в CSS2.1, но существует в [css3] : 100% 100% 103 .razdel Свойство background-size не существует в CSS2.1, но существует в [css3] : 100% 100% Как быть? Может где то у меня нужно указать что это css3 или как то по другому написать сам css. Вот мой кусок css .shapka { position: absolute; height: 13%; width: 88%; left: 0%; top: 0%; right: 0%; bottom: aut…

    Asked by Petro21, November 2, 2011

    0 votes
    5 answers
19. background-size ie8

    В общем есть меню 3х уровневое. В подменю 2 и 3 уровня фон, который должен растягиваться в высоту в зависимости от содержимого. Вроде ничего сложного, для ие используем фильтр -ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/submenu_back.png',sizingMethod='scale')"; Но почему-то 3й уровень теперь совершенно не виден и появляется только если отключить фильтр, но тогда фон не растягивается. Задание overflow: visible ничего не дает, а при auto или scroll появляется полоса прокрутки, с помощью которой можно докрутить до потерянного подменю. Кто-нибудь сталкивался с подобной нечеловеческой тупостью? Нужно только для ie8+ #menu > ul > li ul.su…

    Asked by dizzyk, November 1, 2012

    0 votes
    2 answers
20. background-size: cover + backgroud-attachment: fixed на ipad?

    Имеется такой код .slide { background: url(../img/1.jpg) no-repeat; background-attachment: fixed; background-position: center center; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}Все десктопные браузеры понимают его нормально (IE не интересует). Проблема возникает на ipad-е. Картинка масштабируется на 2 раза больше (примерно) чем нужно. В коде своего рода хак для IOS - сначала 100% потом cover, но это не помогло. Когда меняю background-attachment: fixed на scr…

    Asked by Нарек, August 18, 2014

    0 votes
    1 answer
21. background-size: cover; IE8

    Добрый день. Подскажите пожалуйста какой нибудь хак, библиотеку, костыль. Который научит ie8 понимать и применять правильно свойство "background-size: cover", без повторного указания нужных блоков и изображений, а на основе готовой верстки. А то все что встречал требуют инициализацию необходимых блоков через js или указания повторного пути к изображению в CSS. Заранее благодарю за ответы!

    Asked by li4e, January 27, 2015

    • css
    • javascript
    • ie8
    0 votes
    2 answers
22. background: url(2)

    Начал я тему, по поводу луковой шелухи, нет ответа. Значит паршивый вопрос. Спрошу ещ? разок. Класс выводит фон под изображением с права, в результате наблюдаю, фон (нарисован уголок) отображается и смотрится. .im {padding: 0px 21px 18px 0px; background: url(/i/im3.gif) right bottom no-repeat;} В этот же класс пробую добавить ещ? одну картинку, что бы уголок отображался сверху с лева. Ещ? один класс добавить возможности нет. За ранние благодарю за любую идею.

    Asked by Serhij, January 18, 2008

    0 votes
    8 answers
23. background(ie)

    Всем доброго дня. Интересует почему в браузерах ie 7-9 Не отображается фон дива ( <div class="logo"></div> ) Сайт _liolll.o0.pm

    Asked by T001, August 18, 2013

    • html
    • css
    • ie
    0 votes
    2 answers
24. Backgrounds

    Мне нужна ваша помощь! Мой background задан так: <style type="text/css"> BODY { background: url('22225.gif') /* Путь к файлу с изображением */ link: red; vlik: pink; justify bottom /* В правом нижнем углу окна */ no-repeat; !IMPORTANT/* Нет повторения фона */ margin-right: 200px; /* Отступ справа */ } …

    Asked by Zarina, June 10, 2009

    0 votes
    6 answers
25. backgtound отступ сверху

    Доброго времени суток. У меня есть форма, и там где textarea я хочу задать фон толщиной в 1px, и мне надо чтобы он с верху брал отступ сверху в 10px к примеру, всё это делается для того чтобы когда например печатается текст в textarea то что бы каждая строчка была типа как в тетради, подчёркнута линией. Есть ли какая то возможность сделать это или может быть какой то другой способ осуществить это.

    Asked by Segnava, April 7, 2015

    0 votes
    1 answer