javascript - Info box similar to Google Image Search Results -
here factors borrow googles image search results: each item sits next each other , falls next row if cant fit in current row because of browser windows width. when 1 item clicked on, info box slides open directly below row of selected item, fills width of browser, indicator visible @ bottom of selected item. when info box opened, if browser width changed, items fall row can fill (top first) or fall row below. not affect 100% width of info box or position directly below row of selected item. i have implemented first bullet creating divs have display: inline-block i want solution thats html , css first, , javascript (jquery, ajax etc.) if necessary, dont using many html attributes except ones i'd need make work, id , class , src etc. use css whenever possible instead. if can stick html elements , style them css , ever remnants can't fulfilled css , html fulfilled javascript (or derivative jquery, ajax etc). an example of im @ far: <html> <head>
