<div class="item" style="display:table">
<div style="display:table-row">
<div class="p5" style="display:table-cell;width:5%;vertical-align:top;">
{jrCore_module_function function="jrImage_display" module="jrUser" type="user_image" item_id=$_user._user_id size="small" alt=$item.user_name class="action_item_user_img iloutline" _v=$_user.user_image_time}
</div>
<div class="p5" style="display:table-cell;width:95%;padding:5px 12px;">
<a id="cform"></a>
<form id="{$jrComment.unique_id}_form" action="{$jamroom_url}/{$curl}/comment_save" method="POST" onsubmit="jrPostComment('#{$jrComment.unique_id}', 'undefined', 500);return false">
. . .
</form>
</div>
</div>
</div>
. . .I plan to customize this for at least mobile devices to replace the display:table, display:table-row, display:table-cell with display:block (and of course a few more adjustments) but I would prefer to understand why table tags were used in the first place.
This question is simply a due diligence to mitigate side-effects.
--
TiG
updated by @tig: 12/18/17 02:17:44PM
