Форум

Александр х@к · #1 (**permalink**) 24.07.2012, 17:48

Здравствуйте,
в гугл картинках нарыл фото, есть див, а в диве должна быть картинка

.namediv {
     background-image: url(http://t1.gstatic.com/images?q=tbn:ANd9GcSIgG1eIZs8HJ6TEcWEFq5is_x4S5JrGD4FpT1MV8lw4K0XuDIsBg);
  position: absolute;    
}

,
но вместо картинки белый экран.
Пробовал упрощать :
/images?q=tbn:ANd9GcSIgG1eIZs8HJ6TEcWEFq5is_x4S5JrG D4FpT1MV8lw4K0XuDIsBg
Ну что ж не так, как вставить картинку с стороннего сайта?
Спасибо.

Deff · #2 (**permalink**) 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(По умолчанию - он нулевой - считать размеры картинки можно тоже по клику правой кнопкой мыши

Александр х@к · #3 (**permalink**) 24.07.2012, 18:17

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

dmitriymar · #4 (**permalink**) 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>

Александр х@к · #5 (**permalink**) 24.07.2012, 18:25

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

Deff · #6 (**permalink**) 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 · #7 (**permalink**) 24.07.2012, 18:39

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

Deff · #8 (**permalink**) 24.07.2012, 18:40

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

Александр х@к · #9 (**permalink**) 24.07.2012, 18:42

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

Форум

Справочник

Discord чат

Курсы javascript