HTML Coding

29,542 questions in this forum

1. Background параметры

   Добрый день. Подскажите пожалуйста какие параметры background задать в разделе Contact US, чтобы континенты отображались как в приложенном макете, но при этом не задавать в пикселях высоту всему этому блоку work-07.psd . И как вообще реализовать такой переход background ?

   Asked by Romario1985, April 6, 2021

   0 votes
   1 answer
2. background поверх img

   помогите пожалуйста )) сижу ломаю голову, казалось бы, над простейшими проблемами. Есть блок, которому указан свой фон. .slaider { background: url("тут картинка фона") no-repeat; float: left; height: 350px; position: relative; width: 465px; z-index: 2;в этом блоке должна разместиться картинк в теге <img> (их может быть несколько). Фон у слайдера в виде круга, соотвественно и картинка должна получиться круглой, для этого, мне надо картинку засунуть под этот бекраунд, чтобы лишние острые углы он не показывал. это я делаю так: .slaider img { position: relative; z-index: 1; по логике вещей содержимое в img должно показывать под содержимом …

   Asked by devid89, January 26, 2014

   0 votes
   3 answers
3. background поверх содержимого дива в ie6

   Добрый день! Вот какая история приключилась: Сначала, когда я закончил верстку, сайт отображался корректно во всех браузерах кроме ie6. В нем фоновый цвет тега <div class='rightcol'> заслонял содержимое тега! Т.е фоновый цвет располагался поверх содержимого. Поэтому на месте правой колонки располагался просто белый прямоугольник. Долго не мог понять, что не так. Стал экспериментировать. Макет в ie6 стал отображаться корректно после того, как я убрал все комментарии вида <!-- --> из кода. На этом я и успокоился , хотя связь комментарием с фоновым цветом мне до сих пор не понятна. Сегодня пошел к заказчику показывать сайт. Заказчик - кафедра, у них понятно…

   Asked by alex_tihonko, April 14, 2010

   0 votes
   2 answers
4. background под тегов h2

   Добрый день! условие - работающий довольно большой сайт. задача - сделать так, чтобы под всеми тегами h2 был background растягивающийся по ширине в зависимости от содержания (кол-ва букв). найденное промежуточное решение: h2{ display: table; background: #DFEAF2 url(../images/bghead1.gif) repeat-x; } проблема - в эксплорере, к сожалению не работает display: table; соответственно ширина подложки никак не зависит от текста и растягивается в всю ивановскую. просьба - помогите описать стилями этот злополучный тег, чтобы бг все таки был только под текстом. заранее спасибо.

   Asked by alphaed, May 22, 2009

   0 votes
   2 answers
5. background при помощи after & before

   Добрый день, подскажите как задать background для классов first, second через after и before - чтоб отображался по ширине на весь экран. Сейчас отображается background только внутри элемента. http://jsfiddle.net/mrfrunze/krkbdruu/2/ Допустима ли такая запись: <section class="content"> <div class="container"> <section class="first"> </section> <section class="second"> </section> </div></section><section class="first"> внутри <div class="container"> ? Спасибо..

   Asked by mrfrunze, October 8, 2014

   • css 3
   0 votes
   6 answers
6. background просвечивающийся png покрывает image

   Здраствуйте. В общем сабж как мне сделать чтоб background покрывал внутри него картинку?

   Asked by ducoz, June 13, 2013

   0 votes
   2 answers
7. background работа со спрайтами

   Всем привет. Интересует вопрос. По моему где то видел в видео. Допустим есть спрайт. Расстояние между рисунками в нем 10 пикселей. А контейнер больше значительно рисунка + 10 пикселей. То при установки спрайта фоновым изображением будет вылазить и следующее изображение на спрайте. Чтобы этого не было по-моему есть правила, что ты указываешь размеры и отступы от края - типа crop получается и потом работаешь только с этой частью спрайта. Если ошибаюсь подскажите выход из такой ситуации - описаной выше

   Asked by psics, November 1, 2014

   0 votes
   3 answers
8. background собрать из двух картинок

   Есть вот такой вариант! _http://imageshack.us/photo/my-images/5/20122012174003.png/ Как сделать её продолжить до конца <h3 class="maintitle"> <a title="A Test Category" href="">A Test Category</a> </h3> .maintitle { background:url(/maintitle.png) no-repeat; padding: 10px 10px 31px; font-size: 150%; font-weight: normal; color: #5B6D77; line-height: 1.8; font-family: Georgia,"Times New Roman",Times,serif; } Думаю что надо подключить к этому background ещё одну картинку для предложения с повторением, вот только как это сделать я не знаю.

   Asked by angelShlesser, December 20, 2012

   0 votes
   7 answers
9. background состоящий из 4 картинок

   Нужна помощь! Не могу установить background состоящий из 4 картинок 1) image1 должен растягиваться по горизонтали. (bg_gradient_top.png) 2) Далее, на image1 должен накладываться основной background image2 по центру, без размножения (bg_main_header.jpg) 3) image3 должен размножаться во вертикали в центре и спускаться до футера (bg_content_fill.gif) 4) image4, должен находится в футере по центру и без размножения. (bg_main_footer.jpg) Должно получится так: css существующего шаблон: html,body{margin:0px;padding:0px;text-align:left;border:10px;background: url(../images/bg_main_header.png) center top no-repeat;font-family: Verdana, Geneva, sans-serif; font-size:11px;color:#3…

   Asked by Souz21, September 22, 2012

   0 votes
   2 answers
10. background-attachment

    https://www.w3schools.com/cssref/pr_background-attachment.asp Непонятки с local и initial А webdeweloper от firefox выдает еще и unset Зачем они нужны? Если можно с примерами. Спасибо!!!

    Asked by torsar, August 3, 2017

    • background-attachment
    0 votes
    3 answers
11. background-attachment: local;

    Не могу понять как работает background-attachment: local;чем оно отличается от background-attachment: scroll;Я прочитал про него, но представить это не могу. Может кто-нибудь привести визуальный пример работы этого значения. Chrome 41 Firefox 37

    Asked by leshiple, April 17, 2015

    • background-attachment
    0 votes
    2 answers
12. background-clip и background-origin

    Пытаюсь понять чем отличаются друг от друга background-clip и background-origin, кроме того что последний работает при background-attachment:fixed. По мне они делают одно и тоже. В чём я ошибаюсь?

    Asked by PavelTkachev, December 29, 2014

    0 votes
    5 answers
13. background-color для a href

    <span class="menu-link active" id="ketubot"> <a href="index.php?page=ketubot">KETUBOT | ??????</a> </span> .active a { background-color: #E9D7B3; } Между словами разного направления (rtl и ltr) пробел, только в IE7. Попытка сделать background-color на отцовский блок не увенчалась успехом. Вот ссылка на страничку, меню на верху справа. Есть какие нибудь идеи? Заранее спасибо.

    Asked by Pumych, March 16, 2011

    0 votes
    9 answers
14. background-image

    Hi. есть проблемка по поводу background-image: есть сайт в нем есть стили body { margin: 0px auto; padding: 0px; background-color: #FFFFFF; background-image: url(images/background2.JPG); font-family: Verdana, Arial, Helvetica, sans-serif; text-align:justify; font-size: 12px; color: #444444; } .bodys{ background: #FFFFFF url(images/background.gif) repeat-y center top; } <html> <head> <title></title> <link href="/resources/style.css" rel="stylesheet" type="text/css" /> </head> <body> <div class="bodys"> <div id="header"> </div> <div> content </div> </div> </…

    Asked by godvin, June 2, 2008

    0 votes
    1 answer
15. background-image

    не сочтите нахальством пол.. как правильно задается свойство: ... background-image: url; .... напишите плз рабочий пример

    Asked by Hevard, November 20, 2008

    0 votes
    1 answer
16. background-image

    Не раз замечал, задавая фон, что он не отображается... нужно чтобы был контент(задавать ширину, высоту). Хотелось бы понять, как фон работает в этом примере: слою с идентификатором #page задан фон, но не задана ширина, высота совсем.. За счёт чего он растягивается как надо?? Заранее Спасибо!!

    Asked by DrStrangeLove, April 23, 2011

    0 votes
    8 answers
17. background-image

    в css написано следующее #main_content { background-image: url(images/content_bg.jpg); height: 554px; padding-top: 20px; padding-left: 30px; padding-right: 30px; background-repeat: no-repeat; } нужно чтобы картинка растягивалась автоматом по всей длинне страницы. я поставил height: auto; но почему то как было так и осталось. в чем может быть проблема?

    Asked by Хелкар, January 24, 2012

    0 votes
    7 answers
18. Background-image

    Дано: ссылка, стилизованная под кнопку, может иметь разную высоту Задача: для каждого из четырех состояний(link, hover, active, disable) нужно наложить фоновую картинку. Решение в лоб: для каждого состояния прописать background с repeat-x и прочими необходимыми параметрами, но есть минус - 4 http-запроса для каждой картинки. И еще проблема в том, что в качестве фона используется не линейный градиент, два градиента с пересечением по середине. Ну и соответственно это пересечение и должно быть по середине кнопки. Возможно ли решить проблему с помощью этого спрайта?

    Asked by IIAIIIA, March 31, 2012

    0 votes
    6 answers
19. Background-image

    не появляется изображение путь правильный #wrapper { width: 1000px; margin: 0 auto; min-height: 100%; height: auto !important; height: 100%; background-image: url('img/sky.jpg') repeat-y; }

    Asked by imediasun, October 28, 2012

    0 votes
    3 answers
20. background-image

    Почему у меня не встаёт изображение вместо маркера? почему-то оно вставляется после слова. <!doctype html> <html> <head> <meta charset="utf-8"> <title>Пример CSS</title> <style type="text/css"> li.img{ list-style:none; background-image:url("arrow_right.png"); background-repeat:no-repeat; background-position:6%; } </style> </head> <body> <ul> <li class="img">Главная</li> <li>Программы</li> <li>Фильмы</li> <li>Игры</li> </ul> </body> </html>

    Asked by DivMan, May 12, 2013

    0 votes
    14 answers
21. background-image

    Почему, если написать background-image, то изображение не повторяется, а если просто background, то повторяется?

    Asked by DivMan, July 2, 2014

    0 votes
    2 answers
22. background-image

    Здравствуйте, форумчане, заранее извините за ламерский вопрос: Я создал файл styles.css: html {background-image: url(на_рыбалку.bmp)} Потом создал 2 файла html В первом файле фон Не загружается, а во втором загружается Помогите пожалуйста разобраться

    Asked by VanVino, August 6, 2015

    0 votes
    7 answers
23. background-image и картинка на локальном диске

    Здравствуйте! Пытаюсь задать картинку на фон, которая хранится на компьютере, но ничего не получается. Все 3 файла (.html, .css и картинка .jpg) лежат в одной папке (new) на рабочем столе. Если в адресе картинки указываю ссылку на эту картинку в интернете всё работает. В чём ошибка? Как установить картинку, которая хранится на компьютере? Спасибо за ответы.

    Asked by jonson92, November 6, 2017

    0 votes
    2 answers
24. background-image + градиент

    Хочу сделать на фон картинку. В общем идея такая: Поставить картинку на фон, которая снизу начинает становиться прозрачной и переходить в черный цвет. Т.е. если сайт получается "длинный"(картинка же не перекроет его весь), то сверху находится изображение, которое к концу начинает перетекать в однотонный чёрный фон, который тянется и тянется до конца. body{ background-image:url("wowback_2.jpg"); background-size:cover; background-repeat:no-repeat; background-color:black; } Картинку вроде вставит, и фон сделал чёрным. Переход получился резкий. Можно ли его "смягчить" градиентом в CSS или тут через фотошоп как то?

    Asked by jonson92, November 9, 2017

    0 votes
    4 answers
25. Background-image => width: 100%

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

    Asked by klierik, August 10, 2007

    0 votes
    12 answers