Sign In| Join
Get Help:Ask a Question in our Forums|Report a Bug|More Help Resources
Last post Dec 12, 2012 06:03 AM by asteranup
Member
12 Points
63 Posts
Dec 11, 2012 03:56 PM|LINK
I have ONLY one <UL> and under that we have group of <LI>
<ul> <li>1<li> <li>2<li> <li>3</li> <li>4<li> </ul>
now I wanted to show them as TABLE, please help me with CSS, how can we show as a TABLE for above UL/LI in below table format, 2 LI set in one TR (two TD) and so on....
Dec 11, 2012 04:19 PM|LINK
how to do that styling so that UL/LI represented as TABLE...I also want to break 2 LI into a single TR...also want to show heading?
All-Star
20277 Points
3349 Posts
Dec 11, 2012 04:36 PM|LINK
Hi,
May i know the reason, why you wish <UL> to be diaplyed as TABLE!
Instead you can use TABLE itself right!
Hope it helps u...
Contributor
2759 Points
1060 Posts
Dec 11, 2012 05:01 PM|LINK
1. An easy way is to use it as a table.
2. You can use two lists. like
<ul> <li> </li> <li> </li> </ul> <ul> <li> </li> <li> </li> </ul>
This way you will have two lists.
Now you want to display them in a line. Use display function.
like
ul.first { float: left; } ul.left { float: right; }
30184 Points
4906 Posts
Dec 12, 2012 06:03 AM|LINK
Try this-
http://jsfiddle.net/asteranup/BwtaQ/
ajmaly
Member
12 Points
63 Posts
ul/li to table (with good styling)
Dec 11, 2012 03:56 PM|LINK
I have ONLY one <UL> and under that we have group of <LI>
now I wanted to show them as TABLE, please help me with CSS, how can we show as a TABLE for above UL/LI in below table format, 2 LI set in one TR (two TD) and so on....
ajmaly
Member
12 Points
63 Posts
Re: ul/li to table (with good styling)
Dec 11, 2012 04:19 PM|LINK
how to do that styling so that UL/LI represented as TABLE...I also want to break 2 LI into a single TR...also want to show heading?
roopeshreddy
All-Star
20277 Points
3349 Posts
Re: ul/li to table (with good styling)
Dec 11, 2012 04:36 PM|LINK
Hi,
May i know the reason, why you wish <UL> to be diaplyed as TABLE!
Instead you can use TABLE itself right!
Hope it helps u...
Roopesh Reddy C
Roopesh's Space
Afzaal.Ahmad...
Contributor
2759 Points
1060 Posts
Re: ul/li to table (with good styling)
Dec 11, 2012 05:01 PM|LINK
1. An easy way is to use it as a table.
2. You can use two lists. like
This way you will have two lists.
Now you want to display them in a line. Use display function.
like
ul.first { float: left; } ul.left { float: right; }~~! FIREWALL !~~
asteranup
All-Star
30184 Points
4906 Posts
Re: ul/li to table (with good styling)
Dec 12, 2012 06:03 AM|LINK
Hi,
Try this-
http://jsfiddle.net/asteranup/BwtaQ/
Anup Das Gupta
Mark as Answer if you feel so. Visit My Blog