Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / ASP.NET [игнор отключен] [закрыт для гостей] / CSS одна картинка на другой / 8 сообщений из 8, страница 1 из 1
05.09.2006, 12:12
    #33964686
Max951
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
CSS одна картинка на другой
Привет.
Есть две картинки, большая и маленькая:
<img ....>
<img ....>
в хтмл тэги идут друг за другом, мне нужно, чтобы вторая картинка показывалась в в правом нижнем углу первой
2-я картинка имеет примерно такой стиль
img.systemInfo
{
border-width: 0px;
margin-left: 48px;
margin-top: -45px;
}

в IE всё хорошо, в Опере чуть похуже, а в Мозиле стили такие игнорируются.
Вопрос как нарисовать одинаково во всех броузерах?

Спасибо.
Но и тогда,
Когда во всей планете
Пройдет вражда племен,
Исчезнет ложь и грусть, -
Я буду воспевать
Всем существом в поэте
Шестую часть земли
С названьем кратким Русь.
С. Есенин
...
Рейтинг: 0 / 0
05.09.2006, 18:58
    #33966377
Dima_XY3
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
CSS одна картинка на другой
 а если одну картинку засунуть в background div'а ?

тогда будет

<div>
  <img />
</div>

а там уже картинку внутри блока спозиционируешь
- - - - -
the truth is out there
...
Рейтинг: 0 / 0
05.09.2006, 21:37
    #33966576
Max951
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
CSS одна картинка на другой
а если одну картинку засунуть в background div'а ?

тогда будет

<div>
<img />
</div>

а там уже картинку внутри блока спозиционируешь

тоже об этом думал, но основная картинка, большая должна быть ссылкой, а если её в див засунуть ниче не выйдет
Но и тогда,
Когда во всей планете
Пройдет вражда племен,
Исчезнет ложь и грусть, -
Я буду воспевать
Всем существом в поэте
Шестую часть земли
С названьем кратким Русь.
С. Есенин
...
Рейтинг: 0 / 0
05.09.2006, 23:09
    #33966648
voodoos
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
CSS одна картинка на другой
а если одну картинку засунуть в background div'а ?

тогда будет

<div>
<img />
</div>

а там уже картинку внутри блока спозиционируешь

тоже об этом думал, но основная картинка, большая должна быть ссылкой, а если её в див засунуть ниче не выйдет

Если высота и ширина картинок известна, то почему бы не сделать вообще тег <A> с бекграундом, с display = block, с шириной и высотой картинки, и ток картинкой, которая должна быть внизу, внутри, после чего у внутреней картинки установить соответствующий margin-top?

Вот пример
Колекціонерові метеликів здається, що усі по вулиці із сачками ходять.
...
Рейтинг: 0 / 0
05.09.2006, 23:25
    #33966665
Max951
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
CSS одна картинка на другой
Спасибо!
Но и тогда,
Когда во всей планете
Пройдет вражда племен,
Исчезнет ложь и грусть, -
Я буду воспевать
Всем существом в поэте
Шестую часть земли
С названьем кратким Русь.
С. Есенин
...
Рейтинг: 0 / 0
06.09.2006, 09:30
    #33966937
Max951
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
CSS одна картинка на другой
Короче всё хорошо на твоём примере, но бэграунд мне нужно ложить динамически:

hypSysImage.Attributes["style"] = string.Format("background: transparent url({0}) no-repeat;", "урл");

IE отображает нормально а вот Мозила и Опера такой бэграунд напрочь игнорируют!
Но и тогда,
Когда во всей планете
Пройдет вражда племен,
Исчезнет ложь и грусть, -
Я буду воспевать
Всем существом в поэте
Шестую часть земли
С названьем кратким Русь.
С. Есенин
...
Рейтинг: 0 / 0
08.09.2006, 17:00
    #33974896
voodoos
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
CSS одна картинка на другой
Короче всё хорошо на твоём примере, но бэграунд мне нужно ложить динамически:

hypSysImage.Attributes["style"] = string.Format("background: transparent url({0}) no-repeat;", "урл");

IE отображает нормально а вот Мозила и Опера такой бэграунд напрочь игнорируют!

Вообще стиль лучше добавлять так:


hypSysImage.Style.Add(HtmlTextWriterStyle.BackgroundImage, "images/kepich.jpg");


А бекграунд у тебя не прорисовывается в Мозиле наверное потому, что ты урл картинки указываешь относительно CSS файла с лишним "../", а ведь теперь стиль прописан на странице, и нужно относительный путь указывать относительно страницы, а не CSS файла, как если бы это прописывалось в нём. IE выруливает лишние уровни вверх, а Мозила нет, от того и не отображается у тебя он в Мозилле.
Колекціонерові метеликів здається, що усі по вулиці із сачками ходять.
...
Рейтинг: 0 / 0
10.09.2006, 21:55
    #33976771
Max951
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
CSS одна картинка на другой
Короче всё хорошо на твоём примере, но бэграунд мне нужно ложить динамически:

hypSysImage.Attributes["style"] = string.Format("background: transparent url({0}) no-repeat;", "урл");

IE отображает нормально а вот Мозила и Опера такой бэграунд напрочь игнорируют!

Вообще стиль лучше добавлять так:


hypSysImage.Style.Add(HtmlTextWriterStyle.BackgroundImage, "images/kepich.jpg");


А бекграунд у тебя не прорисовывается в Мозиле наверное потому, что ты урл картинки указываешь относительно CSS файла с лишним "../", а ведь теперь стиль прописан на странице, и нужно относительный путь указывать относительно страницы, а не CSS файла, как если бы это прописывалось в нём. IE выруливает лишние уровни вверх, а Мозила нет, от того и не отображается у тебя он в Мозилле.

1. ммм, тот код, который я привёл в последнем топике оказывается работает, наверное что то у меня там закешировалось

2. Пути я всегда указываю от корня, т.е "/"
3. Есть ещё одна проблема, на некоторых страницах картинку, которая лежит в бэграунде нужно показывать в уменьшенных размерах, при этом что уменьшенного варианта её нету. Но картинка в бэграунде никак не хочет сжиматся


Но и тогда,
Когда во всей планете
Пройдет вражда племен,
Исчезнет ложь и грусть, -
Я буду воспевать
Всем существом в поэте
Шестую часть земли
С названьем кратким Русь.
С. Есенин
...
Рейтинг: 0 / 0
Форумы / ASP.NET [игнор отключен] [закрыт для гостей] / CSS одна картинка на другой / 8 сообщений из 8, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]