Как подписать картинку

Вторник, 06 Июля 2010 г. 10:46 + в цитатник

Цитата сообщения Rost

Прочитать целиком В свой цитатник или сообщество!

Как подписать картинку?

Небольшое дополнение в

Сегодня будем учиться подписывать картинки. Понимаю, что проще сделать это прямо на самой картинки, но подозреваю, что не всем такой подход нравится и не всегда это возможно.

Сегодня научу, как делать вот такую конструкцию:

Кнопка «Самоучитель по ЛиРу»

Вы не поверите, но чтобы такое сделать, придётся научится ... рисовать рамки!
Да-да! Вы не ослышались.

Толщина рамки
Может определятся в пикселях (например: "2px") или в относительных значениях ("thin", "medium" или "thick").

Цвет рамки
Определяется как обычно в html: #123456", "rgb(123,123,123)" или просто "orange".

Типы рамок
А вот тут надо показывать.

dotted

dashed

solid

groove

ridge

inset

outset

Вот собственно и всё. Теперь надо сделать таблицу, внутрь её вставить картинку, а саму таблицу окружить рамкой.

Сложно? Тогда вот вам готовый код:

<table border="0" cellspacing="0" cellpadding="0" style="border: 1px solid black; width: 200px; margin: 3px 3px 3px 0; float:left;"><td style="padding: 3px 3px 3px 3px;"><img src="тут  адрес картинки" width="200" height="50" border="0" /></td><tr><td style="padding: 3px 3px 3px 3px; font-family: Verdana, Arial, sans-serif; font-size: 12px; text-align: center;">Тут подпись картинки</td></tr></table>

Хочу обратить ваше внимание на 2 момента:
1. Текст " style="border: 1px solid black;" описывает свойства вашей рамки.
Первый параметр ("1px") - это её толщина.
Второй параметр ("solid") - это её тип.
Третий параметр ("black") - её цвет.

2. Размер картинки (width="200") должен совпадать с размером рамки ("width: 200px"). Ну, или по крайней мере быть не меньше.

Кстати, в рамки можно вставлять не только картинки.
Например:

Чайф и Николай Фоменко - «Прощай детка, детка прощай»

Update
Как сделать такой плеер?

LI 5.09.15

Рубрики:

ВСЕ ДЛЯ ЛИРУ