• 20-06-2022, 08:54:11
    #1
    Merhaba arkadaşlar. Merkezde duran div sayfanın orijinal içeriği. Sola yanaşık altalta duran iki adet div ise benim yaptıklarım. Ne yaptıysam bunları yatay merkeze hizalayamadım. Yardımcı olursanız memnun olurum. teşekkürler.

    resim göremeeynler için: http://pauloreg.com/d/ajax-image-upl...7bd4a1ff6e.jpg


    <!DOCTYPE html>
    <html><head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
        <link rel="icon" href="data:,">
        
        <style type="text/css">
            body {
                background-color: Gray;
            }
    
            .exp_pop {
                width: 365px;
                min-height: 210px;
                background-color: #ccc;
                border-radius: 13px;
                position: absolute;
                top: 100px;
                left: 50%;
                margin-left: -180px;
                padding: 8px 0 16px 0;
            }
    
    
    
    
    
    
    
    
            .exp_pop2 {
                width: 365px;
                min-height: 210px;
                background-color: #ccc;
                border-radius: 13px;
                position: relative;
               align: center;
    text-align: center;
            
               
                padding: 8px 0 16px 0;
            }
    
    
    
    
    
            .exp_pop_header {
                background: url(http://www.namebrightstatic.com/images/logo_off.gif) 
    
    no-repeat;
                width: 225px;
                height: 57px;
                margin-top: 8px;
            }
    
            .exp_pop_sep {
                width: 75%;
                border-top: 1px solid gray;
                margin: 8px 0;
            }
    
            .exp_content {
                font-size: 20px;
                color: #FF0000;
                margin: 0 24px;
                padding: 8px 0;
            }
        </style>
    
    </head>
    <body>
        
    <div class="exp_pop">
        <center>
            <div class="exp_pop_header"></div>
        </center>
        <center><div class="exp_pop_sep"></div></center>
        <div class="exp_content">
            <center>
                <b>Warning!</b> elas.com has expired.
                If this is your domain name you must renew it immediately 
    before it is deleted and permanently removed from your account.
                To renew this domain name visit <a 
    
    href="http://www.namebright.com/">http://www.NameBright.com</a>
            </center>
        </div>
    </div>
    
    
    
    
    <div class="exp_pop2">
        <center>
            <div class="exp_pop_header"></div>
        </center>
        <center><div class="exp_pop_sep"></div></center>
        <div class="exp_content">
            <center>
                <b>Warning!</b> elas.com has expired.
                If this is your domain name you must renew it immediately 
    before it is deleted and permanently removed from your account.
                To renew this domain name visit <a 
    
    href="http://www.namebright.com/">http://www.NameBright.com</a>
            </center>
        </div>
    </div>
    
    </br><!---------------------------------->
    <div class="exp_pop2">
        <center>
            <div class="exp_pop_header"></div>
        </center>
        <center><div class="exp_pop_sep"></div></center>
        <div class="exp_content">
            <center>
                <b>Warning!</b> elas.com has expired.
                If this is your domain name you must renew it immediately 
    before it is deleted and permanently removed from your account.
                To renew this domain name visit <a 
    
    href="http://www.namebright.com/">http://www.NameBright.com</a>
            </center>
        </div>
    </div>
    
    </br><!---------------------------------->
    <div class="exp_pop2">
        <center>
            <div class="exp_pop_header"></div>
        </center>
        <center><div class="exp_pop_sep"></div></center>
        <div class="exp_content">
            <center>
                <b>Warning!</b> elas.com has expired.
                If this is your domain name you must renew it immediately 
    before it is deleted and permanently removed from your account.
                To renew this domain name visit <a 
    
    href="http://www.namebright.com/">http://www.NameBright.com</a>
            </center>
        </div>
    </div>
    
    
    
    </br><!---------------------------------->
    <div class="exp_pop2">
        <center>
            <div class="exp_pop_header"></div>
        </center>
        <center><div class="exp_pop_sep"></div></center>
        <div class="exp_content">
            <center>
                <b>Warning!</b> elas.com has expired.
                If this is your domain name you must renew it immediately 
    before it is deleted and permanently removed from your account.
                To renew this domain name visit <a 
    
    href="http://www.namebright.com/">http://www.NameBright.com</a>
            </center>
        </div>
    </div>
    
    
    
    
    
    
    </body></html>
  • 20-06-2022, 10:51:11
    #2
    3 bloğu hizalamak üçünüde position relative yapıp float left yapıp yüzde 33 verirsen sığar. Yada flexbox yapısını kullanabilirsin.
  • 20-06-2022, 14:17:08
    #3
    Sayfanın ortasında yatay hizalanmasını mı istiyorsun yoksa yine alt alta olacak ama sayfanın ortasında mı istiyorsun
  • 20-06-2022, 14:42:08
    #4
    berkaygencdogan adlı üyeden alıntı: mesajı görüntüle
    Sayfanın ortasında yatay hizalanmasını mı istiyorsun yoksa yine alt alta olacak ama sayfanın ortasında mı istiyorsun
    body{} kısmına "text-align: -webkit-center;" yazdım oldu
  • 20-06-2022, 16:50:26
    #5
    berkaygencdogan adlı üyeden alıntı: mesajı görüntüle
    body{} kısmına "text-align: -webkit-center;" yazdım oldu
    teşekkürler hocam.