Need help? Check out our Support site, then


Problem with bulleted lists and pictures

  1. 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>
  2. Thanks for any help or advice. I'm sure it must be something simple!

  3. I think you can solve the problem by using the code for a table (with proper "padding") instead of a list.

  4. 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!

  5. Thanks, worked a charm! :)

Topic Closed

This topic has been closed to new replies.

About this Topic