Joulence
@Joulence
Раньше изучал веб, теперь python

Как закрепить картинку по правую сторону?

При вёрстке появилась проблема, что картинка
[URL=http://piccy.info/view3/13642478/c35a5f7f1efd39262...
не двигается вообще, только могу переместить по левую сторону
По сути должно быть так:
5e3dd52d02864616822040.jpeg

а на деле всё куда хуже:
https://jsfiddle.net/13te4jhx/
оставил только одну нужную картинку
только учусь вёрстке, естественно много чгое не знаю и дохера ошибок
  • Вопрос задан
  • 576 просмотров
Решения вопроса 1
lazuren
@lazuren
Добавил в css:
.intro_last {
  position: absolute;
  right: 0;  
}

Блок "intro_last" перенес в другое место:
<!-- Intro start -->
<div class="intro">
    <div class="container">
        <div class="intro_inner">
            <img class="intro_round" src="img/intro/riph.png" alt="Iphone">
            <div class="intro_p1">

                <div class="intro_start">
                    <img class="intro_earth" src="img/intro/earth.png" alt="earth">
                    <div class="intro_text1">
                        App of<br> the year
                    </div>
                </div>
                <h1 class="intro_textM">My apps shoecase</h1>
                <h2 class="intro_textS">Lorem Ipsum is simply dummy text .....</h2>
                <div class="intro_buy">
                    <i class="fas fa-shopping-cart"></i>
                    <a class="cartText" href="#">Buy now</a>
                </div>
            </div>
            <div class="intro_last">
                <a href="http://piccy.info/view3/13642478/c35a5f7f1efd3926282063b15e9247b5/" target="_blank"><img
                        src="http://i.piccy.info/i9/e9c54fb1611ee0eade25ff9f529ad149/1581110018/2988/1361251/slider.png"
                        alt="Piccy.info - Free Image Hosting" border="0"/></a><a
                    href="http://i.piccy.info/a3c/2020-02-07-21-13/i9-13642478/356x135-r" target="_blank"><img
                    src="http://i.piccy.info/a3/2020-02-07-21-13/i9-13642478/356x135-r/i.gif" alt="" border="0"/></a>
            </div>
        </div>
    </div>
</div>
<!-- Intro end -->
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы