Problem with bulleted lists and pictures
Can anyone help with a problem I’m having with a list on one of my posts: http://goodtype.wordpress.com/2008/12/23/helvetica/
As you can see the list (near the bottom) becomes increasingly indented and out of whack. I’ve had a look and a fiddle around but I can’t seem to fix it. Ideally each item would just be indented one level.
The code, taken from the post interface is:
<ul> <li><em><img class="alignleft size-full wp-image-3" title="a_hel_lowercase" src="http://goodtype.wordpress.com/files/2008/12/a_hel_lowercase.png" alt="a_hel_lowercase" width="100" height="100" />The minuscule A</em>. The bowl is pretty delightful, and looks almost like a tear, or a leaf, or a raindrop. It’s nice enough to add character, yet doesn’t sacrifice legibility. The kick of the tail is pretty cute also. However the cute little kick disappears when bold-ified, which is like saying goodbye to that cute person who you used to work with but strangely disappeared one day. </li> <li><img class="alignleft size-full wp-image-5" title="g_hel_uppercase" src="http://goodtype.wordpress.com/files/2008/12/g_hel_uppercase.png" alt="g_hel_uppercase" width="100" height="100" /> <em>The majuscule G</em>. It forms an arrow which seems a little gimmicky, but makes the letter dynamic and makes me want to GO GO GO. There’s a little chip out of the G that I’m not totally wild about, but it might look a little too blocky without out. </li> <li><em><img class="alignleft size-full wp-image-9" title="t_hel_lowercase" src="http://goodtype.wordpress.com/files/2008/12/t_hel_lowercase.png" alt="t_hel_lowercase" width="100" height="100" />The minuscule T</em>. Much like the lower case A, the T is pretty fun, and has a little bendy bit that stops the whole thing from looking just like a simple cross. </li> <li><img class="alignleft size-full wp-image-25" title="es_hel_lowercase" src="http://goodtype.wordpress.com/files/2008/12/es_hel_lowercase.png" alt="es_hel_lowercase" width="100" height="200" /><em>The minuscule S & E</em>. Both are nice. There is something about the E that seems so familar, and is classically <strong>Helvetica</strong>. While my fondness for the A and T is more studied, I think the fondness caused by the E is natural. Likewise the S is curved just right, and avoids being dull. The parallel terminals are one of the cornerstones of <strong>Helvetica’s</strong> style. </li> </ul>
Thanks for any help or advice. I’m sure it must be something simple!
I think you can solve the problem by using the code for a table (with proper “padding”) instead of a list.
Of course; I didn’t see the option for a table in the posting interface and assumed they were a little too web 1.0 for wordpress. I’ll try and report back!
Thanks, worked a charm! :)
The topic ‘Problem with bulleted lists and pictures’ is closed to new replies.