WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Thumbnail picture left, link right (3 posts)

  1. Raunchy Mike
    Member
    Posted 2 years 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. Ryan Yu
    Member
    Posted 2 years 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 2 years 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!

Topic Closed

This topic has been closed to new replies.

About this Topic