Установка координат изображения - HTML и CSS

Syltan · 18.03.2010, 21:31

Хочу изображение поставить в определённіх кординатах.
К приеру пишу вот такой код:

HTML

Код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
<HTML>
  <HEAD>
    <TITLE>Весна</TITLE>
    <link rel="stylesheet" type="text/css" href="style.css">
  </HEAD>
  <BODY >
   Привет страна народная.
   Жил-был дед и баба, и была у них курочка ряба.
<img src="belok.jpg" title="Фото" >
  </BODY>
</HTML>

style.css

Код:

body{background-position:70px  300px;
}

Картинка не выравнивается слева 70 пикселей, а сверху 300 пискселей, что делать?

Syltan · 18.03.2010, 21:45

Оказівается нужно было вот так, вот так попробовал сработало.

Код HTML:

body{background-position:0px  0px; //координаты картинки
background-image:url(belok.jpg);  //какая картинка
background-repeat:no-repeat;  //убрать повторение картинки по гор. и верт.
}

spein · 18.03.2010, 21:46

Ты задаешь настройки для body. Замени body на img и стиль такой:

Код HTML:

img {
position: absolute;
left: 70px
top: 300px;
}

Syltan · 18.03.2010, 22:00

Если написать вот так, не сработает:
style.css

Код:

image{postion:absolute;
top:200px;
left:500px;
}

HTML

Код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
<HTML>
  <HEAD>
    <TITLE>Весна</TITLE>
    <link rel="stylesheet" type="text/css" href="style.css">
  </HEAD>
  <BODY >
   Привет страна народная.
   Жил-был дед и баба, и была у них курочка ряба.
<img src="belok.jpg" title="Фото" >
  </BODY>
</HTML>

kirosin · 18.03.2010, 22:16

Syltan, так оно действительно не сработает )) внимательно посмотри пост spein'a и найди два отличия )

Syltan · 18.03.2010, 22:26

А да, букву пропустил. Я тут заметил, если написать так:

Код:

image{position:absolute;
top:5px;
left:5px;
text-indent:50px;
}

Текст находящийся возле картинки не отойдёт от картинки на 50 пикселей, почему?

spein · 19.03.2010, 16:06

Займись изучением, а не задавай глупые вопросы!

Код HTML:

img {
position: absolute;
top: 5px;
left: 5px;
padding-right: 50px;
}

P.S. Сэлэктора "image" не существует!

18.03.2010, 21:31	#1
Syltan Заблокирован Регистрация: 27.08.2009 Сообщений: 569	Установка координат изображения Хочу изображение поставить в определённіх кординатах. К приеру пишу вот такой код: HTML Код: `<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN"> <HTML> <HEAD> <TITLE>Весна</TITLE> <link rel="stylesheet" type="text/css" href="style.css"> </HEAD> <BODY > Привет страна народная. Жил-был дед и баба, и была у них курочка ряба. <img src="belok.jpg" title="Фото" > </BODY> </HTML>` style.css Код: `body{background-position:70px 300px; }` Картинка не выравнивается слева 70 пикселей, а сверху 300 пискселей, что делать?

18.03.2010, 21:46	#3
spein Программист Форумчанин Регистрация: 27.02.2009 Сообщений: 505	Ты задаешь настройки для body. Замени body на img и стиль такой: Код HTML: img { position: absolute; left: 70px top: 300px; } there are no limits when you're software engineer

18.03.2010, 22:16	#5
kirosin Форумчанин Регистрация: 15.01.2010 Сообщений: 209	Syltan, так оно действительно не сработает )) внимательно посмотри пост spein'a и найди два отличия ) Все генитальное просто.

18.03.2010, 22:26	#6
Syltan Заблокирован Регистрация: 27.08.2009 Сообщений: 569	А да, букву пропустил. Я тут заметил, если написать так: Код: `image{position:absolute; top:5px; left:5px; text-indent:50px; }` Текст находящийся возле картинки не отойдёт от картинки на 50 пикселей, почему?

19.03.2010, 16:06	#7
spein Программист Форумчанин Регистрация: 27.02.2009 Сообщений: 505	Займись изучением, а не задавай глупые вопросы! Код HTML: img { position: absolute; top: 5px; left: 5px; padding-right: 50px; } P.S. Сэлэктора "image" не существует! there are no limits when you're software engineer Последний раз редактировалось spein; 19.03.2010 в 16:11.

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
вывод координат	shelest	Помощь студентам	1	20.12.2009 13:44
Перевод координат	ax1d	Общие вопросы Delphi	1	04.11.2009 14:23
Сортировка координат	Sparky	Помощь студентам	9	08.10.2009 16:31
Преобразование координат	HunterMan	Общие вопросы .NET	1	22.12.2008 15:03
Чтение изображения из базы данных, Вместо изображения - "System.Byte[]"	ruelCrow	Общие вопросы .NET	3	10.07.2008 23:29