Thank you for answering! I'm glad to hear that you can help.
Take a look at one of my ETG galleries done without tables:
https://www.touristbee.com/photos/Austr ... burg-2015/
As you know, you can do CTRL+U in your browser and see the page source. Take a look at this snippet:
<div class="main_table">
<tr class="tr_thumbnail_images" id="thumbsrow1">
<td id="td_thumbnail_1" class="td_thumbnail_image">
<a href="imgpages/salzburg-austria-10.html"><img src="thumbs/tn_salzburg-10.jpg"></a></td>
<td id="td_thumbnail_2" class="td_thumbnail_image">
<a href="imgpages/salzburg-austria-11.html"><img src="thumbs/tn_salzburg-austria-11.jpg"></a></td>
<td id="td_thumbnail_3" class="td_thumbnail_image">
<a href="imgpages/salzburg-austria-12.html"><img src="thumbs/tn_salzburg-12.jpg"></a></td>
<td id="td_thumbnail_4" class="td_thumbnail_image">
<a href="imgpages/salzburg-austria-13.html"><img src="thumbs/tn_salzburg-13.jpg"></a></td>
<td id="td_thumbnail_5" class="td_thumbnail_image">
<a href="imgpages/salzburg-austria-14.html"><img src="thumbs/tn_salzburg-14.jpg"></a></td>
</tr>
Page still works responsively but I really want to use <li> instead of the <tr><td> combination, as <li> would be the correct tag.
This is produced by [#thumbspage.thumbstable#]. Here is what I need:
Ideally there should be a new ETG tag called [#thumbspage.thumblist#] that will output like this:
<li id="td_thumbnail_1" class="td_thumbnail_image">
<a href="imgpages/salzburg-austria-10.html"><img src="thumbs/tn_salzburg-10.jpg"></a></li>
<li id="td_thumbnail_2" class="td_thumbnail_image">
<a href="imgpages/salzburg-austria-11.html"><img src="thumbs/tn_salzburg-austria-11.jpg"></a></li>
....
your id and class could be something different like id="li_thumbnail_1" and class="li_thumbnail_image", so that styles can be applied if needed.
For me, I don't use thumbnail title, but you can also insert the thumbnail title in the <a> tag.
This would be perfect!