RIRedinPA Posted January 8, 2010 Share Posted January 8, 2010 is this possible... 1 1 1 2 2 2 3 3 3 I can't get this to layout correctly...everything is stacked vertically as opposed to horizontally... <html> <head> <title>TITLE GOES HERE</title> <!--CSS Link--> </head> <body> <ul style="width: 500px; border: 1px solid red;"> <li style="display: inline; list-style-type:none;"> <h2>Title 1</h2> <ul> <li>1</li> <li>2</li> <li>2</li> </ul> </li> <li style="display: inline; list-style-type:none;"> <h2>Title 2</h2> <ul> <li>1</li> <li>2</li> <li>2</li> </ul> </li> <li style="display: inline; list-style-type:none;"> <h2>Title 3</h2> <ul> <li>1</li> <li>2</li> <li>2</li> </ul> </li> </ul> </body> </html> Quote Link to comment https://forums.phpfreaks.com/topic/187727-css-vertical-unordered-list-within-horizontal-unordered-list/ Share on other sites More sharing options...
haku Posted January 8, 2010 Share Posted January 8, 2010 Is that supposed to be three lists: 111, 222 and 333 or three lists: 123, 123 and 123? Quote Link to comment https://forums.phpfreaks.com/topic/187727-css-vertical-unordered-list-within-horizontal-unordered-list/#findComment-991094 Share on other sites More sharing options...
RIRedinPA Posted January 8, 2010 Author Share Posted January 8, 2010 Is that supposed to be three lists: 111, 222 and 333 or three lists: 123, 123 and 123? 123, 123, 123 Quote Link to comment https://forums.phpfreaks.com/topic/187727-css-vertical-unordered-list-within-horizontal-unordered-list/#findComment-991101 Share on other sites More sharing options...
haku Posted January 8, 2010 Share Posted January 8, 2010 Are you sure this isn't tabular data? It looks tabular, in which case you should use a table. But if it isn't tabular, then you can do this: <ul id="outer"> <li> <ul class="inner"> <li>1</li> <li>2</li> <li>3</li> </ul> </li> <li> <ul class="inner"> <li>1</li> <li>2</li> <li>3</li> </ul> </li> <li> <ul class="inner"> <li>1</li> <li>2</li> <li>3</li> </ul> </li> </ul> CSS: ul#outer li { float:left; } ul.inner li { float:none; } Quote Link to comment https://forums.phpfreaks.com/topic/187727-css-vertical-unordered-list-within-horizontal-unordered-list/#findComment-991178 Share on other sites More sharing options...
RIRedinPA Posted January 8, 2010 Author Share Posted January 8, 2010 Thanks. It can be tabular data and I considered that but where's the fun in it. Quote Link to comment https://forums.phpfreaks.com/topic/187727-css-vertical-unordered-list-within-horizontal-unordered-list/#findComment-991184 Share on other sites More sharing options...
haku Posted January 8, 2010 Share Posted January 8, 2010 If it's tabular data, it should be in a table. It's just as bad to not use tables when you should, as it is to use tables when you shouldn't! But if they are lists, you can use the method above. Quote Link to comment https://forums.phpfreaks.com/topic/187727-css-vertical-unordered-list-within-horizontal-unordered-list/#findComment-991188 Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.