Gap between pages

I have a document with pages on spreads. I want to have a gap between the pages. It is for a set of cards and I need some space around it for the bleed. I found out I have to use the page tool for this. However the x value is greyed out so I'm not able to adjust this. How can I fix this?
TIA
Bernet

Another suggestion: don't use spreads for your document.
Then create a new innd document with facing pages and import your PDF into them. So you can preview your work.
Another trick would be to set up your master page like with 3 facing pages.
Select the inside page in the Master page panel, and set up a personalized size (at least twice the value of the bleed).
This is definitely not a very orthodox way and you might encounter difficulties when creating 3 new pages:
if you allow redistribution, only 2 pages will face, if you don't, they'll face the previous ones...
Drag and drop all 3 together will do the trick.
InDesign Help | Managing pages and spreads
OR create 3 different masters, one for front, one for back, one for gap (with smaller width). Better way if you need different master for Front and Back cards.
Both ways: main problem will be exporting: you'll need to be careful not to export the "gap" pages... That will be a hassle.
Anyhow, it's a trick, not a solution really...
Edit : while I was writing all this, many suggestions have been sent... better than mine (I could delete it but I just leave for information purpose)
However please note you might also encounter difficulties:
Peter's old school solution is fine but, your printer might not like "artificial" crop marks. If you use this solution, make sure his imposition software don't make a mess...
Winterm's one is just what you were looking for I guess. I just hope you don't have 2 x 500 cards to create otherwise, it will take long time to set up every set of cards..
Sorry I didn't understand Ellis' answer...

Similar Messages

CS5 Multiple page sizes leaves a gap between pages on a spread

I'm laying out a 6pp DL leaflet.
I've set up page 1 as 97mm wide, pages 2 & 3 as 100mm wide. This is the usual way to set up a 6pp DL, only before CS 5 you would have to do it the long way round.
Only it seems when you have different page sizes in a spread it leaves a gap between the pages when there is an alternative page size, rather than butting the pages together.
How can I get rid of the gap between pages in order to print it as spreads?

M Blackburn wrote:
I just completed a job that has six pages of varying widths in one spread. Trying to drag the pages into place just doesn't work. You have to use the Control Panel. Select the pages (with the Page Tool) and make sure the X co-ordinate for the top left matches the width of the adjacent page. After two pages, you have to do the math, or move your rulers to the next page.
I don't know what you were doing, but Steve's method works perfectly for me. As long as shuffling is disallowed on a spread the pages will not separate. In fact, I've not found a way to create a gap between pages that are joined as a spread, even two page spreads for which shuffling is allowed, so perhaps I don't understand the question at all.

Acrobat DC: personalize the size gaps between pages in 2pages view?

Is it possible to personalize the size gaps between pages in page display (two pages view)?
Otherwise, Can I remove the dotted line if I don't select the "gaps between pages" option in page display menu?

thank you aadeshs76610910 for your reply
then when I must see two pages without gapes or lines I will use Foxit

Can I change the dashed line between pages in 2up Display mode?

Did anyone ever figure out an answer to this query: Remove dashed page lines in two up mode?
Or did it get fixed or modifiable in a later version?
I'm viewing a pdf in two-up mode and I hate the dashed line Acrobat uses to indicate the gutter line between pages.
I don't want to export as spreads from the indd doc because it ruins pagination.
I wouldn't mind changing it to a solid hairline. the dashes are really distracting.
I don't like Showing Gaps between pages either.
Anyone have a way to modify that dividing line in regular two-up mode?
Thanks.

Is there a way to change this?
No.

Dashed line between pages

Is it possible to avoid the dashed line between pages when "Show Gaps Between Pages" is unchecked? In other words is it possible to have the 2 pages join seamlessly, no gaps, no dashed lines?
Thanx,
Guido

"I would like to export the document to PDF using the spreads option, so that the spreads are combined into 1 page.
However, is there a way for the PDF to recognise the page numbers originally specified in InDesign?"
When you combine pages in a spread you make one page in Acrobat. I can't see how you would expect Acrobat to see this as
two pages.
k

I having trouble with a scrolling page......where i have a video. the pages between the video and the previous page jumps and show a gap between the pages.....i'm not sure if it is the spped or what?

I keep getting a gap between scrolling pages of a video and a regular page. Not sure why. I keep adjusting the speed, but still I get a gap in the pages as it scrolls. Thanks.

Hello cor-el, I apologize for not letting you know if your suggestions about my question worked or not. I came down with pneumonia and then caught the flu on top of that. Today I tried what you had suggested about disabling the hardware acceleration and it didn't make any difference. You had also gave me a link to he article about plug-ins and when I clicked on the list of the current plug-ins I have the following is what came up:
Fox-it Reader Plug-In for Mozilla, 2.2.3.703
Microsoft DRM 9.0.0.3250
(drm netscape network object)
Microsoft DRM 9.0.0.3250
(drm store netscape plug in)
Shockwave Flash 12.0.0.43
Windows Media Player Plug In Dynamic Link Library 3.0.2.628
(np dsplay d11)
Windows Presentation Foundation 3.5.30729.1
When I then clicked to see if there were updates available, the only one that it said was updated was the Shockwave Flash. The Windows Media Plug In Dynamic Link Library, said the status was vulnerable and the other three said the status was unknown. Does any of this make sense to you and are there things that should be on the plug in list that aren't? I apologize for the length of my post but I wanted to give you as much information as possible. Thanks for your help

A gap between iViews in a page

Hello all,
Usually the topLevelNavigation is in the framWorkPage as an iView.
We created a new page (wide:narrow)
in the wide column inserted the topLevelNavigation iView, in the narrow column: our company logo.
The problem: there is a gap around both iViews in the page.
<b>How can we get rid of this gap?</b>
Here is a picture of the new page:
<a href="http://www.badongo.com/pic/290211">a picture</a>
By the way:
in the iViews and the page: the property 'Add padding inside tray' is checked as NO.
In the theme --> Portal body --> we changed all the paddings and margins to 0 px. we think it didn't help cause this page is not a part of the portal inner page and therefore not part of the body (?)
Thanks for any help, Adi.

Hi Adi,
the reason you see the gap is the PageLayout you use. The standard PageLayout "wide:narrow" defines a gap between the two columsn. I think 2px.
To solve the problem download the par file, which contains the standard "wide:narrow" layout and make a copy. Use your own namespace for the copy of the par file.
Edit the layout and upload the edited copy.
In PCD you have to create the new layout in the portal layout folder (cannot remember the path). In the portal layout folder you will find all the standard layouts. Once you have created the new layout in the layout folder open the page object (in PCD), that contains the TopLevelNavigation iView and choose the new layout as the default layout.
Hope I could help,
Martin

How to minimize the gap between two regions in a page

Hi All,
How to minimize two regions in a page ? I have two regions in page but I need to minimize the (default) space gap between these regions as it looks too large.
Thanks for the answer.
Jeffry

Jeffry,
You may want to check the tutorial [Achieving Pixel-Perfect Page Design with HTML Templates|http://www.oracle.com/technology/obe/obe1014portal/html_templates/html_templat.htm] on OTN.
Thanks,
EJ

Gaps between header/footer and main content

I am building upon a website that somebody else previously worked on. When adding to the main content, gaps appear between the header/footer and the content. How can I fix this?
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>stitch by stitch needlepoint</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="sbs_style.css" rel="stylesheet" type="text/css" />
<style type="text/css">

</style>
</head>
<body bgcolor="#d0e8fb" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="732" border="0" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td><a href="index.html"><img src="images/logo.gif" alt="stitch by stitch" width="316" height="66" border="0" class="logo" /></a></td></tr></tbody></table>
<table width="732" height="629" border="0" align="center" cellpadding="0" cellspacing="0" id="Table_01">
<tbody>
<tr>
<td colspan="17"><img src="images/bordertop.gif" width="732" height="31" alt="" /></td></tr>
<tr>
<td rowspan="5"><img src="images/events_borderleft.gif" width="36" height="564" alt="" /></td>
<td><img src="images/nav_spacerleft.gif" width="31" height="19" alt="" /></td>
<td><a href="index.html"><img src="images/nav_home.gif" alt="" name="home" width="47" height="19" border="0" id="home" /></a></td>
<td><img src="images/nav_dot1.gif" width="7" height="19" alt="" /></td>
<td><a href="events.html"><img src="images/nav_upcomingevents.gif" alt="" width="114" height="19" border="0" id="events" /></a></td>
<td><img src="images/nav_dot2.gif" width="11" height="19" alt="" /></td>
<td><a href="classes.html"><img src="images/Nav_classes.gif" alt="" width="57" height="19" border="0" id="classes" /></a></td>
<td><img src="images/nav_dot3.gif" width="12" height="19" alt="" /></td>
<td><a href="directions.html"><img src="images/nav_directions.gif" alt="" width="68" height="19" border="0" id="directions" /></a></td>
<td><img src="images/nav_dot4.gif" width="13" height="19" alt="" /></td>
<td><a href="photogallery.html"><img src="images/nav_photogallery.gif" alt="" width="89" height="19" border="0" id="photogallery" /></a></td>
<td><img src="images/nav_dot5.gif" width="12" height="19" alt="" /></td>
<td><a href="customdesign.html"><img src="images/nav_customdesigns.gif" alt="" width="97" height="19" border="0" id="customdesigns" /></a></td>
<td><img src="images/nav_dot6.gif" width="13" height="19" alt="" /></td>
<td><a href="vendors.html"><img src="images/nav_vendors.gif" alt="" width="67" height="19" border="0" id="vendors" /></a></td>
<td><img src="images/nav_spacerright.gif" width="24" height="19" alt="" /></td>
<td rowspan="5"><img src="images/events_borderright.gif" width="34" height="561" alt="" /></td></tr>
<tr>
<td colspan="15"><img src="images/string.jpg" width="662" height="88" alt="" /></td></tr>
<tr>
<td colspan="15"><img src="images/events_hd_upcomingevents.gif" width="662" height="44" alt="" /></td></tr>
<tr>
<td colspan="15" width="662" height="13" bgcolor="#EBECEC"> </td></tr>
<tr>
<td width="662" height="397" colspan="15" bgcolor="#EBECEC" valign="top">
<table width="500" border="0" align="center" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td width="140"><br /></td>
<td align="center"></td></tr></tbody></table>
<p align="left" class="events_boldRed"><span class="style1">Charlie Harper Trunk Show</span></p>
<p align="left"><span class="style2">February 2012</span><span class="events_boldRed"><br />
</span></p>
<p align="left"> </p>
<p align="left"><span class="events_boldRed"><span class="style1">Back to Basics II with Tony Mineri</span></span></p>
<p align="left"><span class="style2">March 12, May 14, June 18 & July 19</span></p>
<p align="left"><span class="style2">9:30-4:00 (lunch will be provided</span></p>
<p align="left"><span class="style2">Space is limited - $350.00</span></p>
<p align="left"> </p>
<p align="left"><span class="events_boldRed style1">Tony Mineri Embellishments</span></p>
<p align="left" class="style2">2012 </p>
<p align="left" class="style2">June 3rd & 4th - Full (waiting list only)</p>
<p align="left" class="style2">November 4th & 5th (limited space available)</p>
<p align="left" class="style2">2013</p>
<p align="left" class="style2">June 9th & 10th </p>
<p align="left" class="style2">October 6th & 7th</p>
<p align="left"><span class="events_boldRed"><br />
</span></p></td>
</tr>
<tr>
<td colspan="17"><img src="images/borderbottom.gif" width="732" height="37" alt="" /></td></tr></tbody></table>
<table width="732" border="0" align="center" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td>
<p align="center"><span class="bottomnav"><a href="index.html">home</a> </span><span class="body_bottomlink">|</span><span class="bottomnav"> <a href="events.html">upcoming events</a> </span><span class="body_bottomlink">|</span><span class="bottomnav"> <a href="classes.html">classes</a> </span><span class="body_bottomlink">|</span><span class="bottomnav"> <a href="directions.html">directions</a> </span><span class="body_bottomlink">|</span><span class="bottomnav"> <a href="photogallery.html">photo gallery</a> </span><span class="body_bottomlink">|</span><span class="bottomnav"> <a href="customdesign.html">custom designs</a> </span><span class="body_bottomlink">|</span><span class="bottomnav"> <a href="vendors.html">vendors </a></span></p></td></tr></tbody></table>
<p> </p>
<p> </p>
<p></p>
<p> </p>
</body>
</html>

This is just a guess, which is what we have to do until we can see the live page, but try changing this -
<p align="left" class="events_boldRed"><span class="style1">Charlie Harper Trunk Show</span></p>
to this -
<p align="left" class="events_boldRed" style="margin-top:0;"><span class="style1">Charlie Harper Trunk Show</span></p>
Does that solve the gap between the header and the main content?
While you're worrying about these gaps, read this -
http://www.apptools.com/rants/spans.php
I see trouble ahead....

Acrobat X: Option to hide the dotted line in between pages when viewing in 2 page view?

Acrobat X: Anyone know if there is an option to hide the dotted line in between pages when viewing in 2 page view? So that the 2 pages can look seemlessly joined, with no gap and no dotted line? This would be useful when viewing PDF magazines or books in which 2 pages join for a larger picture.

Create a Page 0 item which will be available on all pages.OMG yes I can use items in page 0 ! I should have think of that :/ Shame on me.
Application item values can be set from JavaScript using AJAX and an On-Demand Process.Yes I already tried ajax with ODP, my getappitem() function works but my setappitem() function won't assign value to application item, but it's not a problem now, I removed the ajax part and I will use page items :D
Thank you fac586.
Yann.

Why is there a one-inch gap between FF logo and search engines?(I'm using FF4).

I recently downloaded FF 4.I'm not technically savvy,and was a bit confused to see a drop down menu and the word "Firefox".
I didn't like the new set-up and managed to delete it, in favor of the logo.
Now,the opening page is in the background and there is a one-inch gap between the logo and the search engine.Is there a way to have a space reduction?
F11 is NOT a resolution.

You can make FF4 look like FF3 by doing the following.<br><br>
* Right click a blank part of the tab bar and click "Tabs on top" to remove the checkmark. Tabs will subsequently reappear below the search bar.<br><br>
* Repeat the same steps, but click the top one called "Menu bar". This will reinstate the text links at the top.<br><br>
* To rearrange the layout, repeat the same steps again and choose "Customize". A panel will open and while that remains onscreen, you can move elements like toolbars, buttons etc around and place them anywhere you wish. You can also drag anything you don't like into that panel and add anything you want by dragging it out of there.<br><br>
* To replace the status bar at the foot of the page, install this add-on: https://addons.mozilla.org/en-US/firefox/addon/status-4-evar/<br><br>

MSOutlook HTML newsletter issues - large gaps between large images and small gaps...

Please can you help me!
Searched the web & found plently of advice but still getting formatting display issue when viewing HTML newsletter in MS Outlook.
Fully aware on the basics regarding the multiple issues when creating HTML newsletters but this is driving me crazy.
Apparently there is a image height limit within Outlook (can't find out what this is) so I have sliced my larger images into 5/6 parts which solves the display issue in Outlook.
But the gaps between the slices are now being displayed as small blank spaces within Hotmail.
I did use <br> between each slice as without caused the fixed 600px wide containing table to expand due to the slices stacking hoz.
Also still getting small gaps (like <br> spaces) between all images in Outlook when displaying perfectly (no gaps) in a browser.
This is my newsletter displaying correctly via a browser:
http://eu.shorts.tv/site-admin/modules/mod_mail/SHORTSTV_DECEMBER_2012.htm
Using Dreamweaver 4 (do have the latest version via Adobe Creative Cloud Membership but not on this system).
Hope you can help
Many thanks

Many thanks David
I also found this article which is currently sitting on my desk.
Pdf would make perfect sense or even a url link to view via a browser but these guys need it contained within the email.
Thanks again for your kind advice.
Regards
ShortsTV
Date: Fri, 30 Nov 2012 18:05:08 -0700
From: [email protected]
To: [email protected]
Subject: MSOutlook HTML newsletter issues - large gaps between large images and small gaps...
    Re: MSOutlook HTML newsletter issues - large gaps between large images and small gaps...
    created by David__B in Adobe Creative Cloud - View the full discussion
Hey Shortstv, Not something I know much about, searched and found thishttp://robcubbon.com/create-html-email-newsletters-outlook/ Maybe create it as a PDF attachment instead? -Dave
     Please note that the Adobe Forums do not accept email attachments. If you want to embed a screen image in your message please visit the thread in the forum to embed the image at http://forums.adobe.com/message/4888255#4888255
     Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page: http://forums.adobe.com/message/4888255#4888255
     To unsubscribe from this thread, please visit the message page at http://forums.adobe.com/message/4888255#4888255. In the Actions box on the right, click the Stop Email Notifications link.
     Start a new discussion in Adobe Creative Cloud by email or at Adobe Community
For more information about maintaining your forum email notifications please go to http://forums.adobe.com/message/2936746#2936746.

Gaps between images

Link #1 looks good in Safari, Chrome, Firefox and IE.
http://www.milkmoonkids.com/lion_canvas.htm
Link #2 is a similar page, but there are big gaps between the images that show up in Firefox and IE only. They look good in Safari and Chrome.
http://www.milkmoonkids.com/gifts.htm
Any ideas why it gets jacked up in those two browsers and how to fix it?
Thanks,
Rich

Start by adding a valid DOCTYPE to each page (line 1)
Change
<html>
to
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
and fixing the validation errors. There are only a few.
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.milkmoonkids.com%2Fgifts.htm&charset=%2 8detect+automatically%29&doctype=Inline&group=0

Gaps between divs tags in IE8

I designed a custom Facebook welcome page in DW and transfered it to FB. According to BrowserLabs, it looks fantastic on every browser and platform except IE8, which shows horizontal gaps between each div. I have tried and tried and can not find a solution. Thank you so much for your help.
http://www.facebook.com/RiverCoyoteDesign
Here is the entirety of the code:
<style type="text/css">
#wrapper {
    margin: 0px auto;
    padding: 0px;
    width: 520px;
    height: 703px;
.like-us {
    height: 112px;
.quote {
    height: 112px;
    width: 157px;
    float: left;
a img {border:none;}
.bot-nav {
.below-like {
    height: 55px;
.clearfloat {
margin: 0px;
clear: both;
height: 0px;
}.web-design {
    height: 171px;
.below-web {
    height: 57px;
.logo-design {
    height: 211px;
.below-logo {
    height: 43px;
.nav {
    background-color: #050c0f;
</style>
<div id="wrapper">
<div>
<div class="like-us"><img src="http://rivercoyotedesign.com/fb-graphics/mock1b-rev1-flattened_01.jpg" width="363" height="112" /><a href="http://www.rivercoyotedesign.com/quote.htm" target="_blank"><img src="http://rivercoyotedesign.com/fb-graphics/mock1b-rev1-flattened_02.jpg" width="157" height="112" /></a></div>
</div>
<div class="below-like"><img src="http://rivercoyotedesign.com/fb-graphics/mock1b-rev1-flattened_03.jpg" width="520" height="55" /></div>
<div class="web-design"><a href="http://www.rivercoyotedesign.com/portfolio.htm" target="_blank"><img src="http://rivercoyotedesign.com/fb-graphics/mock1b-rev1-flattened_04.jpg" width="520" height="171" /></a></div>
<div class="below-web"><img src="http://rivercoyotedesign.com/fb-graphics/mock1b-rev1-flattened_05.jpg" width="520" height="57" /></div>
<div class="logo-design"><a href="http://www.rivercoyotedesign.com/logos.htm" target="_blank"><img src="http://rivercoyotedesign.com/fb-graphics/mock1b-rev1-flattened_06.jpg" width="520" height="211" /></a></div>
<div class="below-logo"><img src="http://rivercoyotedesign.com/fb-graphics/mock1b-rev1-flattened_07.jpg" width="520" height="43" /></div>
<div class="nav">
    <div class="bot-nav"><a href="http://www.rivercoyotedesign.com/portfolio.htm" target="_blank"><img src="http://rivercoyotedesign.com/fb-graphics/bot-nav-flat1_01.png" width="162" height="19" /></a><a href="http://www.rivercoyotedesign.com/logos.htm" target="_blank"><img src="http://rivercoyotedesign.com/fb-graphics/bot-nav-flat_02.png" width="131" height="19" /></a><a href="http://www.rivercoyotedesign.com/enews.htm" target="_blank"><img src="http://rivercoyotedesign.com/fb-graphics/bot-nav-flat_03.png" width="227" height="19" /></a></div>
<div class="bot-nav2"><a href="http://www.rivercoyotedesign.com/business-cards.htm" target="_blank"><img src="http://rivercoyotedesign.com/fb-graphics/bot-nav-flat_04.png" width="221" height="37" /></a><a href="http://www.rivercoyotedesign.com/ecommerce.htm" target="_blank"><img src="http://rivercoyotedesign.com/fb-graphics/bot-nav-flat_05.png" width="124" height="37" /></a><a href="http://www.rivercoyotedesign.com/" target="_blank"><img src="http://rivercoyotedesign.com/fb-graphics/bot-nav-flat_06.png" width="175" height="37" /></a></div></div>
</div>

"BruceCSI2" <[email protected]> wrote in
message
news:fgnj8t$pan$[email protected]..
>I set up this demo page,
http://www.mistchild.com/gruen/index.htm
and there
>are
> gaps between divs when viewed in IE, but not Opera or
FF. The weird thing
> is,
> they show up between the themepic div and the nav div,
and between the
> content
> div and bottom div, but not between the nav div and the
content div. I've
> set
> top margins of 0 for all divs in my stylesheet.
> Can anyone help me figure this one out?
Your construct is really "weird", try this:
#nav,#content,#bottom{float:none}
img{vertical-align:bottom}
If that fixes your problem, then you can simply *remove* the
float
declarations from your sheet.
As a side note, you should try to keep things as simple as
possible. I'm
sure you can safely remove "position:relative" from many
rules. Also, there
is no need to set a width on DIVs that are not floats (their
natural
behavior is to fill the the parent container).
HTH,
Thierry
Articles and Tutorials:
http://www.TJKDesign.com/go/?0
http://www.divahtml.com/products/scripts_dreamweaver_extensions.php
- divaGPS - Add "you are here" highlighting to virtually any
menu
- divaFAQ - Create FAQ pages that toggle (show/hide) the
answers
- divaPOP - Easy, clean, standards-compliant popup windows.

Gap Between Divs Problem

Can anyone help me figure out why my div named "#indexThmbs" is not sitting flush to the div above it named "#indexHeader1"
The purple body background color is coming through and I dont know why. There are no top/bottom margins on either divs so there should be no gap between the divs...I have no clue why this is happening.
I have posted the links to how the page SHOULD look (my JPG mock up)....
http://vojodesign.com/proofs/ARM/home.html
...and also my HTML file with the problem I'm talking about....
http://vojodesign.com/proofs/ARM
Thanks in advance.
Kit

Hi Kit,
I made a quick look and it's quite messy or at least seems that your css needs to be optimized. Anyway a fast solution would be in #indexThmbsInner with your margin-top:65px change it to 0 like:
#indexThmbsInner {
height:130px;
margin-left:auto;
margin-right:auto;
margin-top:0;
width:900px;
Also you declare many classes that do the same thing, so you can do this:
.indexThmb1, .indexThmb2, .indexThmb3, .indexThmb4 {
float:left;
margin-left:12px;
margin-top:65px; /* Notice I added the margin-top:65px; here */
text-align:center;
width:195px;
.indexThmb1 {
margin-left:12px;
.indexThmb2 {
margin-left:32px;
.indexThmb3 {
margin-left:33px;
.indexThmb4 {
margin-left:31px;
Probably there would be better ways to do it but as I mention it was just a quick look, also I haven't checked in IE just in FF but hope it helps
Cheers

Gap between pages

Similar Messages

Maybe you are looking for