Расположение в определенном месте страницы

[Anastasia]

Как разместить картинку в строго определенном месте страницы средствами html или css? т.е. так, чтобы картинка в коде была, например, в начале, а при отображении в середине страницы. Я так понимаю что надо указать точку в пикселях, где будет находиться эта картинка. Но как именно и где это указывать?

[Live]

картинку нужно абсолютно позиционировать - position:absolute;
потом задать ей координаты - стили top и left
top:10px; left:50px; - это будет значить, что картинка будет расположена на 10 пикселей ниже верха страницы и на 50 пикселей левее левого края, простите за каламбур. в общем... ось координат x,y идет в браузера не так, как в школьной математике. 0 на оси в браузерах расположен в левом верхнем углу.
так же, если картинку нужно поместить ниже или выше - поможет стиль z-index; указывайте ему положительное значение. например z-index:100, означает, что элемент выше на 100 (на 100 ничего, просто на 100 : )). по умолчанию у всех элементов z-index = 0.

[null]

Originally posted by Live@Mar 30 2006, 14:02
[b]...то будет значить, что картинка будет расположена на 10 пикселей ниже верха страницы и на 50 пикселей левее левого края...

не страницы, а первого старшего (вверх по иерархии) позиционированного элемента

[Live]

да, простите : ) никак не научусь "считать с нуля"

[Shoot]

null
первого старшего?, чё та я не пойму, при абсолютно происходит именно расположение относилетьно левого верхнего угла. Другое дело - не указать параметры, что приведет к наследованию от чуть более старшего))
или я в чём-то не прав?

[bacteriophage]

Shoot
ты прав =) null, вероятно, был невнимателен..
К совету Live хочу добавить, что указанные им параметры пишутся в стилях (CSS) и соотносятся тегу img, например так: <img style="position:absolute; left:10px; top:50px;">

[null]

Originally posted by Shoot@Mar 31 2006, 19:32
[b]первого старшего?, чё та я не пойму, при абсолютно происходит именно расположение относилетьно левого верхнего угла. Другое дело - не указать параметры, что приведет к наследованию от чуть более старшего. или я в чём-то не прав?

левого верхнего? а если написать right?
в спецификации написано, что "свойства &#39;left&#39;, &#39;right&#39;, &#39;top&#39; и &#39;bottom&#39;... указывают величину смещения относительно контейнера блока...". В большинстве браузеров контейнер имеет по умолчанию position: inherit, а потому можно считать, что позиционирование производится относительно ближайшего позиционированного контейнера (в частном случае таким контейнером является тег body).

я думаю, что Вы "в чем-то не правы"

уважаемой Anastasi&#39;и стоит почитать спецификацию на CSS2. интереснейшее, надо сказать, чтение

[Anastasia]

Спасибо, ребята, все чрезвычайно понятно.
Только загвоздка: как сделать чтобы картинка текст не перекрывала, а вклинивалась в него?

[null]

при абсолютном позиционировании - никак.

[master.danilka]

Да что вы все мучаетесь? Ставите HomeSite 5.5+ и радуетесь встроенному CSS-редактору TopStyle Lite Pro 3.5!!!