Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.85/13: Рейтинг темы: голосов - 13, средняя оценка - 4.85
5 / 5 / 5
Регистрация: 03.01.2015
Сообщений: 115

Не могу поставить подпись под изображением и над изображением, и как изображение разместить в центре страницы

04.01.2015, 00:54. Показов 2601. Ответов 7
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Вот сам код и скриншот что нужно сделать
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
<!DOCTYPE HTML PUBLIC "-/W3C//DTD HTML 4.01 Transitional//EN"
         "http://www.w3.org/TR/html4/loose.dtd">
 
<html>
<head> <title> Выполнение практического задания № 1 по HTML </title>
<meta http-equiv="Content-Type" content="text/html"; charset=windows-1251"> 
</head>
 
<body>
<p> <img src="town.JPG" width="300" height="200" align="top"> Дарья Сагалова </p>
</body>
 
</html>
Вообщем у меня получается разместить изображение по центру только если в параметрах к абзацу я ставлю расположение по центру <p align="center"> **</p>. Можно ли это в теге <img> сделать, ведь там только right и left? И как всё таки подписать изображение сверху и снизу, поправьте меня.
Миниатюры
Не могу поставить подпись под изображением и над изображением, и как изображение разместить в центре страницы  
0
Лучшие ответы (1)
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
04.01.2015, 00:54
Ответы с готовыми решениями:

Изображение под изображением с текстом
Нужна помощь: Нужно сделать так: , но если делать просто через &lt;br&gt;, то при изменении окна будет следующее: . У меня...

Изображение под изображением css
Как сделать как на скриншоте

Разместить анимацию в центре страницы, под рисунком
&lt;marquee behavior=&quot;alternate&quot; scrollamount=&quot;10&quot; style=&quot;color: #FF69B4; font-size: 100px; font-weight: bolder; line-height: 200%;...

7
1 / 1 / 2
Регистрация: 02.01.2015
Сообщений: 18
04.01.2015, 01:22
Цитата Сообщение от hoob777 Посмотреть сообщение
Вообщем у меня получается разместить изображение по центру только если в параметрах к абзацу я ставлю расположение по центру <p align="center"> **</p>. Можно ли это в теге <img> сделать, ведь там только right и left? И как всё таки подписать изображение сверху и снизу, поправьте меня.
Зачем использовать <p>?
Проще нарисовать табличку без границ (border="0"), растянуть ее на всю ширину и разбить на 3 ячейки (в ячейках выставить выравнивание по середине) в 3 строки.
Во 2 ячейки первой строки написать один текст
Во 2 ячейке второй строки поместить <img src="town.JPG" width="300" height="200" align="top"> Дарья Сагалова
Во 2 ячейке третьей строки опять вписать текст
...
Удачи
0
529 / 432 / 159
Регистрация: 25.11.2014
Сообщений: 1,662
04.01.2015, 02:13
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<html>
<head> <title> Выполнение практического задания № 1 по HTML </title>
<meta http-equiv="Content-Type" content="text/html"; charset=windows-1251"> 
 
    <style>
    body
    {
        width:100%;
        text-align: center;
    }
 
    #container
    {
        width:300px;
        height:300px;
        margin-left: auto;
        margin-right: auto;
    }
    </style>
</head>
 
<body>
    <div id="container">
    top text
        <img src="gummy_bears.jpg" width="300" height="200" style="clear:both;"> 
    bottom text
    </div>
</body>
  
</html>
1
 Аватар для vovandr
636 / 523 / 195
Регистрация: 19.08.2013
Сообщений: 1,400
04.01.2015, 02:39
Цитата Сообщение от WarDoctor Посмотреть сообщение
Проще нарисовать табличку без границ (border="0"), растянуть ее на всю ширину и разбить на 3 ячейки (в ячейках выставить выравнивание по середине) в 3 строки.
Ну что за бред? кто вас этому научил? Евгений Повов?
0
5 / 5 / 5
Регистрация: 03.01.2015
Сообщений: 115
04.01.2015, 02:56  [ТС]
Velesthau Спасибо)
Я только приступил к изучению и в разделе head не всё понял ещё, что у вас в примере. В принципе для размещения изображения по центру можно проще, например в абзаце" <p align="center"> *** </p> или же ещё проще через тег <center> *** </center> и просто вставить картинку. Но вот проблемы с размещением над и под картинкой остаются у меня, вот код:
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
<!DOCTYPE HTML PUBLIC "-/W3C//DTD HTML 4.01 Transitional//EN"
         "http://www.w3.org/TR/html4/loose.dtd">
 
<html>
<head> <title> Выполнение практического задания № 1 по HTML </title>
<meta http-equiv="Content-Type" content="text/html"; charset=windows-1251"> 
</head>
 
<body>
<center> <img src="town.JPG" width="600" height="400" align="bottom"> Дарья Сагалова </center>
</body>
 
</html>
Текст всё равно отображается справа или слева на уровне картинки вверху или внизу, то есть соответственно top/bottom. Никак не получается разместить его над или под картинкой
0
529 / 432 / 159
Регистрация: 25.11.2014
Сообщений: 1,662
04.01.2015, 03:10
Лучший ответ Сообщение было отмечено hoob777 как решение

Решение

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<html>
<head> <title> Выполнение практического задания № 1 по HTML </title>
<meta http-equiv="Content-Type" content="text/html"; charset=windows-1251"> 
</head>
 
<body>
    <center> 
        top text<br/>
        <img src="gummy_bears.jpg" width="300" height="200">
        <br/>
        bottom text
    </center>
</body>
 
</html>
1
5 / 5 / 5
Регистрация: 03.01.2015
Сообщений: 115
04.01.2015, 03:18  [ТС]
Точно блин, можно вообще без параметра align просто поставить <br> (перенос строки) и писать текст, тег же <center> стоит. Да тяжеловато идёт изучение ))
0
1 / 1 / 2
Регистрация: 02.01.2015
Сообщений: 18
05.01.2015, 04:15
Цитата Сообщение от vovandr Посмотреть сообщение
Ну что за бред? кто вас этому научил? Евгений Повов?
каков вопрос таков ответ. а на счет "бреда" дайте человеку рекомендации лучше моих и бреда в мире станет меньше)))
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
05.01.2015, 04:15
Помогаю со студенческими работами здесь

Как вставить код над 1-м изображением в посту
Кто-нибудь может подсказать, как вставить php-код над самым 1-м изображением в посту. Код примерно такой: &lt;?php if ($is_hd) { ?&gt;...

Slick - кнопка "предыдущее изображение" скрывается под изображением
Так оно и выглядит - кнопка &quot;назад&quot; скрывается под изображением, с кнопкой &quot;вперед&quot; - все ок. В чем может быть косяк? Никакие свойства...

Как сделать div под изображением
В общем, суть проблемы... Черная фигня на рисунке - блок. Как сделать что бы он автоматически выравнивался под картинку? Понимаю, что...


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

Или воспользуйтесь поиском по форуму:
8
Ответ Создать тему
Новые блоги и статьи
Новый ноутбук
volvo 07.12.2025
Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro
Музыка, написанная Искусственным Интеллектом
volvo 04.12.2025
Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .
От async/await к виртуальным потокам в Python
IndentationError 23.11.2025
Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .
Поиск "дружественных имён" СОМ портов
Argus19 22.11.2025
Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .
Сколько Государство потратило денег на меня, обеспечивая инсулином.
Programma_Boinc 20.11.2025
Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .
Ломающие изменения в C#.NStar Alpha
Etyuhibosecyu 20.11.2025
Уже можно не только тестировать, но и пользоваться C#. NStar - писать оконные приложения, содержащие надписи, кнопки, текстовые поля и даже изображения, например, моя игра "Три в ряд" написана на этом. . .
Мысли в слух
kumehtar 18.11.2025
Кстати, совсем недавно имел разговор на тему медитаций с людьми. И обнаружил, что они вообще не понимают что такое медитация и зачем она нужна. Самые базовые вещи. Для них это - когда просто люди. . .
Создание Single Page Application на фреймах
krapotkin 16.11.2025
Статья исключительно для начинающих. Подходы оригинальностью не блещут. В век Веб все очень привыкли к дизайну Single-Page-Application . Быстренько разберем подход "на фреймах". Мы делаем одну. . .
Фото: Daniel Greenwood
kumehtar 13.11.2025
Расскажи мне о Мире, бродяга
kumehtar 12.11.2025
— Расскажи мне о Мире, бродяга, Ты же видел моря и метели. Как сменялись короны и стяги, Как эпохи стрелою летели. - Этот мир — это крылья и горы, Снег и пламя, любовь и тревоги, И бескрайние. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2025, CyberForum.ru