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



 

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

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

Открыть тему
Тема закрыта
> Накласці адзін малюнак на другі
VaukalaK
VaukalaK
Topic Starter сообщение 8.11.2009, 19:19; Ответить: VaukalaK
Сообщение #1


Зараз раблю адзін сайт для інтэрнэт крамы. Яны хочуць каб на
фатаздымках некаторых тавараў зьяўляўся малюнак .png з подпісам NEW. З пункту гледжання php праблема вырашана. але як зрабіць так каб .png знаходзіўся не з права ад асноўнага малюнка, а над ім?

ЗЫ: напісаў тут, бо думаю што гэта вырашаецца з CSS.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 8.11.2009, 19:29; Ответить: Webmaster_hb
Сообщение #2


для блока в котором две картинки
ставите position:relative
для обоих картинок position:absolute
и задайте их расположение относительно основного блока
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
locky-yotu
locky-yotu
сообщение 8.11.2009, 19:35; Ответить: locky-yotu
Сообщение #3


Вот так, например
<style>
.item {position:relative;}
.item .new {position:absolute;top:0;right:0;background:url('images/new.png') top right no-repeat;}
</style>
<div class="item">
<div class="new"></div>
<img src="images/sample.jpg" />
</div>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
VaukalaK
VaukalaK
Topic Starter сообщение 9.11.2009, 2:32; Ответить: VaukalaK
Сообщение #4


Паспрабаваў вось так:

<a href="<?=$href?>" title="<?=$news_titolo?>" target="_self" >
<div style="position:relative;">
<img src="upload/news_thumb/<?=$row_item['news_thumb']?>" alt="<?=$news_titolo?>" />
<div style="position:absolute; top:0; right:0; background:url('immagini/icona-new.png');"></div>
</div>
</a>


Але .png увогуле не зьяўляецца...
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 9.11.2009, 2:47; Ответить: Webmaster_hb
Сообщение #5


по приведенному коду трудно, что-то судить
лучше показывать то что на выходе получается
например, ссылку на эту страницу

а по существу, у вас не заданы размеры ширины ни для одного блока, а значит тот блок что накладывается занимает всю ширину экрана, и картинка накладывается где-то далеко справа

для сужения ширины relative блока до ширины картинки, поставьте там еще стиль float:left
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
VaukalaK
VaukalaK
Topic Starter сообщение 10.11.2009, 1:33; Ответить: VaukalaK
Сообщение #6


шчыра кажучы не зразумеў чаму, але зараз усё працуе, дзякуй)

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
2 чел. читают эту тему (гостей: 2, скрытых пользователей: 0)
Пользователей: 0


 



RSS Текстовая версия Сейчас: 25.4.2024, 18:46
Дизайн