Tolong pilih kategori sesuai, jenis posting (diskusi atau bukan) dan sertakan tag/topik yang sesuai seperti komputer, java, php, mysql, dll. Promosi atau posting tidak pada tempatnya akan kami hapus!
- Bagi Anda yang ingin mendaftar, baca link berikut:
http://diskusiweb.com/discussion/50491/how-to-registrasi-diskusiweb-com-baca-ini-terlebih-dahulu
- Cara menyisipkan kode program supaya tampil rapi dan terformat dengan baik di diskusiweb.com: http://www.diskusiweb.com/discussion/50415/cara-menyisipkan-kode-program-di-diskusiweb-com
- Cara posting gambar/image di post Anda: http://www.diskusiweb.com/discussion/47345/cara-menyisipkan-menyertakan-image-pada-posting/p1

cara membagi 2 box div dengan php ( sehingga terjadi scroll jquery)

selamat siang kakak2 dan teman2 ..saya ada kendala .gak dpt logikanya mmebut 2 div box dengan php
seperti gambar ini
image
query saya sudah berhasil seperti gambar di atas tp beritanya malah turun ke bawah tidak ke samping (sehingga terjadi scrool)
query saya seprti ini
<div class="grid_6 omega">
                                <div class="small_slider_music owl-carousel owl-theme">
                                    <div class="item clearfix">
                                        <ul class="small_posts">
                                        <?php   
  $terkini=mysql_query("SELECT * FROM berita WHERE utama='Y' ORDER BY id_berita DESC ");
  while($t=mysql_fetch_array($terkini)){
  $tgl = tgl_indo($t['tanggal']);
  $baca = $t[dibaca]+1;       
  $komentar = "SELECT * FROM komentar WHERE id_berita = '".$t['id_berita']."'";
  $zalkomentar = mysql_query($komentar);
  $total_komentar = mysql_num_rows($zalkomentar);
  ?>
<li class="clearfix">
    <? if ($t['gambar']!=''){    echo"<a class='s_thumb hover-shadow' href='single_post.html'>";
                                                     echo"<img width='70' height='70' src='foto_berita/small_$t[gambar]' alt=\"#\"></a>";
                                                }
                                              ?>
                                                <h3><a href="single_post.html"><? echo"$t[sub_judul]";?></a></h3>
                                                <div class="meta mb">
                                                 <? echo"$t[hari], $tgl - $t[jam] WIB";?>/<a href="single_post.html">1 comments</a> </div>
                                            </li>
                                            <?
                                            }?>
                        
                                        </ul>
                                    </div>
            </div><!-- /slides -->
                            </div><!-- grid6 omega -->
                        </div>


Comments

  • SAMBUNGANYA


    TERNYATA SAYA LIHAT DI HTMLNYA harus sperti ini box nya supaya menjadi 2 bagian (sehingga terjadi scrool)

    <div class="item clearfix">
                                            <ul class="small_posts">
                                                <li class="clearfix">
                                                    <a class="s_thumb hover-shadow" href="single_post.html"><img width="70" height="70" src="images/assets/thumb9.jpg" alt="#"></a>
                                                    <h3><a href="single_post.html">What worst could be the worst?</a></h3>
                                                    <div class="meta mb"> 5 hours ago    /    <a href="single_post.html">1 comments</a> </div>
                                                </li>
                                             
                                            </ul>
                                        </div>

    <div class="item clearfix">
                                            <ul class="small_posts">
                                             
                                                <li class="clearfix">
                                                    <a class="s_thumb hover-shadow" href="single_post.html"><img width="70" height="70" src="images/assets/thumb10.jpg" alt="#"></a>
                                                    <h3><a href="single_post.html">Praesent ipsum adipiscing mi eget ipsum</a></h3>
                                                    <div class="meta mb"> 1 days ago    /    <a href="single_post.html">5 comments</a> </div>
                                                </li>
                                            </ul>
                                        </div>

    saya bingung membaginyadi di php karena saya looping itu cuma box li nya aj..tolong di bantu kakak2

  • pake paging ja mas
  • kak @sacredbluerose

    kalau pke pagging berarti nanti gak ngescrool donk :D
  • nah nomor paging nya ganti jadi tombol scrool.. 
  • tp susah juga soalanya class div ini <div class="item clearfix"> yang membuat jadi 2 box bagian di dalamnya ada <ul><li></li></ul>

    sedangkan yg di query dr dabatse li nya
  • edited September 2014
    Kalo spt contoh html yg kamu kasi coba buat spt contoh di bwah:

    Tag htmlnya taruh di dalam while, spt contoh di bawah, tinggal kamu ganti isinya coba jalanin mau gak??


    ...............
    while($t=mysql_fetch_array($terkini)){
    <div class="item clearfix">
    <ul class="small_posts">
    <li class="clearfix">
    <a class="s_thumb hover-shadow" href="single_post.html"><img width="70" height="70" src="images/assets/thumb9.jpg" alt="#"></a>
    <h3><a href="single_post.html">What worst could be the worst?</a></h3>
    <div class="meta mb"> 5 hours ago    /    <a href="single_post.html">1 comments</a> </div>
    </li>

    </ul>
    </div>

    }

  • edited September 2014
    biar lengkap ya... 

    <?php 
    $i=1;
    $terkini=mysql_query("SELECT ..");
     while($t=mysql_fetch_array($terkini)){
      $tgl = tgl_indo($t['tanggal']);
    bla..bla..blaa
      $total_komentar = mysql_num_rows($zalkomentar);
       //untuk baris pertama
        if ($i % 4 == 1) {
            echo "div class='item clearfix'>";
            echo "<ul class="small_posts">";
        }
    ?>
    <li>...
    <?php  bla..bla... tampilka isi baris?>
    </li>

     <?php
        //untuk setiap 4baris terakhir
        if ($i % 4 == 0) { echo "</uL></div> ";  }
    $i++;
    }//end while

    //jika baris terakhir gk kelipatan 4
    if ($i % 4 > 1 {echo "</uL></div> ";}
    ?>
  • dhryasa 
    jalan ci scrollnya tapi kendalanya yg tampil setiap scroll cuma satu berita yang di inginkan 4 berita tampil dalam 1 scroll   
      <?php    
      $terkini=mysql_query("SELECT * FROM berita WHERE utama='Y' ORDER BY id_berita DESC ");
      while($t=mysql_fetch_array($terkini)){
          echo"<div class='item clearfix'>
                                            <ul class='small_posts'>
                                                <li class='clearfix'>";
      $tgl = tgl_indo($t['tanggal']);
      $baca = $t[dibaca]+1;        
     
      $komentar = "SELECT * FROM komentar WHERE id_berita = '".$t['id_berita']."'";
      $zalkomentar = mysql_query($komentar);
      $total_komentar = mysql_num_rows($zalkomentar);
     
       if ($t['gambar']!=''){
            echo"<a class='s_thumb hover-shadow' href='single_post.html'>";
                                                         echo"<img width='70' height='70' src='foto_berita/small_$t[gambar]' alt=\"#\"></a>";
                                                    }
                                                  ?>
                                                    <h3><a href="single_post.html"><? echo"$t[sub_judul]";?></a></h3>
                                                    <div class="meta mb">
                                                     <? echo"$t[hari], $tgl - $t[jam] WIB";?>/<a href="single_post.html">1 comments</a> </div>
                                                </li>
                                              
                             
                                            </ul>
                                        </div>
                                          <?
       }?>
                                       
  • sacredbluerose
    keren euy..terima kasih banyak kakak :D
Sign In or Register to comment.