Forums
padding around post image
Moderator: admin
6 posts • Page 1 of 1
padding around post image
Cannot for the life of me get padding around my images in my blog posts and articles on here. The html is correct and appears as it should in the editor, but when I submit it, the text is right up next to the image, which makes it a little harder to read and plus it looks ridiculous. Any suggestions?
-

Matt Stefanik
Company: Neucopia, Inc.
Contribution Level: 2 - Posts: 10
- Joined: Wed Mar 09, 2011 6:58 am
Re: padding around post image
MattStefanik wrote:Cannot for the life of me get padding around my images in my blog posts and articles on here. The html is correct and appears as it should in the editor, but when I submit it, the text is right up next to the image, which makes it a little harder to read and plus it looks ridiculous. Any suggestions?
Hello Matt, I recommend that you submit a support ticket and ask them to look at this problem. They will need to modify the CSS for the BN site to set the margins and paddings to allow for floating images in blogs and articles. Kerry
Read my latest BN article on Branding Yourself
-

Kerry Thomas
Contribution Level: 2 - Posts: 88
- Joined: Sun Jan 02, 2011 11:23 am
Re: padding around post image
Thanks Kerry, I'll do that.
-

Matt Stefanik
Company: Neucopia, Inc.
Contribution Level: 2 - Posts: 10
- Joined: Wed Mar 09, 2011 6:58 am
Re: padding around post image
Hey Matt,
CSS is always a cascade and so sometimes what you load gets overwritten. Other times you need to be aware of a simple fact that since Wordpress and many sites are CSS controlled that HTML tags are overwritten by the CSS and are always going to be ignored. Use style to make sure your formatting is included in the cascade.
There are two solutions I have used to be a work around. One is to embed a <img Style="Padding:10;"> in the img tag. This may not work here in BBC code.
The other solution I use being an adobe creative suite user is to take your images into photoshop add a background that is 10px bigger than the image then save a new jpeg with white space around the image. It works anywhere to make sure you get some padding.
I know this is not an HTML solution but it does get the result you are looking for.
CSS is always a cascade and so sometimes what you load gets overwritten. Other times you need to be aware of a simple fact that since Wordpress and many sites are CSS controlled that HTML tags are overwritten by the CSS and are always going to be ignored. Use style to make sure your formatting is included in the cascade.
There are two solutions I have used to be a work around. One is to embed a <img Style="Padding:10;"> in the img tag. This may not work here in BBC code.
The other solution I use being an adobe creative suite user is to take your images into photoshop add a background that is 10px bigger than the image then save a new jpeg with white space around the image. It works anywhere to make sure you get some padding.
I know this is not an HTML solution but it does get the result you are looking for.
ESCAPEE FROM CORPORATE BONDAGE - Matthew Alston
Get the ENDLESS LEADS and INSTANT CASHFLOW like Traffic Formula 2.0 teaches TODAY!
NO TECH SKILLS NEEDED! I can HELP you BUILD your Wordpress Traffic Generation website.
Get the ENDLESS LEADS and INSTANT CASHFLOW like Traffic Formula 2.0 teaches TODAY!
NO TECH SKILLS NEEDED! I can HELP you BUILD your Wordpress Traffic Generation website.
-

Matt Alston
Company: Magnetic Sponsoring
Contribution Level: 2 - Posts: 39
- Joined: Fri Apr 08, 2011 2:54 pm
Re: padding around post image
Other times you need to be aware of a simple fact that since Wordpress and many sites are CSS controlled that HTML tags are overwritten by the CSS and are always going to be ignored.
--------------------------------
buy dvd online australia
supernatural season 7 dvd
--------------------------------
buy dvd online australia
supernatural season 7 dvd
-

JarodValdez JarodValdez
Contribution Level: 1 - Posts: 2
- Joined: Mon Jul 30, 2012 4:00 am
Re: padding around post image
Matt_Alston wrote:
The other solution I use being an adobe creative suite user is to take your images into photoshop add a background that is 10px bigger than the image then save a new jpeg with white space around the image. It works anywhere to make sure you get some padding.
I know this is not an HTML solution but it does get the result you are looking for.
I would have to agree with this. I know a lot of people that use "snagit". It is something like $50 bucks but it lets you put the padding and save the image. It is a really cool tool.
Katrina
Chef Katrina van Oudheusden
Blogging Coach - Speaker - Entrepreneur
Learn How to Build Blog in 20 minutes
Blogging Coach - Speaker - Entrepreneur
Learn How to Build Blog in 20 minutes
-

Katrina van Oudheusden
Company: Reliv International
Contribution Level: 4 - Posts: 62
- Joined: Wed Jan 02, 2008 3:26 pm
6 posts • Page 1 of 1
Who is online
Users browsing this forum: No registered users and 0 guests


