25 апреля 2007 в 3:24
Возник такой вопрос - как сделать подпись под фото, размещённым в статье? Всякие там копирайты, пояснения и так далее. Мыслей пока вообще никаких как это сделать 
Люди, подскажите, пожалуйста! 
Комментарии
Может я не совсем точно сформулировал. Уточню. Статья. В ней есть фото (1,2,3 - не важно). Под каждым фото мелким шрифтом надо указать копирайт. Как можно это сделать? Попробовал вставить таблицу - получилось страшно
Можно свой копирайт добавлять прямо на изображение модулем http://drupal.org/project/watermark
Спасибо, это тоже пригодится. Но тут другая задача. Вот, к примеру, статья о Таганской площади http://tagankainfo.ru/taganskaya_ploschad
Картинка найдена человеком в фондах ЦАНТД (расшифровку не помню
) Естественно мне надо указать откуда эта картинка. Сейчас пришлось просто в конце статьи написать, но это неправильно. Нужно под самой картинкой.
можно средствами css классы before и after но в msie они не будут видны
Если картинка вставляется как node, так там есть поле описание картинки. А если вставляется код < img ... />, то его, наверное, можно обрамить тегами div (или span), внутри которых добавить текст. Как-то так, пусть "дезигнеры" меня поправят, "программера" неразумного.
то ли руки кривые, то ли ещё что, но ни div, ни span не помог. В css не лез и, если честно, постараюсь не залезать при наличии хоть одного альтернативного варианта.
Кстати, при !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" у тебя на ресурсе нужно:
< img .... / > < br />
Велосипедисты
(сорри для обидчивых).
А в чем сложность с css? Обычный Плавающий блок. Посмотри на любом новостном ресурсе, например rbk.ru:
==============================
< div align=center style="float:left; padding: 0 0 5px 0; width:200px; margin: 0 10px 10px 3px">
< img src="http://pics.rbc.ru/img/top/2006/09/22/margelov250_200x160.jpg" width=200 border=0 ALT="М.Маргелов о выводе войск США из Ирака">< /a>< br />
< img src="http://pics.rbc.ru/img/skin/rbcfp/bullet.gif" width=5 height=5 style="position:relative; top:-2px; margin-right:4px">
М.Маргелов о выводе войск США из Ирака< /a>< /div>
==============================
или в yandex.ru при любом поиске картинка справа по теме...
з.ы. по ссылке ниже полно примеров готовых разметок и раскладок на все случаи жизни
Пиши стучи в личку помогу.
С CSS проще, но вот без CSS... и таблиц...
Могу предложить только картинку вставить в форму и текст никуда не убежит, для изменения текста подписи картинки тег FONT, а вот обтекание формы текстом...
Можно сделать такое посреди текста, с обтеканием формы? Или когда CSS не было только таблицами делали, fieldset не подойдет (а может даже и input или ноу-хау какое)?
2PVasili или спецам CSS, дико извеняюсь, но... не трудно код css в студию, чтобы текст под картинкой, другого размера и выравнивание подписи по центру под картинкой. Картинка где угодно в тексте, подпись не убегает, основной текст ее обтекает?
2RISK с чем проблемы?
1) делаешь класс в CSS:
.to-right {float: right;(или left)}
2) html пишем примерно так:
< p>
LORUM IPSUM dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea
< div class="to-right">< a href="..." title="...">< img src="..." width="..." height="..." alt="..." title="..."/>< br />< span>Моя подпись< /span>< /a>< /div>
commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
< /p>
Если нужны особые изыски в классе CSS добавляем text-align: center; (чтобы текст подписи был по центру) ну и font: 11px Georgia, "Times New Roman"; или как там по вкусу для своего шрифта.
У меня это вызывало трудности. PVasili, спасибо
2RISK да не за что, обращайтесь, всегда постараемся помочь :).
Кстати по вёрстке, по ссылке ниже есть очень много примеров и хороших подборок с разными стандартными случаями разметки...
Можно вообще фото сделать отдельным типом материала. А в статье добавлять их к примеру с помощью node reference.