Вид для печати
Как разместить картинку в строго определенном месте страницы средствами html или css? т.е. так, чтобы картинка в коде была, например, в начале, а при отображении в середине страницы. Я так понимаю что надо указать точку в пикселях, где будет находиться эта картинка. Но как именно и где это указывать?
картинку нужно абсолютно позиционировать - position:absolute;
потом задать ей координаты - стили top и left
top:10px; left:50px; - это будет значить, что картинка будет расположена на 10 пикселей ниже верха страницы и на 50 пикселей левее левого края, простите за каламбур. в общем... ось координат x,y идет в браузера не так, как в школьной математике. 0 на оси в браузерах расположен в левом верхнем углу.
так же, если картинку нужно поместить ниже или выше - поможет стиль z-index; указывайте ему положительное значение. например z-index:100, означает, что элемент выше на 100 (на 100 ничего, просто на 100 : )). по умолчанию у всех элементов z-index = 0.
не страницы, а первого старшего (вверх по иерархии) позиционированного элемента [Only registered and activated users can see links. Click Here To Register...]Цитата:
Originally posted by Live@Mar 30 2006, 14:02
[b]...то будет значить, что картинка будет расположена на 10 пикселей ниже верха страницы и на 50 пикселей левее левого края...
да, простите : ) никак не научусь "считать с нуля"
null
первого старшего?, чё та я не пойму, при абсолютно происходит именно расположение относилетьно левого верхнего угла. Другое дело - не указать параметры, что приведет к наследованию от чуть более старшего))
или я в чём-то не прав?
Shoot
ты прав =) null, вероятно, был невнимателен..
К совету Live хочу добавить, что указанные им параметры пишутся в стилях (CSS) и соотносятся тегу img, например так: <img style="position:absolute; left:10px; top:50px;">
левого верхнего? а если написать right? [Only registered and activated users can see links. Click Here To Register...]Цитата:
Originally posted by Shoot@Mar 31 2006, 19:32
[b]первого старшего?, чё та я не пойму, при абсолютно происходит именно расположение относилетьно левого верхнего угла. Другое дело - не указать параметры, что приведет к наследованию от чуть более старшего. или я в чём-то не прав?
в спецификации написано, что "свойства 'left', 'right', 'top' и 'bottom'... указывают величину смещения относительно контейнера блока...". В большинстве браузеров контейнер имеет по умолчанию position: inherit, а потому можно считать, что позиционирование производится относительно ближайшего позиционированного контейнера (в частном случае таким контейнером является тег body).
я думаю, что Вы "в чем-то не правы" [Only registered and activated users can see links. Click Here To Register...]
уважаемой Anastasi'и стоит почитать спецификацию на CSS2. интереснейшее, надо сказать, чтение [Only registered and activated users can see links. Click Here To Register...]
Спасибо, ребята, все чрезвычайно понятно.
Только загвоздка: как сделать чтобы картинка текст не перекрывала, а вклинивалась в него?
при абсолютном позиционировании - никак.
Да что вы все мучаетесь? Ставите HomeSite 5.5+ и радуетесь встроенному CSS-редактору TopStyle Lite Pro 3.5!!!