Комментарии: 5 способов как оформить изображение

Автор: Denis

Denis — Fri, 21 Aug 2009 20:47:46 +0000

Во давно искал, терь у меня на блогах будут красивые изображение, сенкс!

Автор: Vladimir

Vladimir — Sat, 21 Feb 2009 00:49:04 +0000

За последний пример отдельное спасибо!

Автор: Олег

Олег — Mon, 15 Dec 2008 13:52:35 +0000

Спасибо за варианты! Мне это очень помогло!

Автор: Автор

Автор — Tue, 09 Dec 2008 19:49:48 +0000

Редактируйте прямо в коде страницы, а то что относится к стилям обрамляйте тегом

Автор: SelenIT

SelenIT — Tue, 09 Dec 2008 12:05:46 +0000

Спасибо за познавательные и красивые примеры!Правда, я уж было размечтался увидеть последний пример примерно таким… :)
<style type="text/css">
img {
display: block;
position: relative;
}
img:after {
content: attr(longdesc);
background: #111;
opacity:0.55;
color: #fff;
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 10px;
border-top: 1px solid #999;
}
</style>
<img src="http://www.sohtanaka.com/web-design/examples/drop-shadow/sample.jpg" alt="" longdesc="Salone del mobile Milano, April 2008 – Peeta">
Но получилось это лишь в Опере 9+. И, похоже, она в этом даже слегка погорячилась (по стандарту у элемента IMG нет контента, а стало быть, некуда ставить и :after)…