how to place an div tag for datalist control

Question

hi. i have a datalist control where i displaying images have (6 colums * 5 rows) . right now i am showing entire thing in a page. but i need to fix the height to 300px . and do the scrolling thing so that i can show the 3,4 5 row of the datalist control

does anyone know the css how to fix this issue

thank you

Answer 1

put your datalist in div

<div style="height: 300px; overflow:auto;">
        <asp:DataList ID="DataList1" runat="server">
        </asp:DataList>
    </div>

Answer 2

Assuming the wrapping <div> element has the id myDiv:

#myDiv {
  height: 300px;
  overflow: auto;
}

Answer 3

Off the top of my head, I'd wrap a div around your images, and set the height in the style element of that div to 300px. Then set the overflow (also in the style element) to scroll

<div style="height: 300px; overflow: auto">
... your images
</div>

edited following jorn's comment.