Acer Swift 3 - best overall laptop in a budget in india

If you having a photography website or photo based website or gallery website, you need to present your photographs in a good manner is always acceptable and easy to navigate...

for blogger you need this html code to create the gallery of pics.

<table cellpadding="3">

<tbody>
<tr>
<td align="center" width="25%"><a href="your blog url here/" target="_blank"> <img height="140" src="your image url here" width="140" /><br />your descriptive text here</a></td>

<td align="center" width="25%"><a href="your blog url here/" target="_blank"> <img height="140" src="your image url here" width="140" /><br />your descriptive text here</a></td>

<td align="center" width="25%"><a href="your blog url here/" target="_blank"> <img height="140" src="your image url here" width="140" /><br />your descriptive text here</a></td>

<td align="center" width="25%"><a href="your blog url here/" target="_blank"> <img height="140" src="your image url here" width="140" /><br />your descriptive text here</a></td>

</tr>
</tbody>
</table>

Result:

your descriptive text here

your descriptive text here

your descriptive text here

your descriptive text here

but somthing missing here... its not completely responsive yet, to make it responsive you need to specify the height as automatic . Just change height="140" to height="auto"

now see the result..

your descriptive text here

your descriptive text here

your descriptive text here

your descriptive text here

You can make height and width more responsive by making width="auto" and height="auto"
It helps when images are uneven in size. For making 2 cells just delete this striked code:

<table cellpadding="3">


<tbody>

<tr>

<td align="center" width="25%"><a href="your blog url here/" target="_blank"> <img height="auto" src="your image url here" width="auto" /><br />your descriptive text here</a></td>


<td align="center" width="25%"><a href="your blog url here/" target="_blank"> <img height="auto" src="your image url here" width="auto" /><br />your descriptive text here</a></td>


<td align="center" width="25%"><a href="your blog url here/" target="_blank"> <img height="140" src="your image url here" width="140" /><br />your descriptive text here</a></td>


<td align="center" width="25%"><a href="your blog url here/" target="_blank"> <img height="140" src="your image url here" width="140" /><br />your descriptive text here</a></td>


</tr>

</tbody>

</table>