• Post Reply
  • Bookmark Topic Watch Topic
  • New Topic

Html Lists CSS Query

 
Deep Nair
Greenhorn
Posts: 13
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Hi,

I have a requirement to remove the use of tables and replace the code with html lists (ul, li). The html code to be replaced is as below



Tried multiple options using lists (ul, li) but could not achieve this display. The text on the right always went below the image using lists, I wanted the vertical text list (name, then age, then city) to be adjacent to the image i.e. the list should produce the same shape as produced by the above table.

Please let me know how this can be done via CSS with html lists.

Thanks,
Deepna
 
Eric Pascarello
author
Rancher
Posts: 15385
6
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
A list does not seem right for this mark up, but the basic idea is here: http://jsfiddle.net/vyGcb/

See if you can make it work, if you struggle, post what you try here.


Eric
 
Zak Ruvalcaba
author
Greenhorn
Posts: 29
5
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Very quick mockup here but what about something like this:

 
  • Post Reply
  • Bookmark Topic Watch Topic
  • New Topic