javascript listview (list of events)

I want to create a list view of events on a website using javascript, html5, and css. I could use a library for javascript.

I want each event to have the following:
a picture
a title
a few description sentences
a button to register
date of the event

what is a good way to do this? Or a library widget? Just looking for some basic pointers to the right tool for this exact thing.

Thanks,
alex
alexmac05Asked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

alexmac05Author Commented:
this is exactly the sort of thing i'm looking to create. perhaps i'll just try with an HTML table, but i thought there would be a widget for this

https://www.eventbrite.com/directory?format=Class
0
Kyle HamiltonData ScientistCommented:
you do not need JavaScript just to create the view.  if it's a list then you should use the list element: ul

don't use tables for layout. it might seem easier now but will give you a huge headache later.
0
alexmac05Author Commented:
So just HTML and CSS?
0
Kyle HamiltonData ScientistCommented:
yup.

something along the lines of:

ul
  li
   div <-- in here put all the bits and pieces, picture, text, etc...

do a reset on the list elements to remove margins padding and bullets.
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
alexmac05Author Commented:
Thank you
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Web Applications

From novice to tech pro — start learning today.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.