• 15-07-2021, 00:00:36
    #1
    Html bir tasarı yaparken şöyle birşey oluyor nasıl hepsini aynı hizaya alabilirim; boşlukları kaldırmam gerekli



    html ;
    <div class="bigslider">
        <div id="bigimg">
            <div id="storyborder">
                <div id="minslider">
                    <div id="minslider">
                        <div id="minslider">
                            <div id="minslider"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        </div>
    </div>
    css
    .bigslider{
        height: 550px;
        width: 1400px;
        border: blue 5px solid;
        border-radius: 10px;
        margin: 50px;
    }
    #bigimg{
        height: 400px;
        width: 1000px;
        border: 2px blue solid;
        margin: auto;
        margin-top: 20px;
        border-radius: 10px;
    
    }
    #storyborder{
        height: 110px;
        margin: auto;
        width: 900px;
        margin-top: 270px;
        border: 2px lightskyblue solid;
        border-radius: 50px;
    }
    #minslider{
        height: 100px;
        width: 80px;
        border-radius: 200px;
        border: 2px brown solid;
        margin-left: 90px;
        position: fixed;
    
    
    }
  • 15-07-2021, 00:01:57
    #2
    notepad+ kullan arka boslukları tek tek gerı al yada hizala komutu ile alırsın
  • 15-07-2021, 00:02:09
    #3
    Margin left diye hatırlıyorum 0 olması gerek
  • 15-07-2021, 00:03:15
    #4
    elbistanli adlı üyeden alıntı: mesajı görüntüle
    notepad+ kullan arka boslukları tek tek gerı al yada hizala komutu ile alırsın
    Hiçbirşey anlamadım desem

    Ladavaz adlı üyeden alıntı: mesajı görüntüle
    Margin left diye hatırlıyorum 0 olması gerek
    Maalesef bu değil
  • 15-07-2021, 00:09:03
    #5
    Merhaba

    Bu kodu css olarak ekle

        float: left;
    değil ise aynı şekilde csslere ekleyebilirsin.

    Not: Sizin csslerin hepsi farklı boyutlarda, bence önce standart düzene getirmelisin.

    Saygılarımla.
  • 15-07-2021, 00:11:22
    #6
    float:left
  • 15-07-2021, 00:13:18
    #7
    TekLanDC adlı üyeden alıntı: mesajı görüntüle
    Merhaba

    eğer demek istediğin imaj resimleri için ise;
    bu kodları css olarak ekle

    img {
        width: 200px;
        margin-right: 10px;
        float: left;
    }
    değil ise aynı şekilde csslere ekleyebilirsin.

    Not: Sizin csslerde hepsi farklı boyutlarda, bence önce standart düzene getirmelisin diye width değeri yazdım.

    Saygılarımla.
    CalixtusJr adlı üyeden alıntı: mesajı görüntüle
    float:left

    float left olunca

    ;
  • 15-07-2021, 00:13:29
    #8
    O yuvarlakların olduğu büyük div için display:flex align-items:center yazarsan olur gibi bir de min slider itemlerini iç içe yazmışsın onları ayır. Divler iç içe girmiş.
  • 15-07-2021, 00:14:37
    #9
    altunbasak adlı üyeden alıntı: mesajı görüntüle
    float left olunca

    ;
    float:left
    margin: 0px 0px 10px 0px

    tamamdır geçmiş olsun.