Solved

Align post excerpt with post image.

Posted on 2011-03-18
1
411 Views
Last Modified: 2012-05-11
I am creating a blog for our website, and want to display the post excerpt with an image. I am using a plugin called Thumbnail For Excerpts which posts an image from the post, for the blog page.

I want to have my post text to be to the right of the image though, and cannot seem to do it. Could somebody have a look at my CSS and see where i am going wrong and how to fix this please.

mock-up of what i am wanting to do.

here is a link to my website, blog page.
my website
0
Comment
Question by:Jon Imms
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
1 Comment
 
LVL 21

Accepted Solution

by:
Julian Matz earned 500 total points
ID: 35169720
Hello!

Try adding this somewhere to your stylesheet:

img.alignleft
{
     float: left;
     margin: 0 10px 5px 0;
}

hr
{
     clear: both;
}

Open in new window



Hope that helps.
0

Featured Post

Secure Your WordPress Site: 5 Essential Approaches

WordPress is the web's most popular CMS, but its dominance also makes it a target for attackers. Our eBook will show you how to:

Prevent costly exploits of core and plugin vulnerabilities
Repel automated attacks
Lock down your dashboard, secure your code, and protect your users

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article discusses four methods for overlaying images in a container on a web page
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
The purpose of this video is to demonstrate how to prevent comment spam on a WordPress Website. This will be demonstrated using a Windows 8 PC. Plugin Akismet will be used. Go to your WordPress login page. This will look like the following: myw…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)

751 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question