Html unsorted list – messed up
-
When using a “ul” element with several “li” elements in my posts to create a list with bullet point the following happens:
1.) If the “li” item can make it in one line on the screen the look is nice and cute
2.) If there is a linebreak in the “li” element the second row starts anywhere except for the lining up with the first line.Here is an example: http://vandieken.wordpress.com/2007/01/07/ Just open it with FF and scale the size of the letter until the “li” element does not fit into one line anymore.
I already tried to solve this using local CSS definitions in the “li” or “ul” element but could not figure out how to correct this.
Does anyone have an idea about how to deal with this? Or knows the CSS definition I would have to use in order to fix it for FF?
-
I’m assuming you fixed or that you need to clear your browser cache (ctrl F5). This is because I am looking at it in firefox2 and it looks fine. None of the four bulleted points are longer than one line.
-
I guess your font size is small enough to make it fit into one line ;-) Just increase the font size in FF via Extras->Settings->Content
Then review the page again. Now you should get the line brake and according to it the “problem” I described before.
-
just use internet explorer :P
(kidding)
seriously, the problem is caused by the funny little arrow before each line. it only shows up in non-IE browsers.
- The topic ‘Html unsorted list – messed up’ is closed to new replies.
WordPress.com Forums 