Позиционирование изображения на HTML-странице

Всего нуб к HTML, так что это, наверное, действительно простое решение.

Я пытаюсь разместить изображение GIF в центре и нижней части веб-страницы. Конечно, этого не происходит.

<img src="http://bglradio.net/sam/Web-Images/dancing-girl-6.gif" alt="Dancing Girl" width="160" height="250">

Что (если что-нибудь) мне нужно добавить к этой строке, чтобы разместить изображение где-нибудь вдоль его линии?

Заранее спасибо Стив

Источник

2 ответа

Решение

Размещение элементов на странице намного проще с помощью CSS. Если вы еще не знакомы с CSS или хотя бы знакомы с ним, я настоятельно рекомендую вам выйти и найти несколько из множества руководств.

Насколько я знаю, делая это:

<img src="http://bglradio.net/sam/Web-Images/dancing-girl-6.gif" alt="Dancing Girl" width="160" height="250" style="left: 50%; position: fixed; bottom: 0px; margin-left: -80px">

следует идеально отцентрировать изображение и закрепить его на нижней части страницы. Это немного CSS, если вы новичок, и поэтому я еще раз говорю, убедитесь, что вы начали изучать CSS.

Надеюсь это поможет.

Источник 
add class to the image to call it through some css like here 

<!DOCTYPE html>
<html>
<head>
<style>

.dancing {
position: absolute;
right: 0px;
bottom: 0px;

}
</style>
</head>
<body><img class="dancing" src="http://bglradio.net/sam/Web-Images/dancing-girl-6.gif" alt="Dancing Girl" width="160" height="250" align="bottom"  >

</body>

</html>
Источник
Другие вопросы по тегам