WordPress.org

1. Raunchy Mike
   Member
   Posted 5 months ago #

   This is the page I'm referring to: http://www.raunchymike.com/raunchylinks/

   I want the pictures on the left and next to each picture the link.

   Can anyone help me?

   Thanks in advance!

2. geeksfolder
   Member
   Posted 5 months ago #

   Hey Raunchy Mike,

   On the "edit page", change the editor to html from visual mode.
   You will see those code for the picture and name.

   <p><a href="http://www.raunchymike.com/wp-content/uploads/2011/12/December-8th-A-Hero-Dies.jpg"><img width="150" height="150" class="alignleft size-thumbnail wp-image-230" title="December 8th A Hero Dies" alt="" src="http://www.raunchymike.com/wp-content/uploads/2011/12/December-8th-A-Hero-Dies-150x150.jpg"></a></p>
   
   <p><a target="_blank" title="Ride for Dime" href="http://www.ridefordime.com/">Ride for Dime</a></p>

   Wrap it up with <div> box with a class name. So it will look something like:

   <div class="picturebox">
   <p><a href="http://www.raunchymike.com/wp-content/uploads/2011/12/December-8th-A-Hero-Dies.jpg"><img width="150" height="150" class="alignleft size-thumbnail wp-image-230" title="December 8th A Hero Dies" alt="" src="http://www.raunchymike.com/wp-content/uploads/2011/12/December-8th-A-Hero-Dies-150x150.jpg"></a></p>
   
   <p><a target="_blank" title="Ride for Dime" href="http://www.ridefordime.com/">Ride for Dime</a></p>
   </div>

   Now go to Appearance > Editor and click Stylesheet link in the right sidebar. At the bottom of it, add the css code and save it.

   .picturebox { clear:both; }

   It should work.

3. Raunchy Mike
   Member
   Posted 5 months ago #

   Hi geeksfolder, I tried but I probably did something wrong because it didn't work.

   This did the trick though: <p align="none"> </p>. It adds a space, so if you add enough the thumbnails and the links line up perfectly. I found it on: http://en.forums.wordpress.com/topic/how-can-i-add-spaces-to-a-post?replies=10

   Check the result on: http://www.raunchymike.com/raunchylinks/

   Thanks!

Reply

You must log in to post.