I list the users in my database using javascript and php.There are gaps between them. How can I remove the gap .You can see in the picture thing I want
JavaScript
$(function(){
$(".form-control").keyup(function() {
var searchid = $(this).val();
var dataString = 'form-control='+ searchid;
if(searchid!='')
{
$.ajax({
type: "POST",
url: "search.php",
data: dataString,
cache: false,
success: function(html)
{
$("#result").html(html).show();
}
});
}
return false;
});
jQuery("#result").live("click",function(e){
var $clicked = $(e.target);
var $name = $clicked.find('.name').html();
var decoded = $("<div/>").html($name).text();
$('#searchid').val(decoded);
});
jQuery(document).live("click", function(e) {
var $clicked = $(e.target);
if (! $clicked.hasClass("form-control")){
jQuery("#result").fadeOut();
}
});
$('#searchid').click(function(){
jQuery("#result").fadeIn();
});
});
CSS
#searchid
{
}
#result
{
position:absolute;
width: 100%;
padding:0px;
display:none;
margin-top:-1px;
z-index: 1000;
border-top:0px;
overflow:hidden;
border:1px #CCC solid;
background-color: white;
}
.show2
{
background-color: red;
font-size:30px;
border:10px #CCC solid;
}
.show2:hover
{
background:#4c66a4;
color:#FFF;
cursor:pointer;
}
HTML
<input type="text" class="form-control" id="searchid" placeholder="Arama" >
<div id="result">
</div>