• 07-06-2013, 19:39:55
    #1
    Üyeliği durduruldu
    3 tane iç içe div id oluşturdum
    diğerlerini sabit tutarak bitanesini asaga doğru çekmek istiyorum.
    nasıl yapmam lazım

    oynatmak istediğime margin-top kullanarak oynattım diğerlerine position absolute verdim ama bozulmalar oldu.varmıdır daha iyi yöntem
  • 07-06-2013, 22:19:27
    #2
    Sana tavsiyem position kullanma onun yerine bütün divlerinde float kullan. Bozulma vs. gibi sorunlarla karşılaşmazsın.
  • 08-06-2013, 10:27:50
    #3
    Üyeliği durduruldu
    Batuhan10 adlı üyeden alıntı: mesajı görüntüle
    Sana tavsiyem position kullanma onun yerine bütün divlerinde float kullan. Bozulma vs. gibi sorunlarla karşılaşmazsın.
    hocam floatı nasıl kullanıcam anlamadım.
    divlerin hepsi sayfanın ortasında ve iç içe .
    içtekini,dıştaki sabit tutlarak biraz aşağıya cekilecek.yani içerdeki divi hareket ettirecem ama dıştakinin içinde
  • 08-06-2013, 11:33:02
    #4
    TaKKoZ adlı üyeden alıntı: mesajı görüntüle
    hocam floatı nasıl kullanıcam anlamadım.
    divlerin hepsi sayfanın ortasında ve iç içe .
    içtekini,dıştaki sabit tutlarak biraz aşağıya cekilecek.yani içerdeki divi hareket ettirecem ama dıştakinin içinde
    kod örneklerini koysaydın daha ıyı yardımcı olurduk
  • 08-06-2013, 13:02:05
    #5
    en dışındaki div idsine position:relative; ver, diger iki tanesine position:absolute; ver absolute verdiklerinide top özelliği ile ayarla

    1. absolute ornek #birinci { position:absolute; top:5px;}
    2. absolute ornek #ikinci{ position:absolute; top:20px;} gibi
  • 08-06-2013, 13:53:08
    #6
    Üyeliği durduruldu
    foreverseo adlı üyeden alıntı: mesajı görüntüle
    kod örneklerini koysaydın daha ıyı yardımcı olurduk
    amacım logoyu birazdaa aşağıya indirmek
    ust.php
    <link rel="stylesheet" type="text/css" href="ust.css" />
    <div id="ust">
    <div id="logo">
    </div>
    <div id="menu">
       <ul>
            <li><a href="#">Anasayfa</a></li>
            <li><a href="#">Borç Sorgulama</a></li>
            <li><a href="#">Sitemiz Canlı Bağlantı</a></li>
        </ul>
    
    </div>
    
    
    
    
    </div>
    css dosyam
    #ust {
    margin-left:auto;
    margin-right:auto;
    width:800px;
    /*   alttaki 200  */
    height:200px; 
    background-color:#FF8888;
    margin-top:15px;
    
    }
    #logo {
    margin-left:30px;
    margin-right:200px;
    /*hemen aşağıdaki satır problemli */
    margin-top:35px;
    width:400px;
    height:90px;
    background-image: url(logo.png);
    background-repeat:no-repeat;
    
    }
    #menu {
    width:780px;
    height:45px;
    margin-top:60px;
    margin-left:10px;
    margin-right:10px;
    background-color:#3B3B3B;
    }
    #menu ul {
        margin:0;
    	margin-left:20px;
        padding:0;
        list-style:none;
    }
    #menu ul li {
        float:left;
        margin:0;
        margin-right:5px;
        padding:0;
    	margin-top:auto;
    	margin-bottom:auto;
    }
    #menu ul li a {
        display:block;
        padding:5px 10px;
        color:#444;
    	color:#FFFFFF;
        border:1px solid #3B3B3B;
        background-color:#3B3B3B;
        text-decoration:none;
    }
    #menu ul li a:hover {
        color:#fff;
        border-color:#FFEB00;
        background-color:#008800;
    }
  • 08-06-2013, 16:18:59
    #7
    TaKKoZ adlı üyeden alıntı: mesajı görüntüle
    amacım logoyu birazdaa aşağıya indirmek
    ust.php
    <link rel="stylesheet" type="text/css" href="ust.css" />
    <div id="ust">
    <div id="logo">
    </div>
    <div id="menu">
       <ul>
            <li><a href="#">Anasayfa</a></li>
            <li><a href="#">Borç Sorgulama</a></li>
            <li><a href="#">Sitemiz Canlı Bağlantı</a></li>
        </ul>
    
    </div>
    
    
    
    
    </div>
    css dosyam
    #ust {
    margin-left:auto;
    margin-right:auto;
    width:800px;
    /*   alttaki 200  */
    height:200px; 
    background-color:#FF8888;
    margin-top:15px;
    
    }
    #logo {
    margin-left:30px;
    margin-right:200px;
    /*hemen aşağıdaki satır problemli */
    margin-top:35px;
    width:400px;
    height:90px;
    background-image: url(logo.png);
    background-repeat:no-repeat;
    
    }
    #menu {
    width:780px;
    height:45px;
    margin-top:60px;
    margin-left:10px;
    margin-right:10px;
    background-color:#3B3B3B;
    }
    #menu ul {
        margin:0;
    	margin-left:20px;
        padding:0;
        list-style:none;
    }
    #menu ul li {
        float:left;
        margin:0;
        margin-right:5px;
        padding:0;
    	margin-top:auto;
    	margin-bottom:auto;
    }
    #menu ul li a {
        display:block;
        padding:5px 10px;
        color:#444;
    	color:#FFFFFF;
        border:1px solid #3B3B3B;
        background-color:#3B3B3B;
        text-decoration:none;
    }
    #menu ul li a:hover {
        color:#fff;
        border-color:#FFEB00;
        background-color:#008800;
    }
    ben bu adreste düzenledim hocam burdan alabilirsiniz.
    http://codepen.io/seraphzz/pen/vnxrA