padding and margins

[Harvey]

How to I adding padding to a line of text? An image?

Thank you.

[Pedro]

Do you want to add padding to a line inside a post?

[GregChapman]

On the other hand if it's something more complex you want to do then take a look at:
http://greg-afloat.969558.n3.nabble.com/Sealing-the-Keel-td4023773.html

The first image you see on the page was coded like this:

<p class="caption750"><nabble_img src="keelseal01.jpg" border="0" class="center" alt="Rust
Marks in the Cockpit"/>I had first noticed the rusty stain a month ago which had accumulated in
various corners of <i>Just&nbsp;17</i>.<br>Then I assumed it was caused by iron filings blown
across the dyke from the quay heading work.</p>

While in the CSS dialogue under the "Change Appearance" option contains this styling code:

.nabble .caption750 {
	background-color: #ddddee;
	width: 760px;
	text-align: center;
	font-size: 0.9em;
	margin: 5px auto;
	padding: 5px 0px;
	border: 1px solid #000080;
}

I'm happy to give an explanation of the code if you need it.

[Harvey]

Sorry to ask this again. I know I've asked this before but I can't find the answer.

<nabble_img src="Image.jpg" class="center single"/><h5 style="text-align: center; font-size: .9em;">Caption</h5>

I want to add padding to the top and bottom of this image. Pedro/Hugo can you help?

[Pedro]

In this case your top and bottom padding will be 10px.

<img src="http://support.nabble.com/file/n7583536/Image.jpg" class="center single" style="padding: 10px 0px" /><h5 style="text-align: center; font-size: .9em;">Caption</h5>

If you want they different you can do: padding: top_value right_value bottom_value left_value .

[Harvey]

When I do that (actually I used margin) the "p" (paragraph) tags no longer work.

[Pedro]

Is it working with padding? If you will use it frequently we should add a class to these images.

[Harvey]

It "works" with the padding except that space is created BETWEEN the image and the white border. I want the border treated as part of the image.

I just want more space between top on bottom of the image and the text.

Right now I'm using line breaks to do it which seems a little hacky.

Also I want the caption to stay next to the photo.

[Pedro]

Please, give the link to this post. I want to check the html within this image.

[Harvey]

Thanks:

http://mag.nyskiblog.com/Southwestern-Colorado-Dreams-td4023597.html

I put things back the way they were but there is the link.

On Sun, Mar 10, 2013 at 11:18 PM, Pedro <Nabble> [via Nabble Support] <[hidden email]> wrote:

Please, give the link to this post. I want to check the html within this image.

---

If you reply to this email, your message will be added to the discussion below:

http://support.nabble.com/padding-and-margins-tp7580916p7583549.html

To unsubscribe from padding and margins, click here.
NAML

--
"Like" us on Facebook: www.facebook.com/NYSkiBlog
Follow us on Twitter: http://twitter.com/nyskiblog
----------
Harvey Road: NYSkiBlog.com
NY Ski Forum: forum.NYSkiBlog.com
NY Ski Magazine: mag.NYSkiBlog.com

NY Ski Directory: directory.NYSkiBlog.com

[Pedro]

In this case you could use margin: 10px 0px;, the space between the top text and the image, and between the legend and the image will be bigger.
I note that you have two classes: single and double, you can add the margin in their css.