Search the Community
Showing results for tags 'background-image'.
Found 11 results
-
<!doctype html> <html> <head> <meta charset="utf-8"> <title>Тритон Авто</title> <style> * { margin: 0; padding: 0; font-family: Tahoma, Geneva, sans-serif; color: #2e2e2e; } body { background: #f8f7f3; } a { color: #037d64; } #page { width: 1100px; margin: 0 auto; } #header { background-image: url(C:\Users\vip_c\Desktop\html\img\qq.jpg); } </style> </head> <body> <div id="page"> <div id="header"> </div> </div> </body> </html>
-
[body] Растянуть изображение по высоте с сохранением пропорции
Erdos posted a question in HTML Coding
Приветствую всех! Я начинаю создавать страницы html. Такой вопрос: есть изображение с размером 1024x768, как его поставить в body так, чтобы изображение центрировалась и растянулась по высоте (но не по ширине) с сохранением пропорции? (посмотреть прикрепленное изображение) -
Как сделать разную прозрачность двум background-image в одном блоке. Например у меня в header два фона background-image: url(фон 1), url(фон 2); opacity сразу двум делает прозрачность.
-
Здравствуйте! Есть блок шириной 390px и высотой 100px, который является ссылкой. .div { background-image: url(bg_1.png); height: 100px; width: 390px; } .div:hover { background-image: url(bg_hover.png); } <div class="div"> <a href="#">Текст</a> </div> <div class="div"> <a href="#">Текст</a> </div> Можно ли сделать так, чтобы при наведении на блок фон менялся на bg_hover.png и при этом стрелка слева картинки выходила за пределы блока??
-
Вопрос такой: указываю див'y : background-image: url(img/header.png) no-repeat; Картинка не появляется. Стоит указать width и height так сразу появляется. Еще указываю размер картинки, но почему не показывает. Стоит указать на 10px больше высоту, так сразу появляется. Вопрос: обязательно ли всегда указывать размер картинки, если да, то во всех же браузерах по-разному будет отображаться?
-
Всем привет! Столкнулся с проблемой: необходимо вывести фоном картинку, но ничего не получается. Саму проблему можно посмотреть здесь http://test.kvada.ru В файле css прописываю путь к картинке для background-image. Она появляется. Но когда начинаю добавлять дополнительные свойства типа запрета повторения и позиционирования, то картинка исчезает. В чем может быть дело? Подскажите, если сможете разобраться. Буду очень признателен. Для ясности добавлю фрагменты кода. HTML: <section id="problems"> <div class="container"> <div class="row"> <div class="col col-md-8 col-sm-12 col-xs-12"> <div> <h1>Вам это знакомо?</h1> <ul> <li>Постоянный недосып и усталость</li> <li>Переодическая головная боль</li> </ul> </div> </div> </div> </div> </section> CSS: #problems { background-image: url(../images/problems_1.jpg) no-repeat center top; width: auto; height: auto; }
-
Всем добрый день! При добавлении div'у background-image возник вопрос: а как объяснить элементу, какую именно часть картинки нужно отобразить, если я, скажем, ставя фоновое изображение разрешением 1920x1080, задаю div'у высоту 500px (или любое другое значение меньше 1080px), и при этом хочу, чтобы изображение было обрезано не снизу, а сверху? Заранее спасибо
-
Проблема с инпутами при подстановке значений с всплывающих подсказок
BaBaKa posted a question in HTML Coding
Доброго времени суток, пишу графическую оболочку для своего движка, но встретился с одной проблемой. Вот так выглядит форма для авторизации Когда начинаю вводить данные всплывают подсказки(их мне нужно оставить), когда выбираю какой-то вариант из предложенных или сохраняю пароли в браузере, то получаеться вот такой бред Помогите исправить, сам ничего не нашел -
Здравствуйте. Я начал верстать макет и столкнулся с небольшой проблемой с background-image. По ТЗ картинка сердца должна быть на одном уровне с текстом, а у меня она получается выше: http://jsfiddle.net/VKycA/ Как бы я не пытался это исправить - картинка все равно остается выше нужной позиции.
-
Доброго времени суток всем! Кто нибудь сталкивался с такой проблемой: При увеличении экрана и при просмотре сайта на мониторах с разрешением от 1600 пх на картинке background-image] появляется вертикальная черная полоса в 1 пикс. как бордер. И я не могу понять что это, на самой картинке ничего нет. Может это горизонтальный повтор background-image, но тогда почему его нет при просмотре на мониторах со стандартным разрешением? Верстка в простых таблицах. Я пробовал заменить картинку для этого background-image, просто обрезал белую часть картинки где появляется эта черная полоса. Проблема вроде решалась в этом месте, но в других местах пошли не состыковки картинок общего бекграунда (верстальщик сверстал одну картинку из разных частей + там еще другие картинки накладываются). В общем откатил все назад и теперь ломаю голову - как исправить этот глюк чтоб не переверстывать всю страницу заново. Код там такой (в четырех местах): <td width=246 background=/images/but00.gif valign=top height=151> <td background="/images/but00.gif" width="246" valign="top" height="100%"> <td background="/images/but00.gif" width=246 valign=top height=100%> <tr><td background="/images/but00.gif" height=100%> </td></tr> Никаких репитов для него не прописано. Сама картинка бекграунда: сайт: crantal.ru Прошу помощи форумчан. Если кто знает как решить проблему, заранее благодарен!
-
Добрый день. Как добавить плавности к смене фона? Фон меняю так: <script> var n=1; var namee = new Array('bg_001.jpg', 'bg_002.jpg', 'bg_003.jpg'); function changeImages() { /*namee= {};*/ var count = (namee.length) - 1; if(n> count) n=0; $('body').css('background-image','url(/img/bg/'+namee[n]+')'); n++; } window.onload = function() { return interval = setInterval("changeImages()", 15000); } </script> Пробовал добавлять .animate но безрезультатно.
