• 28-06-2013, 15:45:26
    #1
    Selamun aleykum Arkadaşlar
    Sorunumu başlıkta doğru anlatabilmişimdir Umarım


    Kodlarımı Yazdığımda Sonuş Aşşağıdaki Gibi Oluyor Sağ ok Alt Satıra Düşüyor ve olması gereken yerde olmuyor ..

    Sizce Nerede hata Yapıyorum.. veya Bu Şekilde Bir Galeriyi nasıl Yapabilirim ?

    Not: Hazır Galeri istemiyorum dostlar Anlamak Öğrenmek istiyorum YARDIMLARINIZI BEKLİYORUM..





    <div id="galeri">  
      <div id="solok"><img src="sol.png" /></div>  
      
      <div id="resTumu">  
                <li><a href='#'><img src='res.jpg' /></a></li>  
                <li><a href='#'><img src='res.jpg' /></a></li>  
                <li><a href='#'><img src='res.jpg' /></a></li>  
                <li><a href='#'><img src='res.jpg' /></a></li>  
                <li><a href='#'><img src='res.jpg' /></a></li> 
    	    <li><a href='#'><img src='res.jpg' /></a></li>  
                <li><a href='#'><img src='res.jpg' /></a></li>  
                <li><a href='#'><img src='res.jpg' /></a></li>  
                <li><a href='#'><img src='res.jpg' /></a></li>  
                <li><a href='#'><img src='res.jpg' /></a></li> 
                <li><a href='#'><img src='res.jpg' /></a></li>  
                <li><a href='#'><img src='res.jpg' /></a></li>  
                <li><a href='#'><img src='res.jpg' /></a></li>
      </div>  
      <div id="sagok"><img src="sag.png" /></div>

    CSS Kodum aşşağıdadır ..

    body {margin:0px;padding:0px;}
    ul,li {margin:0px;padding:0px;}
    
    #galeri{
    display:inline-block;
    list-style:none;
    height:150px !important;
    width:800px;
    }
    
    
    #resTumu {
    height:80px;
    overflow:hidden;
    }
    
    
    
    #resTumu li{
    float:left;
    }
    
    #resTumu li img
    {
    width:100px;
    height:80px;
    }
    
    #solok, #sagok{ 
    float:left; 
    position:relative; 
    bottom:-15px;
    cursor:pointer;  
    cursor: hand; 
    }

    YARDIMLARINIZ İÇİN ŞİMDİDEN TEŞEKKÜRLER..
  • 28-06-2013, 15:56:18
    #2
    Merhaba, eğer carosel yapmaya çalışıyorsanız bence uğraşmayın ; http://www.pixelzdesign.com/blog_view.php?id=55 bu linkte size uygun elbet carousel vardır indirip kulanın derim.
  • 28-06-2013, 16:08:14
    #3
    CemaLi adlı üyeden alıntı: mesajı görüntüle
    Merhaba, eğer carosel yapmaya çalışıyorsanız bence uğraşmayın ; http://www.pixelzdesign.com/blog_view.php?id=55 bu linkte size uygun elbet carousel vardır indirip kulanın derim.
    Alakanız için Teşekkürler Fakat hazır kod isteseydim bahsettiğiniz linkleri zaten dolaştım birkaçını denerdim ..

    Not kısmında belirttim hazır galeri kullanmak istemiyorum öğrenerek yapmak istiyorum diye..
    Kodlarımda nasıl bir hata yapıyorum onu görmek istiyorum aslında
    Teşekkürler yinede..
  • 28-06-2013, 16:14:30
    #4
    2 yöntem ile yapabilrisin,

    1. yöntem tüm alanlarıın değerleri float:left yaparak yani
    #solok { float:left; width:20px}
    #resTumu { float:left; width:760px}
    #sagok { float:right; width:20px}

    2. yöntem ise ;
    #galeri { position:relative;width:800px}

    #solok,#sagok { position:absolute ; left :0; top : 0}
    #sagok { right :0; top : 0}

    şeklinde de olabilir.
  • 28-06-2013, 17:23:43
    #5
    CemaLi adlı üyeden alıntı: mesajı görüntüle
    2 yöntem ile yapabilrisin,

    1. yöntem tüm alanlarıın değerleri float:left yaparak yani
    #solok { float:left; width:20px}
    #resTumu { float:left; width:760px}
    #sagok { float:right; width:20px}

    2. yöntem ise ;
    #galeri { position:relative;width:800px}

    #solok,#sagok { position:absolute ; left :0; top : 0}
    #sagok { right :0; top : 0}

    şeklinde de olabilir.
    Teşekkürler ilk yönteme birkaç ekleme ile sıralamayı hallettim..
    Jquery Kısmında Takılırsam Yazarım İnşaallah Yardımın için Teşekkürler ..
    Allah (c.c.) Razıolsun..
  • 28-06-2013, 17:32:21
    #6
    Takılırsan yazarsın, gene yardımcı olurum,Cümlemizden.