С Новым годом! Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.76/29: Рейтинг темы: голосов - 29, средняя оценка - 4.76
0 / 0 / 0
Регистрация: 13.04.2012
Сообщений: 78

Подпись под картинкой

27.06.2015, 12:36. Показов 5546. Ответов 4
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Здравствуйте.
Начал оформлять свои заметки на сайте на платформе ucoz и столкнулся с проблемой, что мне нужно сделать подпись к фотографии, а весь текст (несмотря на теги. которые я пишу - перепробовал вагон вариантов и всё не то) всё равно оказывается справа от них, в общей куче.
Подскажите, пожалуйста, что нужно написать, чтобы текст был строго под определённой картинкой
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
27.06.2015, 12:36
Ответы с готовыми решениями:

Вставка картинки и подпись под картинкой
помоги пожалуйста с элементарщиной вот задание 3 поместите в тело документа image изображение 4 утановите след параметры для рисунка ...

Текст под картинкой
Всем привет!! Ходил по поиску но к сожалению не нашел решения. Мне нужно чтоб под картинкой по средине был текст.Но фишка в том что я...

Текст под картинкой
Возникла такая проблема. Мне дали набор html страничек (вообщем сайт). И сказали чтобы я выложил его на каком-нибудь хостинге. С выбором...

4
Эксперт HTML/CSS
 Аватар для Shakalaka
653 / 556 / 322
Регистрация: 27.01.2015
Сообщений: 1,374
27.06.2015, 12:47
Пример
HTML5
1
2
3
4
5
6
7
8
<figure>
    <img src="pic.jpg" >
    <figcaption>cat</figcaption>
</figure>
    <figure>
    <img src="pic.jpg" >
    <figcaption>cat</figcaption>
</figure>
CSS
1
2
3
4
5
6
figure{
    display:inline-block;
}
figcaption{
    text-align:center;
}
0
0 / 0 / 0
Регистрация: 13.04.2012
Сообщений: 78
27.06.2015, 13:30  [ТС]
Делаю по аналогии, и не работает:
HTML5
1
2
3
4
5
6
<figure>
$IMAGE2$
<figcaption><span style="font-size:11px;"><span style="font-family:arial,helvetica,sans-serif;">Автор: А.<br />
Модель: 86К.<br />
Источник: photo</span></span></figcaption>
</figure>
0
Эксперт HTML/CSS
 Аватар для Shakalaka
653 / 556 / 322
Регистрация: 27.01.2015
Сообщений: 1,374
27.06.2015, 13:37
Так значит css стили где-то прописаны. Тут телепатов нет. Вот пример
HTML5
1
2
<div class='img'><img src='https://yt3.ggpht.com/-V92UP8yaNyQ/AAAAAAAAAAI/AAAAAAAAAAA/zOYDMx8Qk3c/s100-c-k-no/photo.jpg'><span class='img-caption'>text<br>text</span></div>
    <div class='img'><img src='https://yt3.ggpht.com/-V92UP8yaNyQ/AAAAAAAAAAI/AAAAAAAAAAA/zOYDMx8Qk3c/s100-c-k-no/photo.jpg'><span class='img-caption'>text<br>text</span></div>
CSS
1
2
3
4
5
6
7
8
9
10
11
.img-caption{
    display:block;
    text-align:center;
}
.img{
    display:inline-block;
}
.img img{
    float:none;
    display:block;
}
0
0 / 0 / 0
Регистрация: 13.04.2012
Сообщений: 78
27.06.2015, 13:43  [ТС]
И что делать?
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
27.06.2015, 13:43
Помогаю со студенческими работами здесь

Текст под картинкой
Сайт - anichan.moy.su/load/anime_serialy/dnevnik_budushhego_mirai_nikki/2-1-0-2 Как сделать так, чтобы текст справа, сразу после...

Убрать отступ под картинкой
Добрый вечер, коллеги. Не могу разобраться с проблемой: на сайте есть баннера - div -&gt; ссылка -&gt; картинка. У дива есть бордер 1...

Меню выводится под картинкой
Возникла проблема меню выводится не так как бы хотелось, то есть плохо так как показано на скрине (добавлен ниже), а хотелось чтобы когда я...

Ссылка под картинкой, а не справа
Всем hello!!! Подключил фото в *.html сделал ссылку и она расположена с проавой стороны фото, как сделать чтобы она была расположена под...

Слой after отображается под картинкой в IE 8.0
&lt;!DOCTYPE &gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;Тест&lt;/title&gt; &lt;style type='text/css'&gt; .content-product-img {text-align:center;...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Новые блоги и статьи
Модель микоризы: классовый агентный подход 3
anaschu 06.01.2026
aa0a7f55b50dd51c5ec569d2d10c54f6/ O1rJuneU_ls https:/ / vkvideo. ru/ video-115721503_456239114
Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR
ФедосеевПавел 06.01.2026
Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ВВЕДЕНИЕ Введу сокращения: аналоговый ПИД — ПИД регулятор с управляющим выходом в виде числа в диапазоне от 0% до. . .
Модель микоризы: классовый агентный подход 2
anaschu 06.01.2026
репозиторий https:/ / github. com/ shumilovas/ fungi ветка по-частям. коммит Create переделка под биомассу. txt вход sc, но sm считается внутри мицелия. кстати, обьем тоже должен там считаться. . . .
Расчёт токов в цепи постоянного тока
igorrr37 05.01.2026
/ * Дана цепь постоянного тока с сопротивлениями и напряжениями. Надо найти токи в ветвях. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа и решает её. Последовательность действий:. . .
Новый CodeBlocs. Версия 25.03
palva 04.01.2026
Оказывается, недавно вышла новая версия CodeBlocks за номером 25. 03. Когда-то давно я возился с только что вышедшей тогда версией 20. 03. С тех пор я давно снёс всё с компьютера и забыл. Теперь. . .
Модель микоризы: классовый агентный подход
anaschu 02.01.2026
Раньше это было два гриба и бактерия. Теперь три гриба, растение. И на уровне агентов добавится между грибами или бактериями взаимодействий. До того я пробовал подход через многомерные массивы,. . .
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост.
Programma_Boinc 28.12.2025
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / **********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / **********/ gallery/ bKBkQFf Пост отсюда. . .
Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США.
Programma_Boinc 26.12.2025
Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru