Pls advice!

I want to have paging in my long posts. So i added the following tag: <!––nextpage––> in my post, but each time after saving the post, the tag vanishes, and i don't see any paging either in my post.

Please advice.

Aside from a blog being accepted into WordAds, no blogger initiated advertising, retailing or reselling the work or products created or services provided by anyone other than yourself is allowed on free hosted wordpress.com blogs. E-commerce transactions via shopping carts and the like cannot be conducted on free blogs from and being free hosted by wordpress.com
http://en.support.wordpress.com/advertising/
http://en.wordpress.com/types-of-blogs/
http://en.support.wordpress.com/affiliate-links/
http://en.support.wordpress.com/suspended-blogs/
http://en.wordpress.com/tos/

If you do require an ecommerce site, advertising and/or affiliate links you can hire a web host and get a free software install from http://wordpress.org Refer to > http://support.wordpress.com/com-vs-org/

http://echopen.wordpress.com/web-videos/

you cannot get to the second part of the post without my link at the bottom.
the page numbers disappears.

Adding pagination

<!--nextpage-->

into a Page with the default template works fine.

adding the code into a Page with l Page, No sidebar" template and preview post
the page buttons (the numbers at the bottom of the page) disappear. They are needed to for a reader to find the next sub page.

1. I have checked my tags, they are fine and closed and pretty simple so I have ruled that out.
2. blog: http://echopen.wordpress.com/ /li>
3. I will post the page in question when I finish it as we do for the Forums, when i complete it
.

For now I will make my own page buttons on my split page, but I hope the Theme Wranglers will fix this for the future.
thank you

You might pop it into a plain text file and save it. Or not. :-)

#blackout-ribbon {
position: fixed !important;
top: -50px !important;
top: -22px !important;
right: 0 !important;
z-index: 99000 !important;
cursor: pointer !important;
height: 40px !important;
line-height: 40px !important;
padding: 0 100px !important;
font-size: 16px !important;
letter-spacing: 1px !important;
text-shadow: -1px -1px 0 #111 !important;
font-family: "Helvetica Neue", sans-serif !important;
text-decoration: none !important;
color: white !important;
text-transform: uppercase !important;
font-weight: bold !important;
border-style: solid !important;
border-color: #414141 !important;
border-width: 1px 0 !important;
-webkit-box-shadow: inset 0 0 0 1px #6A6A6A !important;
-moz-box-shadow: inset 0 0 0 1px #6A6A6A !important;
box-shadow: inset 0 0 0 1px #6A6A6A !important;
background-color: #222 !important;
background-image: linear-gradient(left , #222 0%, #545454 50%, #222 100%) !important;
background-image: -o-linear-gradient(left , #222 0%, #545454 50%, #222 100%) !important;
background-image: -moz-linear-gradient(left , #222 0%, #545454 50%, #222 100%) !important;
background-image: -webkit-gradient( linear, left top, right top, color-stop(0, #222), color-stop(0.5, #545454), color-stop(1, #222) ) !important;
background-image: -webkit-linear-gradient(left , #222 0%, #545454 50%, #222 100%) !important;
background-image: -ms-linear-gradient(left , #222 0%, #545454 50%, #222 100%) !important;
-moz-transform: rotate(45deg) translate(151px, -11px) !important;
-webkit-transform: rotate(45deg) translate(151px, -11px) !important;
-o-transform: rotate(45deg) translate(151px, -11px) !important;
-ms-transform: rotate(45deg) translate(151px, -11px) !important;
transform: rotate(45deg) translate(151px, -11px) !important;
}

You can create a square, transparent PNG image with the ribbon and then put slip it in as a background image right aligned at top.

One is spacing between paragraphs since each non-captioned image is enclosed in paragraph tags.

The second is some bottom margin that is set for all non-captioned images.

The paragraph spacing should not be changed since it would also change the spacing between textual paragraphs.

You can adjust the bottom margin for centered images by adding this to your CSS and adjusting as desired, but this will also bring any text under an image up closer to the bottom of the image and it will also affect captioned images that are before or follow a non-captioned image.

You can add this to your CSS and play with the bottom margin values. The second bit of code you already have in your CSS (without the margin-bottom) so just add a margin-bottom declaration to it and the you will have to work the two together to get the spacing to be consistent. Make sure and check spacing between images and text following an image as this will also be affected by the changes you make below.

.aligncenter, #sidebar .aligncenter {
margin-bottom: 10px;
}

.wp-caption {
margin-bottom: 5px;
}

Point me to a place where you are seeing this.

Thank you very much .. #SHIMWORLD is now ready to usher in the Year of the Dragon (3 days to go).

.wp-caption p.wp-caption-text {
background-color: #000000;
color: #FFFFFF;
font-size: 13px;
margin-left: 4px !important;
margin-right: 4px !important;
padding: 10px !important;
line-height: 130% !important;
}

.wp-caption {
background: none;
border: none;
}

.wp-caption img {
border: 1px solid #000000 !important;
}

The wordpress/theme software is actually setting the width of the caption background in the HTML code. Normally the way I do this is to bring it in at the same width as the image and then use CSS to add padding as needed around the image. That gives you full control through CSS. The way this is done on this particular theme, the width of the caption background is out of our hands. The best we can do is take away the border line and the padding set in the CSS which will leave 5px of background showing on left, top and right of the image.

Let take out all the code I had you put in, and you tweaked, and start from scratch.

[sourcecode language="css"]
.wp-caption {
background:#000000;
border:none;
border-radius:0;
color:#eee;
width:620px!important;
padding:1px 0 10px;
}

.wp-caption p.wp-caption-text {
font-size:1em;
padding-top:9px;
line-height:1.5em;
}

.widget_image .wp-caption {
background:none repeat scroll 0 0 #000000;
border:medium none;
border-radius:0 0 0 0;
color:#EEEEEE;
width:232px!important;
padding:0 0 10px;
}
[/sourcecode]

.entry .wp-caption {
background: #000000;
padding: 2px 0 10px;
width: 624px !important;
border: none;
border-radius: 0;
color: #eee;
}

.entry .wp-caption p.wp-caption-text {
line-height: 1.5em;
}

.widget_image .wp-caption {
background: none repeat scroll 0 0 #000000;
border: medium none;
border-radius: 0 0 0 0;
color: #EEEEEE;
padding: 2px 0 10px;
width: 234px !important;
}

`.widget_image .wp-caption {
background: none repeat scroll 0 0 #000000;
border: medium none;
border-radius: 0 0 0 0;
color: #EEEEEE;
padding: 2px 0 10px;
width: 234px !important;
}

.widget_image .wp-caption {
background: none repeat scroll 0 0 #000000;
border: medium none;
border-radius: 0 0 0 0;
color: #EEEEEE;
padding: 2px 0 10px;
width: 234px !important;
}`