Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   background-image (https://javascript.ru/forum/dom-window/30111-background-image.html)

Александр х@к 24.07.2012 17:48

background-image
 
Здравствуйте,
в гугл картинках нарыл фото, есть див, а в диве должна быть картинка
.namediv {
     background-image: url(http://t1.gstatic.com/images?q=tbn:ANd9GcSIgG1eIZs8HJ6TEcWEFq5is_x4S5JrGD4FpT1MV8lw4K0XuDIsBg);
  position: absolute;    
}
,
но вместо картинки белый экран.
Пробовал упрощать :
/images?q=tbn:ANd9GcSIgG1eIZs8HJ6TEcWEFq5is_x4S5JrG D4FpT1MV8lw4K0XuDIsBg
Ну что ж не так, как вставить картинку с стороннего сайта?
Спасибо.

Deff 24.07.2012 17:57

Александр х@к,
Просто сохраните картинку http://t1.gstatic.com/images?q=tbn:A...V8lw4K0XuDIsBg
на рабочий стол и перезалейте - на ресурс с короткой ссылкой

Сохраняете -кликом правой по картинке и сохранить как

Перезалить можно сюда => http://uploads.ru/

Пример:
<style type="text/css">
.namediv {
  width:254px;
  height:194px;
  background-image: url(http://s1.uploads.ru/i/Jtv3o.jpg);
  position: absolute;    
}
</style>
<div id="Sr" class="namediv"></div>

Ps: Возможно Вы просто не выставили размер у div(По умолчанию - он нулевой - считать размеры картинки можно тоже по клику правой кнопкой мыши

Александр х@к 24.07.2012 18:17

та как раз-то размеры дива указаны, а так спс.
Просто не хочется колбаситься с этим Сохранить как.
Других выходов нет?

dmitriymar 24.07.2012 18:19

Цитата:

Сообщение от Deff
на рабочий стол и перезалейте - на ресурс с короткой ссылкой

Сохраняете -кликом правой по картинке и сохранить как

Перезалить можно сюда => http://uploads.ru/

зачем?
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Документ без названия</title>
<style type="text/css">
#apDiv1 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:1;
	background-image: url(http://bm.img.com.ua/img/prikol/images/large/5/0/225905.jpg);
}
</style>
</head>

<body>

<div id="apDiv1"></div>
</body>

Александр х@к 24.07.2012 18:25

нашёл второй вариант: открываем изображение, копируем ссылку на него.
Но есть проблема, проблема в этих двух вариантах, если указать другие размеры, то получается не то что надо. что в этом случае, у меня просто
ширина 500, высота 450, но в первом варианте получается 4 изображения), а во втором только небо(верх), что в таком случае делать?

Deff 24.07.2012 18:39

Цитата:

Сообщение от Александр х@к
ширина 500, высота 450, но в первом варианте получается 4 изображения), а во втором только небо(верх), что в таком случае делать?

Ставить картинку не фоном - а картинкой в див
<style type="text/css">
.namediv {
  width:254px;
}
</style>
<div id="Sr" class="namediv"><img width="100%" src="http://s1.uploads.ru/i/Jtv3o.jpg"/></div>

dmitriymar 24.07.2012 18:39

определять размеры изображения объект imаgе это позволяет. и редактировать уже бек исходя из этого

Deff 24.07.2012 18:40

Александр х@к,
Ксать по ссылке перезаливки мон загрузить одновременно из одной папки 100 картинок(Кликаем первую и с зажатым шифтом - конечную) и выставить один и то жа выходной размер

Александр х@к 24.07.2012 18:42

я и так в див всунул, всё решено. спс


Часовой пояс GMT +3, время: 22:16.