Здравствуйте ! Решила потренироваться и сделать себе красивую страницу. Идея у меня очень простая: 1. в папке на сайте есть два файла с картинками 2. хочу выводить рамочку в которой отображается картинка по центру экрана и внизу под картинкой пишется надпись. 3. все должно быть красиво, стильно и радовать глаз Вот что у меня получилось: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style> img { border-radius: 5px; } .fig { display: block; /* Блочный элемент (для старых браузеров) */ text-align: center; /* Выравнивание по центру */ font-style: italic; /* Курсивное начертание */ margin-top: 0; /* Отступ сверху */ margin-bottom: 5px; /* Отступ снизу */ color: #FFFFFF; /* Цвет подрисуночной подписи */ } div { background: #2e2e2e; /* Цвет фона */ color: #fff; /* Цвет текста */ padding: 5px; /* Поля вокруг текста */ border-radius: 5px; /* Уголки */ } </style> <!--[if lt IE 9]> <script> document.createElement('figure'); document.createElement('figcaption'); </script> <![endif]--> </head> <body bgcolor="#080c0e" text="#FFFFFF"><div> <figure class="fig"> <img src="image/foto1.jpg" width=50% height=50% alt=""> <figcaption> Просто подпись к первой картинке. Может быть еще и описание данной картинки и как я ее снимала. </figcaption> </figure> </div> </body></html>Почему мне это не нравится: 1. Подложка под картинкой и текстом вытягивается почти на весь экран 2. Нет масштабирование картинки: картинка бывает горизонтальная и вертикальная, а тут получается что картинка сжимается по горизонтали 3. Текст внизу пишется как-то не красиво Может кто-то знает как сделать такое или хотя бы помочь и указать на мои ошибки в коде?
