позиционирование изображения на странице HTML - PullRequest
Новая
       8

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

0 голосов
/ 16 сентября 2018

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

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

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

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

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

Ответы [ 2 ]

0 голосов
/ 16 сентября 2018

Размещение элементов на странице намного проще с 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.

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

0 голосов
/ 16 сентября 2018 
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>
...