Здравствуйте. Я только освоил язык HTML и создал свою первую страничку с картинами. Возникла проблема: - вопрос №1025188

Здравствуйте.
Я только освоил язык HTML и создал свою первую страничку с картинами. Возникла проблема: три изображения в ряд, под ними подписи-ссылки, но подписи не хотят вставать под картинку (центрироваться). Не могу понять, что делаю не так. Пример кода:

<body bgcolor="#ffcc99"> <div align=«center»>
<h1> <b><i> Добро пожаловать в галерею моих работ </i></b></h1> </div>
<p align=«bottom»> <h2>
<img src=«G:\САЙТ1\Картины\Автопортрет (мал).jpg» height=«250; width=»200" vspace=«20» hspace=«20»> <a href=«Portraiture.html» target=window-1> Портреты </a> </img>
<img src=«G:\САЙТ1\Картины\Розы (мал).jpg» height=«250; width=»200" vspace=«20» hspace=«20»> <a href=«Still life1.html» target=window-1> Натюрморты </a> </img>
<img src=«G:\САЙТ1\Картины\Осень в лесу (мал).jpg» height=«250; width=»200" vspace=«20» hspace=«20»> <a href=«Landscape.html» target=window-1> Пейзажи </a></img> </h2> </p>
</body>
</html>

Лучший ответ по мнению автора

Так просто не выровнять элементы. Надо использовать таблицы например, если вы хотите чтобы подписи были по середине картинки. Или верстку с использованием div

Вот пример с таблицами

 

 

 

<body bgcolor="#ffcc99"> <div align=«center»>
<h1> <b><i> Добро пожаловать в галерею моих работ </i></b></h1> </div>
<p align=«bottom»> <h2>
<table>
<tr>
<td><img src=«1.png» height=«250; width=»200" vspace=«20» hspace=«20»></img> </td>
<td><img src=«G:\САЙТ1\Картины\Розы (мал).jpg» height=«250; width=»200" vspace=«20» hspace=«20»> </img> </td>
<td><img src=«G:\САЙТ1\Картины\Осень в лесу (мал).jpg» height=«250; width=»200" vspace=«20» hspace=«20»> </img> </td>
<tr>
<td align=«center»><a href=«Portraiture.html» target=window-1> Портреты </a> </td>
<td align=«center»><a href=«Still life1.html» target=window-1> Натюрморты </a></td>
<td align=«center»><a href=«Landscape.html» target=window-1> Пейзажи </a></td>
</table>
</h2>
</p>
</body>
</html>

 

Не забывайте благодарить экспертов, выбрав лучший ответ нажав звездочку.


 

14.04.14
Лучший ответ по мнению автора

Другие ответы

Через таблицу и <br> после картинки ставить.

пишите в чат если не разберетесь. 

14.04.14

Alexander

Читать ответы
Посмотреть всех экспертов из раздела Технологии > Создание сайтов
Пользуйтесь нашим приложением Доступно на Google Play Загрузите в App Store