css - JQuery mobile, How to add two or more anchors to a li element? -
does can create jsfiddle code demonstrate how integrate 2 or more anchor tags in same li
item? have searched no clear answer of how instance divide li
element lets 3 square anchors 1/3 each. example need add div
tags each anchor?
eg.
<ul> <li> <a href= "#anchor1"></a> <a href= "#anchor2"></a> <a href= "#anchor3"></a> </li> <li> <a href= "#anchor1"></a> <a href= "#anchor2"></a> <a href= "#anchor3"></a> </li>
you can use jquery mobile grid:
e.g.:
<li> <div class="ui-grid-b"> <div class="ui-block-a"> <a href= "#anchor1"><img src="http://lorempixel.com/80/80/food/1/" /></a> </div> <div class="ui-block-b"> <a href= "#anchor1" class="ui-btn">some text</a> </div> <div class="ui-block-c"> <a href= "#anchor1" class="ui-btn"> delete</a> </div> </div> </li>
here simple demo
note: can use css tweak widths, margins, padding, etc. taste.
Comments
Post a Comment