meletakkan tulisan dibawah gambar

maaf saya sudah coba hampir seminggu dan tanya kesana kemari, tapi tidak berhasil berhasil juga ini, mau meletakkan tulisan dibawah gambar yang benar.mohon infox master ini kodingan php

   <div id="acer">
    <?php
    include "koneksi/konek.php";
    $query=mysqli_query($link,"select * from gambar");
    if(mysqli_num_rows($query)>0){
      while($output=mysqli_fetch_assoc($query)){
        ?>

      <img src="image/picture/<?php echo $output['nama_gambar']; ?>"/>

               <?php echo $output['gambar'];?>

        <?php

      }?>

    <?php  } ?>

  </div>

ini kodingan css saya

 #acer {
float: left;
width: 730px;
}
#acer img{
  float: left;
  width: 345px;
  height: 350px;
  margin: 10px 10px;
}

dan hasilnya

avatar amstar
@amstar

40 Kontribusi 2 Poin

Diperbarui 6 tahun yang lalu

4 Jawaban:

coba kasih div gan

 <div id="acer">
    <?php
    include "koneksi/konek.php";
    $query=mysqli_query($link,"select * from gambar");
    if(mysqli_num_rows($query)>0){
      while($output=mysqli_fetch_assoc($query)){
        ?>
<div class="image">
      <img src="image/picture/<?php echo $output['nama_gambar']; ?>"/>

               <?php echo $output['gambar'];?>
</div>
        <?php

      }?>

    <?php  } ?>

  </div>
avatar dianarifr
@dianarifr

642 Kontribusi 316 Poin

Dipost 6 tahun yang lalu


<div id="acer">
    <?php
    include "koneksi/konek.php";
    $query=mysqli_query($link,"select * from gambar");
    if(mysqli_num_rows($query)>0){
      while($output=mysqli_fetch_assoc($query)){
        ?>
<div id="acer2">
      <img src="image/picture/<?php echo $output['nama_gambar']; ?>"/>

               <p><?php echo $output['gambar'];?></p>
 </div>
    <?php  } ?>

  </div>

#acer {
width: 100%;
}
#acer2{
  float: left;
  width: 30%;
  height: 350px;
  margin: 10px 10px;
}
#acer2 img{
  max-height : 200px;
}

avatar Nandar
@Nandar

648 Kontribusi 204 Poin

Dipost 6 tahun yang lalu

Pakai bootstrap gan lebih cepat dan mudah hehehe

avatar farisdewantoro
@farisdewantoro

119 Kontribusi 16 Poin

Dipost 6 tahun yang lalu

avatar VikSintus
@VikSintus

96 Kontribusi 36 Poin

Dipost 6 tahun yang lalu

Login untuk ikut Jawaban