html - Wrapping items vertically inside DataList when re-sizing browser -
i have 3 column datalist , i'm trying wrap 3 items appear horizontally vertically. believe problem prevents happening 3 column datalist should change 1 column datalist.
at moment i'm trying wrap 'boxer' divs verically no success.
any ideas how achieve this?
<div class="dottedx"> <div class="wrapping"> <asp:datalist id="datalist2" runat="server" datakeyfield="productid" datasourceid="sqldatasource2" bordercolor="black" cellpadding="5" cellspacing="5" repeatdirection="horizontal" repeatcolumns="3" borderwidth="0px" > <itemtemplate> <div id="boxer" class="column"> <asp:image id="image1" runat="server" imageurl='<%# "~/images/topimages/" & eval("image") %>' cssclass="topimage" /> <br /><br /> productid: <asp:label id="productidlabel" runat="server" text='<%# eval("productid") %>' /> <br /> name: <asp:label id="namelabel" runat="server" text='<%# eval("name") %>' /> <br /> </div> </itemtemplate> </asp:datalist> </div> </div>
have tried using float: left?
perhaps can post visual example?
Comments
Post a Comment