Pagenumber on outside of the page

I like to print a Pages document in book-style, with the pagenumbers on the outside of the page.
So left aligned on the odd pages, right aligned on the even pages.
In the previous version of Pages this was possible; I cannot find how to do this in version 5.2.
Does anyone know how to do this?
Thank you very much in advance!

Facing Pages has been removed from Pages 5 along with about 100 other features.
Just use Pages '09 which should still be in your Applications/iWork folder.
Peter

Similar Messages

How can I avoid rendering objects outside of the page?

Hi,
I have a few big objects in my webpage that stretch the boundaries of the page in preview mode. How can I avoid rendering those parts that are off the page?
Thanks,
Hadi

Hi Hadi,
You need to resize the image to fit the page to avoid it rendering outside the page.
Regards,
Aish

I am writing a book and need to have the margins alternating left and right pages, so that there is sufficient margin for the binding. I have tried different inside and outside margins, the same inside and outside margins, facing pages, changing the maste

I am writing a book and need to have the margins alternating left and right pages, so that there is sufficient margin for the binding. I have tried different inside and outside margins, the same inside and outside margins, facing pages, changing the master, and I cannot get the margins to alternate at print time. The larger margin is always on the left. Can anyone please help me on this, as I have spent hours and lots of ink.

Set up as facing pages with a larger inside margin.

Removing anything that is outside the page area and in the grey workspace indesign?

I have page spreads together as I'm making postcards that need to fit together to create a full image. Some objects such as text/shapes exceed the page itself and into the grey 'workspace' background of indesign, which means it also overlaps into the page next to it. Is there a way I can view my document so that anything outside the page itself is invisible and cut off? Sorry if I've worded this badly, thank you!

One method that might work for you is to place your various pages into another file, showing crop options and selecting Media.

Accessing page items in the document but outside the page bounds

I'm as new to indesign as I am to indesign scripting so bear with me and my lack of termonology. I have page items that are in the whitespace that is in the document but outside the page bounds. I have access to all the page items that are even partially on the page using the myPage.pageItems. However this collection doesn't include those page items that aren't touching that page. So is there anyway to access those page items in the whitespace outside the page?

OK, so where are you stuck?
If you have a variable, say, page, that is a particular page, where page.pageItems is all the items on that page, then page.parent.pageItems will be all the items on the spread, which includes the pasteboard surrounding it.
Good?

Why are my images scrolling from outside the Page width?

Why are my images scrolling from outside the Page width? I am positive i has all the settings correct, to have an image parallax scroll from the edge of the page into the page and out again. But the images are flying in from the browser width - not the page width. This is not the effect I am after.
Any suggestions on how to fix this? Given the key position is only linked to the height, I can't for the life of me work out how to ensure the images start moving from a certain position onthe left and right of the page.
Thanks

I think the effect you are seeing is a result of how the lineHeight is set up. By default, the lineHeight will be calculated as 120% of the size of the largest thing on the line -- in your case, this is the inline graphic. This is designed to leave space between the line before and the line with the graphic. So it is taking the height of the graphic, multiplying by 120%, and making this the distance between the previous line and the line with the graphic. So the bigger the graphic, the bigger the space above the graphic. Normally this works well with text, but in this case you may want to get closer to "set solid". You can do this by setting the lineHeight to 100%. Or you may wish to leave a couple of percent for the descenders of the previous line. Or, another alternative that may work well for you if you really know exactly where you want the line set, you could measure the graphic, add on the number of extra pixels to leave for the descenders, and make the lineHeight a constant. So you could do something like this:
<img lineHeight="104%" height="411"/>
or this:
<img lineHeight="423" height="411"/>
Obviously you would still need to specify the source and any other parameters you want on the image.
Note that if you are trying to fit a 200 pixel high graphic into a 200 pixel high container, you will hit the same problem -- in order to fit the graphic, the container will have to be slightly bigger than the graphic in order to fit the descenders on the last line. This is true even if the last line contains only the graphic, and no descenders (or text) at all.
Hope this helps,
- robin

Pages show layout: How can I see/view textboxes or images outside of the design area?

I would like to be able to see items that I'm working on outside of my design area. I recently switched to pages from ms publisher. The photos show examples of what I would like to accomplish since it's a difficult question to word.

Or keep it in another Section so you can drag/option drag them into place.
There is a sort of Pasteboard to the right and below but it is not visible. You can lasso out to grab any objects hidden there or leave just an edge hanging onto the margin on the side of the page so you can grab the items. Alternatively have a few colored objects lying on the side of the page grouped to the bigger objects off the page.
Peter

The margins of section # are set outside the printable area of the page.

Hi i have a Hp 7410 all in one officejet. I have just gone from Xp Pro to Windows 7 64 bit. I have installed correct drivers and Hp's own tool tells me i have the current drivers. But i just went to print in Microsoft Word 2007 and am getting the error The margins of section # are set outside the printable area of the page. Do you want to continue?. If i continue i am missing the bottom section of my document. How can i fix this as this printer worked perfectly in XP but now in Windows 7 it is not working. this is the only trouble IM having......

Hi,
I'm not sure that changing from XP to Windows 7 should have a detrimental effect on your ability to print. I did check out the 7410 printer manual at the following location:
http://h10032.www1.hp.com/ctg/Manual/c00235090.pdf
On page 74 there is a reference for adjusting page margins in connection with MAC users & 2-sided printing. However, perhaps if you go to the page layout tab in MS word & click on the margins section. It offers a selection (Normal, narrow, moderate, wide & mirrored) so maybe if you select one of these the system will right size the document for printing.
As I say I can't explain how this may have happened but hopefully choosing a margin setting will help.
---- If my answer was helpful please click the Kudos star.
If your problem is solved please click the Accept as Solution button so other forum users can use the solution.---->
(I am an HP employee) I am not a expert on all our products, but I'll do my best to help you.

The margins of section # are set outside the printable area of the page. Do you want to continue?

Hi i have a Hp 7410 all in one officejet. I have just gone from Xp Pro to Windows 7 64 bit. I have installed correct drivers and Hp's own tool tells me i have the current drivers. But i just went to print in Microsoft Word 2007 and am getting the error
The margins of section # are set outside the printable area of the page. Do you want to continue?
If i continue i am missing the bottom section of my document. How can i fix this as this printer worked perfectly in XP but now in Windows 7 it is not working. this is the only trouble im having.

FYI, this is for my place of work. I put a lot of effort into getting this fixed but I am stuck. I would greatly appreciate any ideas or help. Thanks again.

Outside in Viewer resets the page number to 1 always, even though the Word document has page numbering starting from different value.

Hi All,
I've a Word Document with page header having page number inserted.However the page numbers have been formatted to start from a value other than 1.
E.g. For a given word document, navigate to "File -> Insert -> Page number-> format page number -> start at " and set the value to say "300". Now insert page numbers, so that the page numbering of the 1st page starts from 300.
When this document is viewed using Outside-in Viewer, the page number of the 1st page always shows 1 instead of showing 300 (though this is not being reset/changed within the actual document)
I'm using Outside in 8.1.9 SDK for the same. Is there an API to set the page number correct (exactly what has been set within the original document) while viewing...
Alternatively confirm if this is a limitation within the Outside-in Viewer.
Thanks,
Badri

You're going to need to open an SR to Outside In Support, Product ID 2276.
Make sure you attach an example Word doc to the SR.

I'm running Pages version 5.2 on a Desktop Mac version 10.9.2. with the Pages app open how do I use the Time Machine to go back five hours to see the work?

I'm running Pages version 5.2 on a Desktop Mac version 10.9.2. With the Pages app open how do I use the Time Machine to go back five hours to see my page? Can I access Time Machine within an app like Pages? How do I enter Time Machine within the application? It always takes me to the Finder. I apolgise for the mumbo jumbo. I simply do not know how to use Time Machine. It makes sense when I follow the Tutorial but then I lose it.

OK. You've kind of skipped over the reason why you want to go back five hours, but my assumption would be that you've made changes to a Pages file that you want to revert.
There are two ways to tackle this. From Pages itself, open the current version of your document, and from the File menu, click Revert To, and Browse All Versions. You'll then be in the Time Machine interface for that file, and can browse back to the version you want.
Or, outside of Pages, you can select the file (or the folder it was originally in, if you've since deleted it) and enter Time Machine from the TM menu (it sounds like you've already tried this?)
best
Matt

How can I make a intro page for my website, then after the intro has run make the page automatically change to my we site home screen

how can I make a intro page for my website, then after the intro has run make the page automatically change to my website's home screen

You can do this using a meta refresh but the problem is you have to add it to the html file for the page very time you publish changes.
A better way is to create a splash page and upload it to the server outside of the folder produced by iWeb. Example HERE.
The meta refresh is added to the head section of the html file...
<meta http-equiv="refresh" content="32;url=http://www.domain.about.com/Page-Name.html">
The delay time in seconds is marked in blue and the URL to the redirect page is in red.

How do I get my menu bar at the top of the page with no gaps?

How do I get my menu bar at the top of the page with no gaps? Whenever I move it there is a huge gap at the top of the page which I cant seem to get rid of, i posted about this before but none of the suggestions seemed to work for me. i'm not very good with css so im not really sure where to find the problem. There are generally gaps everywhere which looks at absolute mess, no clue how they got there and why, there is a huge gap underneath my menu bar too which wasnt there before. how do i get rid of this too? its probably some padding a or margin but no clue where.
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Home</title>
<link href="main.css" rel="stylesheet" type="text/css" />
<link href="style2.css" rel="stylesheet" type="text/css" />

<style type="text/css">
body {
margin:0;
padding:0;
font: 1em/1.5 "Lucida Sans", "Lucida Sans Unicode";
#wrapper {
width: 1064px;
margin: 0 auto; /**with width, this centers page on screen**/
background: #FFF;
text-align:center;
.clearing {
clear:left;
height:px;
width: 100%;
</style>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper"> <a href="home.html"><img src="_Business_Cards/banner copy.jpg" alt="banner" width="1064" height="374" align="top" /></a>

<ul id="MenuBar1" class="MenuBarHorizontal">
   <li><a href="home.html">Home</a></li>
   <li><a href="#" class="MenuBarItemSubmenu">Lingerie</a>
     <ul>
       <li><a href="#">Camis & Nightslips</a>        </li>
       <li><a href="#" class="MenuBarItemSubmenu">Garter Belts & Girdles</a>
         <ul>
           <li><a href="#">Tops</a></li>
           <li><a href="#">Bottoms</a></li>
           <li><a href="#">Accessories</a></li>
         </ul>
       </li>
       <li><a href="#">Sets</a></li>
       <li><a href="#">Knickers</a></li>
     </ul>
   </li>
   <li><a class="MenuBarItemSubmenu" href="#">Swimwear</a>
     <ul>
       <li><a href="t-shirt shop.html">Bikini</a></li>
       <li><a href="t-shirt shop.html">Tankini</a></li>
       <li><a href="t-shirt shop.html">One-Piece</a></li>
       <li><a href="#">Monokini</a></li>
     </ul>
   </li>
   <li><a href="#" class="MenuBarItemSubmenu">Men's</a>
     <ul>
       <li><a href="#">Boxer's</a></li>
     </ul>
   </li>
   <li><a href="#" class="MenuBarItemSubmenu">Extras</a>
     <ul>
       <li><a href="#">Bags</a></li>
       <li><a href="#" class="MenuBarItemSubmenu">Dancewear</a>
         <ul>
           <li><a href="#">Leotards</a></li>
           <li><a href="#">Crop Tops</a></li>
           <li><a href="#">Hotpants</a></li>
         </ul>
       </li>
     </ul>
   </li>
   <li><a href="clearance.html">Clearance</a></li>
<li><a href="pastpro.html">Gallery</a></li>
<li><a href="Contact.html">Contact</a></li>
</ul>
<h2> </h2>
<div id="thumbs" width="192">
<p align="center">
<script type="text/javascript" src="http://c520866.r66.cf2.rackcdn.com/1/js/easy_rotator.min.js"></script>
<div class="dwuserEasyRotator" style="width: 1064px; height: 561px; position:relative; text-align: left;" data-erConfig="{autoplayEnabled:true, lpp:'102-105-108-101-58-47-47-47-67-58-47-85-115-101-114-115-47-87-105-108-108-105-97-109 -47-68-111-99-117-109-101-110-116-115-47-69-97-115-121-82-111-116-97-116-111-114-80-114-10 1-118-105-101-119-47-112-114-101-118-105-101-119-95-115-119-102-115-47', wv:1, autoplayDelay:3000, autoplayStopOnInteraction:false}" data-erName="HomepageSlideshow" data-erTID="{zp7zmhgwl9549847691831}">
          <div data-ertype="content" style="display: none;"><ul data-erlabel="Main Category">
          <li>
                    <img class="main" src="slideshowpictures/966629_346958598773375_2105784298_o.jpg" alt="One-Off Triangular Soft Bra & High-Waist Knicker Set" />
                    <img class="thumb" src="slideshowpictures/966629_346958598773375_2105784298_o.jpg" />
                    <span class="title">One-Off Triangular Soft Bra & High-Waist Knicker Set</span>
          </li>
          <li>
                    <img class="main" src="slideshowpictures/thong ebay.jpg" alt="Pink + Aqua Thongs (Part of Nightslip and Thong set)" />
                    <img class="thumb" src="slideshowpictures/thong ebay.jpg" />
                    <span class="title">Pink + Aqua Thongs (Part of Nightslip and Thong set)</span>
          </li>
          <li>
                    <img class="main" src="slideshowpictures/DSC_7405z.jpg" alt="Floral High-Waist Lace Panel Knicker" />
                    <img class="thumb" src="slideshowpictures/DSC_7405z.jpg" />
                    <span class="title">Floral High-Waist Lace Panel Knicker</span>
          </li>
          <li>
                    <img class="main" src="slideshowpictures/DSC_0018 copy.jpg" alt="Navy Blue Velvet High-Waist Bikini Set" />
                    <img class="thumb" src="slideshowpictures/DSC_0018 copy.jpg" />
                    <span class="title">Navy Blue Velvet High-Waist Bikini Set</span>
          </li>
          <li>
                    <img class="main" src="slideshowpictures/DSC_7420.jpg" alt="Pink & Aqua Nightslips (Part of Nightslip & Thong set)" />
                    <img class="thumb" src="slideshowpictures/DSC_7420.jpg" />
                    <span class="title">Pink & Aqua Nightslips (Part of Nightslip & Thong set)</span>
          </li>
          <li>
                    <img class="main" src="slideshowpictures/1208838_345346948934540_826580146_n.jpg" alt="Black Floral Bandeau & Lace Girdle Set" />
                    <img class="thumb" src="slideshowpictures/1208838_345346948934540_826580146_n.jpg" />
                    <span class="title">Black Floral Bandeau & Lace Girdle Set</span>
          </li>
          <li>
                    <img class="main" src="slideshowpictures/1176249_10201020390646766_1642170049_n.jpg" alt="Aqua Polka-Dot High-Waist Bikini" />
                    <img class="thumb" src="slideshowpictures/1176249_10201020390646766_1642170049_n.jpg" />
                    <span class="title">Aqua Polka-Dot High-Waist Bikini</span>
          </li>
          <li>
                    <img class="main" src="slideshowpictures/1012714_10151762577141348_907183642_n.jpg" alt="Maroon Velvet Bikini High-Waist Bottoms" />
                    <img class="thumb" src="slideshowpictures/1012714_10151762577141348_907183642_n.jpg" />
                    <span class="title">Maroon Velvet Bikini High-Waist Bottoms</span>
          </li>
          <li>
                    <img class="main" src="slideshowpictures/floral ebay.jpg" alt="Floral/Multi Bikini High-Waist Bottoms" />
                    <img class="thumb" src="slideshowpictures/floral ebay.jpg" />
                    <span class="title">Floral/Multi Bikini High-Waist Bottoms</span>
          </li>
          <li>
                    <img class="main" src="slideshowpictures/DSC_0096 copy9.jpg" alt="Purple & Champagne Bandeau Bikini Tops" />
                    <img class="thumb" src="slideshowpictures/DSC_0096 copy9.jpg" />
                    <span class="title">Purple & Champagne Bandeau Bikini Tops</span>
          </li>
          <li>
                    <img class="main" src="slideshowpictures/1005246_10151762745636348_129531182_n.jpg" alt="Aqua Polka-Dot High-Waist Bikini" />
                    <img class="thumb" src="slideshowpictures/1005246_10151762745636348_129531182_n.jpg" />
                    <span class="title">Aqua Polka-Dot High-Waist Bikini</span>
          </li>
          <li>
                    <img class="main" src="slideshowpictures/DSC_73612.jpg" alt="Matching Orange/White Lace Crop Top & Thong Set" />
                    <img class="thumb" src="slideshowpictures/DSC_73612.jpg" />
                    <span class="title">Matching Orange/White Lace Crop Top & Thong Set</span>
          </li>
          <li>
                    <img class="main" src="slideshowpictures/logo h copy.jpg" alt="Logo" />
                    <img class="thumb" src="slideshowpictures/logo h copy.jpg" />
                    <span class="title">Logo</span>
          </li>
</ul>
</div>
          <div data-ertype="layout" data-ertemplateName="NONE" style="">                    <div class="erimgMain" style="position: absolute; left:0;right:0;top:0;bottom:0;" data-erConfig="{__numTiles:3, scaleMode:'scaleDown', imgType:'main', __loopNextButton:false, __arrowButtonMode:'rollover'}">
                              <div class="erimgMain_slides" style="position: absolute; left:0; top:0; bottom:0; right:0;">
                                        <div class="erimgMain_slide">
                                                  <div class="erimgMain_img" style="position: absolute; left: 0; right: 0; top: 0; bottom: 0;"></div>
                                        </div>
                              </div>
                              <div class="erimgMain_arrowLeft" style="position:absolute; left: 10px; top: 50%; margin-top: -15px;" data-erConfig="{image:'circleSmall', image2:'circleSmall'}"></div>
                              <div class="erimgMain_arrowRight" style="position:absolute; right: 10px; top: 50%; margin-top: -15px;" data-erConfig="{image:'circleSmall', image2:'circleSmall'}"></div>
                    </div><div class="erabout erFixCSS3" style="color: #FFF; text-align: left; background: #000; background:rgba(0,0,0,0.93); border: 2px solid #FFF; padding: 20px; font: normal 11px/14px Verdana,_sans; width: 300px; border-radius: 10px; display:none;">
                              This <a style="color:#FFF;" href="http://www.dwuser.com/easyrotator/" target="_blank">jQuery slider</a> was created with the free <a style="color:#FFF;" href="http://www.dwuser.com/easyrotator/" target="_blank">EasyRotator</a> software from DWUser.com.
                              <br /><br />
            Use WordPress? The free <a style="color:#FFF;" href="http://www.dwuser.com/easyrotator/wordpress/" target="_blank">EasyRotator for WordPress</a> plugin lets you create beautiful <a style="color:#FFF;" href="http://www.dwuser.com/easyrotator/wordpress/" target="_blank">WordPress sliders</a> in seconds.
                              <br /><br />
                              <a style="color:#FFF;" href="#" class="erabout_ok">OK</a>
                    </div>
                    <noscript>
                              Rotator powered by <a href="http://www.dwuser.com/easyrotator/">EasyRotator</a>, a free and easy jQuery slider builder from DWUser.com. Please enable JavaScript to view.
                    </noscript>
                    <script type="text/javascript">/*Avoid IE gzip bug*/(function(b,c,d){try{if(!b[d]){b[d]="temp";var a=c.createElement("script");a.type="text/javascript";a.src="http://easyrotator.s3.amazonaws.com/1/js/nozip/easy_rotator.min.js";c.getElementsByTagName("head")[0].appendChild(a)}}catch(e){alert("EasyRotator fail; contact support.")}})(window,document,"er_$144");</script>
          </div>
</div>
</p>
</div>
<hr align="center" size="10" noshade="noshade" class="clearing" color="#999999" />
<img src="https://www.paypalobjects.com/webstatic/mktg/logo/AM_mc_vs_dc_ae.jpg" alt="PayPal Acceptance Mark" width="192" height="38" border="0" align="right" />
<div align="left">
<p><a href="#" onclick="javascript:window.open('https://www.paypal.com/uk/cgi-bin/webscr?cmd=xpt/Marketing/popup/OLCWhatIsPayPal-outside', 'olcwhatispaypal','toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes, width=400, height=500');">Copyright © Hannah-Rose 2013 > <a href="about.html">About</a> > <a href="terms and conditions.html">Terms & Conditions </a></p>
</div>
</div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>

@charset "UTF-8";
/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
LAYOUT INFORMATION: describes box model, positioning, z-order
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
          padding: 0;
          list-style-type: none;
          font-size: 100%;
          cursor: default;
          width: 64em;
          margin-bottom: 0px;
          margin-left: auto;
          margin-top: 0px;
          margin-right: 0px;
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
          z-index: 1000;
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
          margin: 0;
          padding: 0;
          list-style-type: none;
          font-size: 100%;
          position: relative;
          text-align: left;
          cursor: pointer;
          width: 8em;
          float: left;
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
          margin: 0;
          padding: 0;
          list-style-type: none;
          font-size: 100%;
          z-index: 1020;
          cursor: default;
          width: 8.2em;
          position: absolute;
          left: -1000em;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
          left: auto;
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
          width: 8.2em;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
          position: absolute;
          margin-top: -5%;
          margin-right: 0;
          margin-bottom: 0;
          margin-left: 95%;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
          left: auto;
          top: 0;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
          border: 1px solid #CCC;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
          display: block;
          cursor: pointer;
          background-color: #FFF;
          color: #333;
          text-decoration: none;
          font-family: Pristina;
          font-size: 21px;
          font-weight: normal;
          padding-right: 0.75em;
          padding-left: 0.75em;
          padding-top: 0.5em;
          padding-bottom: 0.5em;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
          background-color: #33C;
          color: #FFF;
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
          background-color: #FFF;
          color: #666;
SUBMENU INDICATION: styles if there is a submenu under a given menu item
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
          background-image: url(SpryMenuBarDown.gif);
          background-repeat: no-repeat;
          background-position: 95% 50%;
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
          background-image: url(SpryMenuBarRight.gif);
          background-repeat: no-repeat;
          background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
          background-image: url(SpryMenuBarDownHover.gif);
          background-repeat: no-repeat;
          background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
          background-image: url(SpryMenuBarRightHover.gif);
          background-repeat: no-repeat;
          background-position: 95% 50%;
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
          position: absolute;
          z-index: 1010;
          filter:alpha(opacity:0.1);
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
          ul.MenuBarHorizontal li.MenuBarItemIE
                    display: inline;
                    f\loat: left;
                    background: #FFF;

Page does not view in IE does when I test in firefox but didn't when I loaded the page.

Hi,
I have apge that views fine in Firefox (no surprise there) but in IE the page is basically blank. Anyone got an idea why? Here is my code, I suspect it has something to do with the java but not sure, can anyone help please?
Thanks in advance!
Here is the code, I can't send a link the page is current confidental.
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<style type="text/css">

</style>
<script src="JavascriptFiles/slideshow.js" type="text/javascript"></script>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
</div>
</div>
<script type="text/javascript">

</script>
</body>

I suspect it has something to do with the java but not sure
Just so you'll know, there is no Java on that page. There is, however JavaScript. You should know that those two things are different as night and day.
To fix your problem, change this -
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
</script>
</head>
to this -
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
-->
</script>
</head>

How to get rid of the main text box in the back of the page AND move things

I usually work in Adobe Illustrator, Photoshop, and InDesign, but am creating two newsletter templates in Pages for a colleague, since it will be easier for her. But, for the life of me, I can't figure out how to get rid of the main text box in the back of the page that is driving me crazy. I just want a nice blank page that I can do whatever I want with. AND, I can't figure out how to select things so that I can move them, like shapes and text boxes. Some things seem to move fine, then other things just sit there. I am at the end of my rope!!!

Hi, Dylan. Welcome to Discussions.
If you're referring to the area where you just start typing when you open a new blank document, you can't get rid of it. But you also don't have to use it. You can insert text boxes and size and position them as you desire. Just be sure they're defined as Fixed on Page. When one is full and you want to continue it to another page (or to the side), click in the blank blue box on the lower right side of the text box. That will create another box and your overflow text will flow into it. Then position it where needed.
Also, you can create a text box the width of the page and then set it for 2 or more columns.
When you want to send something to the back and you may want to access it again later, just use the send backward command. If you send it all the way to the back, it will be behind the main text layer (where it will be safe from acvcidental movement) but you will have to click outside the work area and then drag the pointer to the object to select it.
Hope this helps to get you started.
Walt

Pagenumber on outside of the page

Similar Messages

Maybe you are looking for