Яндекс.Метрика

Рассылка обновлений по электронной почте

четверг, 7 апреля 2011 г.

Надпись на картинке в html

Как сделать так, чтобы надпись была поверх картинки, да еще с нужными отступами — хрен найдешь!


Итак, вот как это сделать. В css запишите:


.tdcontent{
  position:absolute;
  margin-left: 25%;
  margin-right: 20%;
  margin-top: 20%;
  z-index: 5;
}


Где z-index — это номер слоя, чем больше номер, тем он выше лежит. А марджины — это  отступы соответственно.
А в html, где хотите вставить картинку, запишите:


<table border ="0"  cellspacing="0" cellpadding="0" >
    <tr>
        <td>
            <div  style="position:relative;">
                <div class=tdcontent>
                    Надпись.
                </div>
                <img src="../picture.png">
            </div>
        </td>
    </tr>
</table>

2 комментария:

  1. Блін народ! там чорним по білому написано в HTML а не в CSS!!!!!

    ОтветитьУдалить
  2. http://dilers-bk.ru/ Вот здесь посмотри

    ОтветитьУдалить