Laico Posted March 3, 2006 Share Posted March 3, 2006 I hate it when CSS behaves strangely at firefox/ie/opera etc. I have bulleted lists with sub-buletted and sub-sub-buletted lists. but they seem to not being indented in any way.. I write them like this:<ul> <li>asd</li> <li>asd <ul> <li>asd</li> <li>asd</li> </ul> </li> <li>asd <ul> <li>asd</li> <li>asd</li> <li>asd</li> <li>asd</li> </ul> </li> <li>asd <ul> <li>asd</li> <li>asd</li> <li>asd</li> </ul> </li> <li>asd <ul> <li>asd</li> <li>asd</li> <li>asd</li> <li>asd</li> <li>asd <ul> <li>asd</li> <li>asd</li> <li>asd</li> </ul> </li> <li>asd</li> <li>asd</li> </ul> </li> <li>asd</li> <li>asd</li> </ul> but they don't look like this: asdasdasdasd [*]asdasdasdasdasd [*]asdasdasdasd [*]asdasdasdasdasdasd [*]asd [*]asd asdasdasd [*]asd [*]asd How do I fix this behavior? Quote Link to comment Share on other sites More sharing options...
Guest DesignsDivision Posted March 4, 2006 Share Posted March 4, 2006 You aren't closing your tags properly. To imbed a list into another list you still close your tags normally. For example. You have (red closing tag incorrectly placed) <ul> <li>asd</li> <li>asd <ul> <li>asd</li> <li>asd</li> </ul> </li> <li>asd <ul> <li>asd</li> <li>asd</li> <li>asd</li> <li>asd</li> </ul> </li> <li>asd <ul> <li>asd</li> <li>asd</li> <li>asd</li> </ul> </li> Should be (note the placement of the red end tag) <ul> <li>asd</li> <li>asd</li> <ul> <li>asd</li> <li>asd</li> </ul> <li>asd</li> <ul> <li>asd</li> <li>asd</li> <li>asd</li> <li>asd</li> </ul> <li>asd</li> <ul> <li>asd</li> <li>asd</li> <li>asd</li> </ul> and so on and so on. Christina Quote Link to comment 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.