Question

There would be a gap between left and right photos. How do I produce a gapless? I tried using float and display which seem not workable?

echo '<li><a href="'.$row['id'].'"><img alt="'.$row['username'].'" src="photo/'.$phm.'"></img></a></li>';

Answer 1

Not having enough code to look at makes it hard to determine what exactly is causing the gap. Try to reset your li, img and a tags and see if it help. Add this to the top of your css file.

li, a, img{
 padding:0;
 margin:0;
 border:0;
}

If this doesn’t work. You need to post more code to look at.