• 23-06-2023, 23:52:19
    #1
    Merhaba. Ben bu işi anlamadım rica etsem bilenler bakabilir mi?
    Yan yana olmasını istediğim iki tane görsel var. Bu görseller yan yanaydı ama şimdi ne olduysa alt alta duruyorlar.
                  </div><div class="z2">
                    <a style="text-decoration: none;">
                      <div class="posts">
                        <div class="row mt-4 post_row">
                          <div class="col-6"></div>
                          <div>&nbsp;&nbsp;</div>
                          <div class="col-6"></div>
                        </div>
                      </div>
                    </a>
                  </div>
    Css kodu da şu şekilde:
    .posts{
        height:218px;
        width:730px;
        position:flex;
    }
    .post_row{
        width: 730px;
    }
    .post_row .col-6:first-child{
        cursor:pointer;
        height:144px;
        background-image: url(./images/gotoposts.png);
        background-size: contain;
        background-repeat: no-repeat;
    }
    .post_row .col-6:last-child{
        cursor:pointer;
        height:158px;
        background-image: url(./images/top20.png);
        background-size: cover;
        background-repeat: no-repeat;
    }
    Nerede hata var?
  • 23-06-2023, 23:55:55
    #2
    posts divinin width 730px içindeki görsel 2700px tabi olmaz. col-6'lara width verme.
  • 23-06-2023, 23:59:21
    #3
    egeyapici adlı üyeden alıntı: mesajı görüntüle
    posts divinin width 730px içindeki görsel 2700px tabi olmaz. col-6'lara width verme.
    2700'ü farkettim ve dediğiniz gibi sildim ama hala bir şey değişmedi
  • 24-06-2023, 00:01:46
    #4
    .post_row {
      width: 730px;
      display: flex;
    }
    Deneyebilir misin?

    Edit: position: flex diye bir satırın var tamamen işlevsiz
    kaynak: https://developer.mozilla.org/en-US/...b/CSS/position
  • 24-06-2023, 00:05:43
    #5
    thehyades adlı üyeden alıntı: mesajı görüntüle
    .post_row {
      width: 730px;
      display: flex;
    }
    Deneyebilir misin?
    Denedim değişmedi. Görselleri incelediğimde aşağıdaki gibi görünüyor. Belki fikir verebilir... Master yazan yerin arkasında ikinci görsel duruyor.
  • 24-06-2023, 00:09:45
    #6
    KupeliHoca adlı üyeden alıntı: mesajı görüntüle
    Denedim değişmedi. Görselleri incelediğimde aşağıdaki gibi görünüyor. Belki fikir verebilir... Master yazan yerin arkasında ikinci görsel duruyor.
    .post_row {
    display:flex !important;
    flex-direction: row !important;
    }
    Bu olması gerekiyor eğer olmazsa resimlerin widthleriyle birazcık oynayın muhtemelen onlarla alakalıdır diye tahmin ediyorum, eğer o da olmazsa:



    div.row.mt-4.post_row {
    display:flex !important;
    flex-direction: row !important;
    }
    bu şekilde deneyelim
  • 24-06-2023, 00:16:52
    #7
    thehyades adlı üyeden alıntı: mesajı görüntüle
    .post_row {
    display:flex !important;
    flex-direction: row !important;
    }
    Bu olması gerekiyor eğer olmazsa resimlerin widthleriyle birazcık oynayın muhtemelen onlarla alakalıdır diye tahmin ediyorum, eğer o da olmazsa:



    div.row.mt-4.post_row {
    display:flex !important;
    flex-direction: row !important;
    }
    bu şekilde deneyelim
    Görselleri 100 pixel'e kadar düşürdüm ve yine değişmedi.
  • 24-06-2023, 00:27:56
    #8
    KupeliHoca adlı üyeden alıntı: mesajı görüntüle
    Görselleri 100 pixel'e kadar düşürdüm ve yine değişmedi.
    Elindeki nihai kodları ve resimleri şuraya at da hemen yapıp vereyim.