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