X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

3 страниц V   1 2 3 >
Открыть тему
Тема закрыта
> Позиционирование картинок
Matt
Matt
Topic Starter сообщение 9.9.2010, 13:11; Ответить: Matt
Сообщение #1


Добавил картинку на страницу в качестве элемента дизайна, но беда в позиционировании - она сдвигается при изменении расширения. Как прописать ей стационарное место?

Шаблон:
[php]<jdoc:include type="modules" name="user1" style="rounded" /><div id="branding"><img alt="кошка" src="http://somalissa.ru/images/foto2/img_1458_267x400_pc.jpg"></div>
<div id="branding1"><img alt="кот" src="http://somalissa.ru/images/foto2/kopija_img_0855_400x267_pc.png"></div>[/php]

Стили:
#branding { display: block; position: absolute; top: 195px; right: 190px; }
#branding1 { display: block; position: absolute; top: 325px; left: 190px; }


--------------------
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Matt
Matt
Topic Starter сообщение 9.9.2010, 17:49; Ответить: Matt
Сообщение #2


Не дождавшись ответов, дошёл до всего сам. Надо сделать две вещи:
  1. Сделать родительским именно тот блок, поверх которого и будет изображение;
  2. Прописать у этого блока position: relative в CSS. Теперь картинка будет позиционироваться относительно родительского блока.


Теперь новая проблема. В IE прозрачный фон картинки переходит в чёрный. Как это исправить?


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
yury_mw
yury_mw
сообщение 9.9.2010, 20:15; Ответить: yury_mw
Сообщение #3


(Matt @ 9.9.2010, 17:49) *
Теперь новая проблема. В IE прозрачный фон картинки переходит в чёрный. Как это исправить?

Если речь о прозрачности в картинке png, то проще всего заменить png на gif ибо IE с png не дружит.

Еще вот рецепт от Микрософта: http://support.microsoft.com/kb/294714
Не отображается прозрачность в файлах PNG в Internet Explorer
Аннотация
При обзоре веб-страницы, содержащей изображение с прозрачным фоном формата Portable Network Graphics (PNG), фон изображения скорее будет отображаться серым, а не прозрачным.
Дополнительная информация
Веб-разработчики, работающие с файлами формата PNG, могут использовать фильтр AlphaImageLoader, как показано в следующем примере:
<html>
<head></head>
<body bgColor="blue">
<!-- This DIV is the target container for the image. -->
<DIV ID="oDiv" STYLE="position:absolute; left:140px; height:400; width:400;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='image.png', sizingMethod='scale');" >
</DIV>
</body>
</html>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
sc2r2bey
sc2r2bey
сообщение 9.9.2010, 21:16; Ответить: sc2r2bey
Сообщение #4


дружище ищем на нашем же форуме :)
http://www.masterwebs.ru/topic/6761-prozrachnost-v-png/


--------------------
Заметки о разработке и не только
программирую web и для we
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ZiTosS
ZiTosS
сообщение 9.9.2010, 23:14; Ответить: ZiTosS
Сообщение #5


Matt, не понимаю, что не даёт тебе сделать картинки фоном блоков :)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Matt
Matt
Topic Starter сообщение 10.9.2010, 16:05; Ответить: Matt
Сообщение #6


Думаю, всё понятно?

Эскизы прикрепленных изображений
Прикрепленное изображение
 


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ZiTosS
ZiTosS
сообщение 10.9.2010, 20:09; Ответить: ZiTosS
Сообщение #7


Matt, нет, не понятно. Почему нельзя сделать картинку с прозрачностью и создать отдельный блок с absolute с нужным смещением
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Matt
Matt
Topic Starter сообщение 10.9.2010, 20:38; Ответить: Matt
Сообщение #8


Я так и сделал


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ZiTosS
ZiTosS
сообщение 10.9.2010, 20:57; Ответить: ZiTosS
Сообщение #9


Matt, у тебя картинки не фоном в блоке, а как отдельный объект.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Matt
Matt
Topic Starter сообщение 10.9.2010, 23:24; Ответить: Matt
Сообщение #10


Теперь понял :) Так мне показалось проще (очень хотелось, чтобы картинка "сидела" именно на другом блоке).


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
3 страниц V   1 2 3 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) [ИЩУ] Человека для сбора картинок
4 rokot 3214 4.9.2018, 10:05
автор: Том77
Открытая тема (нет новых ответов) Ссылки с эро картинок хочется
2 RMak 4061 4.2.2018, 23:19
автор: Kriya
Открытая тема (нет новых ответов) Поиск картинок и описания
Фотошоп или powerpoint
1 scorper 1896 8.9.2017, 10:46
автор: scorper
Открытая тема (нет новых ответов) Работа по поиску картинок и ссылок
Работа для тех, кто онлайн, "между делом", мониторинг
0 nikolenko2008 1693 28.8.2016, 14:26
автор: nikolenko2008
Открытая тема (нет новых ответов) Требуется исполнитель для отрисовки: иконок и картинок.
0 Seo-optimist 2407 3.10.2015, 16:02
автор: Seo-optimist


 



RSS Текстовая версия Сейчас: 28.3.2024, 17:32
Дизайн