HTML-как вывести картинку на экран? - Веб-программирование

Naked · 26.05.2005, 19:08

Подскажите плиз, как вывести картинку на экран в произвольном месте (есть ли способ кроме создания таблиц)

RaZEr · 26.05.2005, 19:15

Naked · 26.05.2005, 20:14

А style это что? И где можно про него прочитать? Можно указать не absolute, а что нибудь другое? Thanks.

Frenzy_lost · 26.05.2005, 22:54

Гмм.. style - это то, что ты описываешь в CSS. это и есть CSS.
ищи "спецификация CSS". отличная штука

. а потом ты начнешь это дело запихивать в файл, а img'ам давать свои id'ы.

указать можно не только absolute(типа закреплено) конечно, есть еще и например static - это когда закреплено от краев экрана на определенно мрасстоянии и НЕ влияет положение скроллбара.

Naked · 27.05.2005, 13:15

А как сделать так, что бы две картинки были вплотную друг к другу (и по вертикали и по горизонтали).

Ghost · 27.05.2005, 13:21

The_naked

Код HTML:

<IMG ... STYLE="margin: 0px;" ALIGN="LEFT"><IMG ... STYLE="margin: 0px;"><BR>
<IMG ... STYLE="margin: 0px;" ALIGN="LEFT"><IMG ... STYLE="margin: 0px;">

8AleX8 · 27.05.2005, 17:11

Цитата:

Сообщение от The_naked

А style это что? И где можно про него прочитать? Можно указать не absolute, а что нибудь другое? Thanks.

Cascading Style Sheets, Level 2 (CSS 2)
http://loc.stack.ru/projects/CSS2/cover.html
http://pyramidin.narod.ru/css2/index.htm

Naked · 27.05.2005, 17:54

Если пользоваться style, то между картинками все равно немного места остается, а мне нужно чтобы они были вплотную, и не было просвета между ними... А как вывести текст в любом месте экрана? тоже через Style?

Ghost · 27.05.2005, 17:59

The_naked
1. Между тэгами IMG не должно быть пробелов - именно они и оставляют промежутки между картинками (см. мой пример выше).
2. Тоже так:

Код HTML:

<DIV STYLE="position: absolute; display: block; top: 100px; left: 200px; width: 300px; height: 18px;">Привет!</DIV>

Naked · 27.05.2005, 18:15

А мне еще говорили, что можно поставить так картинку, что при нажатии в разные места будут открываться разные страницы. Это сложно сделать? Мне это для меню нужно

Ghost · 27.05.2005, 18:43

The_naked
Можно. Юзай поиск по словам HTML и AREA. Например:
http://www.megalib.com/books/417/_AREA.html
http://easy-html.narod.ru/area.html

Naked · 28.05.2005, 09:05

А вот если у меня две картинки по горизонтали (с пробелом), а под первой должна быть еще одна вплотную. Что-то не получается как написано

Ghost · 28.05.2005, 09:56

Только что попробовал такой вот код:

Код HTML:

<HTML>
<BODY BGCOLOR="#123456">
<IMG SRC="27.bmp" STYLE="margin: 0px;"><IMG SRC="27.bmp" STYLE="margin: 0px;"><BR>
<IMG SRC="27.bmp" STYLE="margin: 0px;">
</BODY>
</HTML>

Результат см. в аттаче.

Naked · 28.05.2005, 14:47

А я чтобы выравнять картинки и текст их вывожу со style="position: relative; top: ....", при этом браузер оставляет внизу страницы много пустого места, как это можно избежать? Relative для того чтобы вся страница еще центрировалась (иначе тэги <center> не работают...)

26.05.2005, 19:08	# 1
Naked ::VIP:: Регистрация: 15.05.2005 Адрес: Питер Сообщения: 1 194	HTML-как вывести картинку на экран? Подскажите плиз, как вывести картинку на экран в произвольном месте (есть ли способ кроме создания таблиц) __________________ Чтобы воля стала действующим началом, тело должно быть совершенным.

26.05.2005, 20:14	# 3
Naked ::VIP:: Регистрация: 15.05.2005 Адрес: Питер Сообщения: 1 194	А style это что? И где можно про него прочитать? Можно указать не absolute, а что нибудь другое? Thanks. __________________ Чтобы воля стала действующим началом, тело должно быть совершенным.

26.05.2005, 22:54	# 4
Frenzy_lost Junior Member Регистрация: 11.04.2005 Сообщения: 76	Гмм.. style - это то, что ты описываешь в CSS. это и есть CSS. ищи "спецификация CSS". отличная штука . а потом ты начнешь это дело запихивать в файл, а img'ам давать свои id'ы. указать можно не только absolute(типа закреплено) конечно, есть еще и например static - это когда закреплено от краев экрана на определенно мрасстоянии и НЕ влияет положение скроллбара. __________________ -- Спасибы - в репутацию. Толку больше будет.

27.05.2005, 13:15	# 5
Naked ::VIP:: Регистрация: 15.05.2005 Адрес: Питер Сообщения: 1 194	А как сделать так, что бы две картинки были вплотную друг к другу (и по вертикали и по горизонтали). __________________ Чтобы воля стала действующим началом, тело должно быть совершенным.

27.05.2005, 13:21	# 6
Ghost ::VIP:: Звезда первого сезона Молчун-2004 Регистрация: 24.08.2002 Сообщения: 1 575	The_naked Код HTML: <IMG ... STYLE="margin: 0px;" ALIGN="LEFT"><IMG ... STYLE="margin: 0px;"><BR> <IMG ... STYLE="margin: 0px;" ALIGN="LEFT"><IMG ... STYLE="margin: 0px;"> __________________ Действовать надо тупо и это лучшее доказательство нашей чистоты и силы!

26.05.2005, 19:15	# 2
RaZEr МОД-Оператор ЭВМ Регистрация: 18.04.2002 Адрес: Питер Сообщения: 4 343	<img ... style="position: absolute; top: 20px; left: 30px;" />

27.05.2005, 17:54	# 8
Naked ::VIP:: Регистрация: 15.05.2005 Адрес: Питер Сообщения: 1 194	Если пользоваться style, то между картинками все равно немного места остается, а мне нужно чтобы они были вплотную, и не было просвета между ними... А как вывести текст в любом месте экрана? тоже через Style? __________________ Чтобы воля стала действующим началом, тело должно быть совершенным.

27.05.2005, 17:59	# 9
Ghost ::VIP:: Звезда первого сезона Молчун-2004 Регистрация: 24.08.2002 Сообщения: 1 575	The_naked 1. Между тэгами IMG не должно быть пробелов - именно они и оставляют промежутки между картинками (см. мой пример выше). 2. Тоже так: Код HTML: <DIV STYLE="position: absolute; display: block; top: 100px; left: 200px; width: 300px; height: 18px;">Привет!</DIV> __________________ Действовать надо тупо и это лучшее доказательство нашей чистоты и силы!

27.05.2005, 18:15	# 10
Naked ::VIP:: Регистрация: 15.05.2005 Адрес: Питер Сообщения: 1 194	А мне еще говорили, что можно поставить так картинку, что при нажатии в разные места будут открываться разные страницы. Это сложно сделать? Мне это для меню нужно __________________ Чтобы воля стала действующим началом, тело должно быть совершенным.

27.05.2005, 18:43	# 11
Ghost ::VIP:: Звезда первого сезона Молчун-2004 Регистрация: 24.08.2002 Сообщения: 1 575	The_naked Можно. Юзай поиск по словам HTML и AREA. Например: http://www.megalib.com/books/417/_AREA.html http://easy-html.narod.ru/area.html __________________ Действовать надо тупо и это лучшее доказательство нашей чистоты и силы!

28.05.2005, 09:05	# 12
Naked ::VIP:: Регистрация: 15.05.2005 Адрес: Питер Сообщения: 1 194	А вот если у меня две картинки по горизонтали (с пробелом), а под первой должна быть еще одна вплотную. Что-то не получается как написано __________________ Чтобы воля стала действующим началом, тело должно быть совершенным.

28.05.2005, 09:56	# 13
Ghost ::VIP:: Звезда первого сезона Молчун-2004 Регистрация: 24.08.2002 Сообщения: 1 575	Только что попробовал такой вот код: Код HTML: <HTML> <BODY BGCOLOR="#123456"> <IMG SRC="27.bmp" STYLE="margin: 0px;"><IMG SRC="27.bmp" STYLE="margin: 0px;"><BR> <IMG SRC="27.bmp" STYLE="margin: 0px;"> </BODY> </HTML> Результат см. в аттаче. __________________ Действовать надо тупо и это лучшее доказательство нашей чистоты и силы!

28.05.2005, 14:47	# 14
Naked ::VIP:: Регистрация: 15.05.2005 Адрес: Питер Сообщения: 1 194	А я чтобы выравнять картинки и текст их вывожу со style="position: relative; top: ....", при этом браузер оставляет внизу страницы много пустого места, как это можно избежать? Relative для того чтобы вся страница еще центрировалась (иначе тэги <center> не работают...) __________________ Чтобы воля стала действующим началом, тело должно быть совершенным.