Показать полную графическую версию : Размещение рисунка
Сколько книг перерыл, а так и не понял какой тег отвечает за размещение рисунка, допустим в правом нижнем углу?
Если есть прямые ссылки киньте плиз!!
Или примерчиком помогите...
Заранее спасибо! :)
karlison
05-05-2003, 07:02
Да нет такого тега!!! Различают теги форматирования текста и теги всяких форм и т.д. Надо сначала разметить страницу, например таблицей, а затем в нужную ячейку вставить рисунок.
Необходимо использовать конструкцию expression(). Появилась эта штука вместе с Internet Explorer 5.0;
Конструкция expression() избавляет кодера от необходимости разбираться в тонкостях CSS позиционирования и событийной модели.
Допустим, у вас есть картинка, которая должна всегда располагаться в нижнем правом углу страницы. Вместо того, чтобы писать код, отслеживающий прокрутку и изменение размеров страницы, достаточно указать в таблице стилей следующее:
img#pic {
top : expression(document.body.scrollTop + document.body.clientHeight - offsetHeight);
left : expression(document.body.scrollLeft + document.body.clientWidth - offsetWidth);
position : absolute
}
Вот и все пироги. Теперь при изменении размеров страницы или её прокрутке, картинка автоматически будет помещена на своё законное место — в нижний правый угол страницы. Главное не забудьте указать у изображения атрибуты width и height:
<img src="logo.gif" id="pic" width="100" height="30" alt="Логотип">
NB: Все остальные браузеры просто проигнорируют указание expression().
Информация с сайта http://htmlcoder.visions.ru/
Georgiy
Главное не забудьте
предупредить всех-всех-всех, чтобы они запаслись IE исключительно для просмотра Ваших замечательных сайтов ;)
Впрочем, для каких-нибудь интранетовских принудительных проектов сойдет - спасибо :)
Maxel
karlison
я тоже всегда использую таблицы для позиционирования содержимого
mar
На сколько я понимаю, при табличном позиционировании рисунок в ячейке будет перемещаться при прокрутке страницы => см. исходный вопрос. Если я ошибаюсь, то у Вас есть реальный шанс помочь советом по ТЕМЕ!
Кошмар, мрак и жуть :biglaugh:
Maxel! Ау! что все-таки нужно?
Если внизу справа на всей странице(!) (универсально) - таблица
Если перемещение (фиксировано место на ЭКРАНЕ)- чтобы все время видеть его в правом нижнем углу универсален скрипт (пример - не очень современный => может быть надо будет подработать) можешь взять у меня http://www.bio.pu.ru/win/kids.htm
http://www.fnii.pu.ru/win/sci.html
(в первом случае меню все время должно оставаться на верху экрана, во втором - сбоку (если не виден эффект - уменьши окошко)
естественно, так же можно в любом другом месте)
<div...><img...></div>
у img лучше задать стиль dispaly:block
div позиционируется абсолютно через
position:absolute; и задание координат
через top left bottom right
У меня так сделано и прекрасно везде работает
Maxel
Я вот тут книгу достал (HTML 4.0). Надо использовать тэг <img>, а в нем тэг align=(center или right или left и т.д.)
Примерно должно быть так:
<img scr="image.gif" align="left"> Может быть так.
lossen
Этим ты не дабьешся нужного позиционирования, а только выровняешь, очень хорошо действует совет ihoru, кстати в dreamwear когда пользуешься слоями, тот же самый тег описывает. Я окромя таблице, которую мне посоветовали, теперь пользуюсь еще и слоями - результатом доволен :)
но возникает другой вопрос , когда все материалы выложу на сервак, там мне надо будет менять все ссылки на http:www ???
koresaram
31-07-2003, 13:40
зачем? пиши относительные ссылки. например если у тебя две страницы (A.htm и B.htm) в одной папке то ссылки будут типа <a href="B.htm"></a> если глубже то <a href="папка/B.htm"></a> ссылки наверх через <a href="../B.htm"></a>
../ на одну папку вверх. и все.
© OSzone.net 2001-2012
vBulletin v3.6.4, Copyright ©2000-2025, Jelsoft Enterprises Ltd.