Наложения статуса new на кортинку

Тема в разделе "Другие языки", создана пользователем ReliZ, 18 янв 2012.

Модераторы: Цукер
  1. ReliZ

    ReliZ Постоялец

    Регистр.:
    3 сен 2011
    Сообщения:
    52
    Симпатии:
    1
    Такой вопрос, есть допустим у меня картинки на сайте вида <img srs=images"/>
    Что нужно прописать в css, чтобы на неё накладывалась моя картинка (со статусом new) Как это реализовать?
     
  2. prof.seo

    prof.seo Постоялец

    Регистр.:
    25 мар 2009
    Сообщения:
    60
    Симпатии:
    20
    а обязательно CSS, GDLIB не подойдет?
     
  3. admLoki

    admLoki генератор случайного PHP

    Регистр.:
    14 сен 2006
    Сообщения:
    481
    Симпатии:
    93
    Как вариант - обернуть картинку в <div> с position: relative, а в <div> добавить <img> картинки-статуса с абсолютным позиционированием и отпозиционировать.
     
  4. TpaM

    TpaM Писатель

    Регистр.:
    10 авг 2011
    Сообщения:
    7
    Симпатии:
    0
    По подробнее напишите, т.к не понятно что нужно сделать...
     
  5. uNknownMark

    uNknownMark

    Регистр.:
    22 сен 2007
    Сообщения:
    393
    Симпатии:
    169
    Как то так:
    HTML:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru-ru" lang="ru-ru" >
    <head>
     
        <style type="text/css">
            *{margin:0;padding:0;}
            .img{position:relative;float:left;}
            .img_new{position:absolute;top:0;right:0;background:red;padding:5px;}
        </style>
     
    </head>
    <body>
     
        <div class="img">
            <img src="http://joomlaportal.ru/templates/jp/images/logo.gif" alt="" />
            <img src="http://joomlaportal.ru/images/M_images/readon.gif" alt="" class="img_new" />
        </div>
        <div class="img">
            <img src="http://joomlaportal.ru/templates/jp/images/logo.gif" alt="" />
            <img src="http://joomlaportal.ru/images/M_images/readon.gif" alt="" class="img_new" />
        </div>
        <div class="img">
            <img src="http://joomlaportal.ru/templates/jp/images/logo.gif" alt="" />
            <img src="http://joomlaportal.ru/images/M_images/readon.gif" alt="" class="img_new" />
        </div>
     
    </body>
    </html>
    взято тут
    а вообще Google рулит