I did manage to manually get this kind of sorted. I'm no HTML expert neither a programmer so I apologize for asking a lot about something this simple. I've tried to eliminate the space or gap between pictures but I've been unlucky. I tried padding, setting borders and margings to 0 however i've been unable to work it out,
My current CSS shows something like this:
<style type="text/css">
table.srModuleLatest
{
width:100%;
line-height:0px;
overflow:hidden;
margin:0 0 0 0;
margin:0px;
padding:0px;
float: left;
}
table.srModuleLatest tr.srModuleLatestRow
{
height:32px;
line-height:0px;
float: left;
margin:0 0 0 0;
margin:0px;
padding:0px;
}
table.srModuleLatest tr.srModuleLatestRow td.srModuleLatestTitles
{
line-height:0px;
margin:0 0 0 0;
margin:0px;
padding:0px;
font-size:0px;
float: left;
}
</style>
Any ideas? I did some modifications but i've been unable to do much. I don't know about coding really and google has been the one pointing me towards solutions that work for most but not for me. I'm sure i'm skipping something
