Styling Table

.xfit{  width:1%;   white-space:nowrap;}

Dropdown Menu Hover

STYLE

<style>

.dropbtn {

    background-color: #4CAF50;

    color: white;

    border: none;

}

.dropdown {

    position: relative;

    display: inline-block;

}

.dropdown-content {

    display: none;

    position: absolute;

    background-color:#009900;

    min-width: 160px;

    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

    z-index: 1;

}

.dropdown-content a {

    color:white;

    padding: 2px 16px;

    text-decoration: none;

    display: block;

}

.dropdown:hover .dropdown-content {display: block;}

.dropdown-content a:hover {background-color:#006633;}

.dropdown:hover .dropbtn {background-color:#006633;}

/*

.dropdown-content a:hover {background-color: #ddd;}

.dropdown:hover .dropbtn {background-color: #3e8e41;}

*/

</style>

HTML

<div class="dropdown" style="width:100%;"><? echo $rows->c ?>

                    <div id="myDropdown" class="dropdown-content" style="margin-left:5px; width:100%; float:right ">

                    <a href="?ajax=index&pass=<? echo $rows->b?>"><i class="glyphicon-paperclip glyphicon"></i> Layanan</a>

                    <a href="?d=<? echo $rows->d?>"><i class="fa fa-sitemap"></i> Lihat Anggota KK</a> 

                    <a href="?b=<? echo $rows->b?>"><i class="fa fa-edit"></i> Edit</a> 

                    <a href="?b=new&d=<? echo $rows->d?>"><i class="fa fa-plus"></i> Tambah Anggota</a> 

                    <a href="?d=<? echo $rows->d?>&k=<? echo $rows->idx?>"  onclick="return confirm('Yakin akan menghapus <? echo $rows->c ?> ?')"><i class="fa fa-trash-o"></i> Hapus</a> 

                    </div>

                    </div>

setting firewall pada mikrotik hotspot

Jquery display popup modal

display modal using jQurey

<style>.modal-ku {  width: 75%;}</style>

<div class="modal fade" id="popup" tabindex="-1" role="dialog" aria-hidden="true" style="display: none;">

    <div class="modal-dialog modalku">

        <div class="modal-content" style="padding:0px">

        <button type="button" style="float:right" data-dismiss="modal" aria-hidden="true">X - Cancel</button>

        <iframe name="frpopup" id="frpopup" style="width:100%;height:375px; border:none; margin:0px"></iframe>        

        </div>

        <!-- /.modal-content -->

    </div>

    <!-- /.modal-dialog -->

</div>

<script>

function penyaluran(id){

  document.getElementById('frpopup').src="?plain=app/buy-history.php&id="+idbrg;

  $("#myModalTitle").html("History Barang");

  $("#popup").modal();

}

</script>

ss

HTML Code List

<select class="form-control req" name="a[bln]">
            <option value="">--Pilih Bulan--</option>
            <option value="01" <? if($rw->bln=='01') echo "selected"?>>Januari</option>
            <option value="02" <? if($rw->bln=='02') echo "selected"?>>Februari</option>
            <option value="03" <? if($rw->bln=='03') echo "selected"?>>Maret</option>
            <option value="04" <? if($rw->bln=='04') echo "selected"?>>April</option>
            <option value="05" <? if($rw->bln=='05') echo "selected"?>>Mei</option>
            <option value="06" <? if($rw->bln=='06') echo "selected"?>>Juni</option>
            <option value="07" <? if($rw->bln=='07') echo "selected"?>>Juli</option>
            <option value="08" <? if($rw->bln=='08') echo "selected"?>>Agustus</option>
            <option value="09" <? if($rw->bln=='09') echo "selected"?>>September</option>
            <option value="10" <? if($rw->bln=='10') echo "selected"?>>Oktober</option>
            <option value="11" <? if($rw->bln=='11') echo "selected"?>>November</option>
            <option value="12" <? if($rw->bln=='12') echo "selected"?>>Desember</option>
        </select>