Solved

Align post excerpt with post image.

Posted on 2011-03-18
1
419 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

Creating Instructional Tutorials  

For Any Use & On Any Platform

Contextual Guidance at the moment of need helps your employees/users adopt software o& achieve even the most complex tasks instantly. Boost knowledge retention, software adoption & employee engagement with easy solution.

Question has a verified solution.

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

Finding original email is quite difficult due to their duplicates. From this article, you will come to know why multiple duplicates of same emails appear and how to delete duplicate emails from Outlook securely and instantly while vital emails remai…
Originally, this post was published on Monitis Blog, you can check it here . Websites are getting bigger and more complicated by the day. Video, images and custom fonts are all great for showcasing your product or service. But the price to pay in…
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)
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

632 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