Recent Topics
  1. b2evolution CMS Support Forums
  2. b2evolution Support
  3. General Support
  4. Put text beside picture

Put text beside picture

1 Nov 10, 2008 01:07    

My b2evolution Version: Not Entered

I have searched for the answer and can't find it on here. I want to have on my blog a picture on the left side and the text to start on the right side next to the picture, currently it starts underneath. Is there a quick and dirty fix to make it happen this way every time a picture is posted in the blog, TIA.

Back to top

2 Nov 10, 2008 01:24

Years ago, when I knew less about CSS etc than I do now I used the following to float an image left and place text in the adjacent right space:
Example
http://wow-factor.com/index.php/flash_sites_50

Post code is something like...

<div class="newspost"><img src="http://wow-factor.com/news/images/panelotn.jpg" alt="Panelo.com" class="thumbs" /><br /><a href="http://www.panelo.com" title="Panelo.com">Panelo.com</a><p>Simply beyond imagination</p></div>

The CSS is

.newspost {
	display: block;
	clear: right;
	margin: 0 0 54px;
}

.thumbs {
	border: 1px solid #bb9;
	float: left;
	background: #fff;
	margin: 4px 10px 6px 0;
	padding: 6px;
}

Like I say, this goes back a long time... you might not need the clear:right and change margins and padding etc to suit.

Back to top

3 Nov 10, 2008 02:34

thanks for that, I'll give it a whirl and see if it suits my needs, thanks.

Back to top


Form is loading...