• 09-06-2022, 11:26:09
    #1
    merhaba fotoğrafta gözüktüğü gibi bir sorun var resimler ile button aynı satırda fakat resmin boyutu fazla olduğundan sanki aynı satırda değilmiş gibi gözüküyor widtch calc ile aynı satıra aldım fakat yüksekliğini ayarlayamadım margin falanda yemiyor buttonu yukarı kaldırmak için ne yapmalıyım
  • 09-06-2022, 11:29:03
    #2
    İki div olduğunu farz ediyorum. Soldakine float:left; sağdaki dive float:right; tanımlayarak çözebilirsiniz. Ya da her ikisine display:inline-block;
  • 09-06-2022, 11:31:05
    #3
    misal adlı üyeden alıntı: mesajı görüntüle
    İki div olduğunu farz ediyorum. Soldakine float:left; sağdaki dive float:right; tanımlayarak çözebilirsiniz. Ya da her ikisine display:inline-block;
    display inline-block ekledim zaten eklemesem aynı satıra alamazdım
    kodları aşyağıda ilettim
    <header class="main-header">
    <div class="header-div display-inline">
    <img src="img/Logos%20(4).png" alt="">
    </div>
    <nav class="display-inline main-nav">
    <a class="btn button-red boyut" href="#">Su Kuyusu Bağışla <i class="fa-regular fa-heart"></i></a>
    </nav>
    
    </header>
    * {
    margin: 0;
    }
    .main-header {
    background: #CF1D25;
        padding: 50px;
    }
    .header-div {
    width: calc(60% - 100px);
    }
    .display-inline {
    display: inline-block;
    }
    .main-nav {
    text-align: right;
        width: calc(50% - 100px);
    }
  • 09-06-2022, 12:18:47
    #4
    Hocam position="relative" değeri ile yapabilirsiniz.
  • 09-06-2022, 13:17:53
    #5
    Hocam bağış butonu için div açmamışsınız, onu div içine almayı dener misiniz