• 28-02-2013, 19:54:51
    #1
    Selamun Aleykum Arkadaşlar Aşşağıdaki şekilde bir Php ile döngüden veri alıp bir resimli list oluşturan yapım Mevcut..

    <div id="urunler">
    <?php 
    $row=array();
     foreach($urunler['data'] as $row)
    {
    $resim=$row['resimYolu'];
    ?>			 
    <li class="urun"><a href="#" id="<?php echo $row['id']; ?>"><img src=<?php echo $resim?> /> </a>
    <label for="<?php echo $row['id']; ?>"> <?php  echo $row['name'];?> </label></li>
    <ul class="kategori">
    <li><label><input type="checkbox" name="sayfa1" value="değer">Komedi<label></li>
    <li><label><input type="checkbox" name="sayfa2" value="değer1">Edebiyat<label></li>
    <li><label><input type="checkbox" name="sayfa3" value="değer2">Genel<label></li>
    </ul>
    <?php } ?>
    </div>

    Sorunum Altta Resimdede görüldüğü Gibi Yazıyı Resmin Yanında Ortaya Hizalayamamak..

    css ten Çok iyi anlamamakla beraber beynim Margin-top,Margin-left dolsu taştı ama bu yazı hizalanmadı




    Yazının Olması Gereken Yer Kırmızı çerçeveyle işaretli alan..



    #urunler { height:250px;width:390px;overflow-y:scroll;float: left; list-style:none}
    #urunler li {padding-top:5px;margin-top:5px;border: 1px solid #7D7D84 ; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;font-family: Arial, Verdana, sans-serif; font-size: 0.7em; font-weight: bold; margin-bottom: 2px;list-style:none }
    #urunler a {margin-left:5px;text-decoration: none; color: #6A6C6E; line-height:10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
    #urunler label{ margin-left:10px;color:#7D7D84;}

    Arkadaşlar Ricam Bu Şekilde Kullanılan bir yapıda nasıl resmin hemen yanına Yazıyı Konumlandırabilirim.
    Örnek Uygulamada olsa olur zaten maksat öğrenmek..Şimdiden Teşekkürler..

    Not: Basit Listeli Resimli menü örnekleride olabilir ben gerekirse düzenlerim
  • 28-02-2013, 20:17:43
    #2
    #urunler li img {float:left} derseniz sonrasını kendiniz yapabilirsiniz sanırım.
  • 28-02-2013, 20:35:59
    #3
    Dzyn3 adlı üyeden alıntı: mesajı görüntüle
    #urunler li img {float:left} derseniz sonrasını kendiniz yapabilirsiniz sanırım.
    Cevabınız için çok çok teşekkürler Hocam Dediğinizide Denedim Fakat Merdiven gibi oluyordu Şimdi

    #urunler li img{border:0; vertical-align:middle;}
    Yazınca Düzeldi

    vertical-align:middle; Ömrümü yedi ömrümü
    Anlamayınca bir satırlık kod adamı divane ediyor cidden..
    Tekrar tekrar teşekkürler Yardımınızı esirgemediğiniz için..