Opacity in Pages

Since upgrading to Leopard I have been having problems with the Opacity feature in the Pages Program. If a black and white picture is placed into Pages and the Opacity feature is used, the image prints out in different whacky colors. Sometimes yellow, sometimes mixed, etc. If a color picture is used, the colors wash out and become almost neon-like. I've set the Opacity slider to 100% in the Color View area and everything seems to be set up properly. Anything I might be missing? Thanks.

I take it that should be EXCEPT Pages and Preview.
Still don't know what version of Lion nor of Pages.
What happens when you print your Pages document to pdf?
What other programs are you printing from that are OK? Most don't have transparency, and if they are Adobe Indesign or Quark XPress they are not using OSX's print engine.
Peter

Similar Messages

  • Problem printing opacity in Pages and Preview

    Printing from Lion to a Canon 3080 Copier / Printer using the Canon ir C3080 UFRII driver. Pages Doc's All items with opacity print at 100% regardless of the opacity settings. This only happens in Apple Pages and PDF's in Preview.  Photoshop, Indesign, Acrobat X and MS Word are all printing with Opacity fine. Any clue why a PDF prints fine in Acrobat x , but all opacity prints full100% in Preview and... Pages documents print Opacity full 100%... but when exported as a PDF and printed in Acrobat X print fine?

    I take it that should be EXCEPT Pages and Preview.
    Still don't know what version of Lion nor of Pages.
    What happens when you print your Pages document to pdf?
    What other programs are you printing from that are OK? Most don't have transparency, and if they are Adobe Indesign or Quark XPress they are not using OSX's print engine.
    Peter

  • Prevent all page color from becoming opaque when adding a watermark with opacity

    It looks like when I create a watermark AND change the opacity to something low the entire PDF becomes slightly opaque and colors are not that vivid (even if the actual text watermark is very small in the corner).
    The only way I noticed fixes this problem is if I check the option to "Keep position and size of watermark text constant when printing on different page sizes".
    See difference here:
    -- Normal - http://screencast.com/t/5bCfSP5Fba
    --Opaque - http://screencast.com/t/03qXJhR1ydh
    --This is the difference in black when zooming in: http://screencast.com/t/PPsMJiLiS
    Does anyone know what could be causing this? Is there a way to fix it without checking "Keep position and size of watermark text constant when printing on different page sizes"?
    Thanks!

    ALMOOOST!
    It did work but I don't understand why it worked on some pages and not on others. So when using this method, its worked completely fine when the watermark is applied to visible page. However, when the watermark is applied only to printed pages, some of those pages lose the water mark completely on print during the flatten/change blend space. I cant tell whats special about those pages that it works that way.
    Maybe it will be just easier to use the "Keep position and size of watermark text constant when printing on different page sizes" option when adding the watermark and then everything looks evenly perfect(just need to manually center the watermark position for each file). Curiously though, any idea what could be the correlation between the "Keep position and size of watermark text constant when printing on different page sizes" and the opacity of page when adding an watermark?

  • Can't Open Illustration: contains illegal operand

    I used an applescript to change the colors of a set of documents, and I saved the results to another folder. But I cannot open the results.
    I keep getting this message, and then it only opens part of the file:
    Can't open the illustration. The illustration contains an illegal operand.
    offending operator: 'p'
    context:
    0 A
    0 Xw
    0 O
    (CMYK Cyan Hatch) 0 0 1 1 0 0 0 0 0 [1 0 0 1 0 0] p
    I have no idea what is going on.
    Any help is greatly appreciated.
    Below is the applescript I used to edit these files:
    tell application "Finder"
        set new_files to POSIX file "/Users/benjamingolder/Desktop/site edited/"
        set File_list to every file of folder new_files
        set save_file to POSIX file "/Users/benjamingolder/Desktop/site_colored/"
        tell application "Adobe Illustrator"
            if not frontmost then activate
            set i to 1
            --repeat loop as many times as there are files in the folder
            repeat the count of File_list times
                set new_file to (item i of File_list) as string
                open file new_file without dialogs
                set lay_list to every layer of current document
                set j to 1
                repeat the count of lay_list times
                    set lay_name to name of layer j of current document
                    set si to page item 1 of layer lay_name of document 2
                    set pgi to every page item of layer lay_name of current document
                    set k to 1
                    repeat the count of pgi times
                        if filled of si is false then
                            set filled of page item k of layer lay_name of current document to false
                        else
                            set fill color of page item k of layer lay_name of current document to fill color of si
                        end if
                        if stroked of si is false then
                            set stroked of page item k of layer lay_name of current document to false
                        else
                            set val2 to stroke color of si
                            set val3 to stroke width of si
                            set val4 to stroke dashes of si
                            set val5 to stroke cap of si
                            set stroke color of page item k of layer lay_name of current document to val2
                            set stroke width of page item k of layer lay_name of current document to val3
                            set stroke dashes of page item k of layer lay_name of current document to val4
                            set stroke cap of page item k of layer lay_name of current document to val5
                        end if
                        set val6 to blend mode of si
                        set val7 to opacity of si
                        set blend mode of page item k of layer lay_name of current document to val6
                        set opacity of page item k of layer lay_name of current document to val7
                        set k to k + 1
                    end repeat
                    set j to j + 1
                end repeat
                set lay_list2 to every layer of document 2
                set m to 1
                repeat the count of lay_list2 times
                    set the lay_name2 to name of layer m of document 2
                    if exists layer lay_name2 of current document then
                        move layer lay_name2 of current document to end of current document
                    end if
                    set m to m + 1
                end repeat
                save current document in save_file as Illustrator
                close current document saving no
                set i to i + 1
            end repeat
        end tell
    end tell
    Thanks,
    Ben

    So I've come back to this, and I think I narrowed it down to something that has to do with pattern swatches.
    To give a better context for the problem, what I do is take a folder of illustrator files that have been exported from another software. I open one of them and edit it to make it look the way that I want, and keeping that single document open (as a sample document), I run the script and it edits all the other documents in the folder to look like the sample document. Some of the fills in the sample document are patterns that I've defined. I think that these patterns are causing a problem, and I need to find a better way to transfer them to each current document.
    So here is a more specific question:
    If want to store the patterned fill of a page item as a variable, and then give that patterned fill to another page item, what is the best way of doing so?
    If I use this script:
    tell application "Adobe Illustrator"
    if not frontmost then activate
    set fill1 to the fill color of page item 1 of document 2
    set the fill color of page item 1 of current document to fill1
    end tell
    and then save current document, then when I open the saved document I get the same error.
    Maybe I need to make a pattern in the current document before saving?

  • Embedded Flash

    Hello,
    Looking for some insight here.
    I have embedded a Flash video on a web page (
    http://www.cirilloworld.com/gallery_test.html)
    and it works great . One thing i was wondering is that the palyer
    controls are visible ( with a nice amount of opacity) on page load.
    After the first time the mouse floats over, the controls disappear
    until athe mouse floats over again.
    Any one know what I can do to keep the controls visible at
    all times.
    Appreciate any help,
    DEL

    Harmeet S. Vohra wrote:
    > Hi,
    > If anyone know about embedded Flash. Plz. send me
    details asap. it's urgent.
    > Thanks
    Help - or F1 key, search "publish" and read away...
    Regards
    Urami
    Happy New Year guys - all the best there is in the 2006
    <urami>
    http://www.Flashfugitive.com
    </urami>
    <web junk free>
    http://www.firefox.com
    </web junk free>

  • CS4 6.06 Page size is now also the opacity

    CS4 6.06, OS 10.6.8
    Why did they decide to change the page size thing (where you choose the size you are looking at the page) and make it so that is where you select your opacity also? I keep having to click and click until I make sure the % is blue so that I don't accidently change the opacity of something on the page. This makes no sense at all to make it so much more work. This is really a big problem and a lot more work for me because they did this.
    I'm trying to attach an image but I selected the camera above and then it said choose image but the attach image is greyed out.

    In InDesign CS4 they introduced the Application Bar and Application Frame (Tabbed Windows)
    In the Application Bar the area you show with the arrow is the Page View Preview,
    This only changes the viewing size of the page onscreen.
    If you say this is changing the opacity then something is wrong. (try resetting your preferences)
    The Opacity selection slider is still in the Control Panel.
    It should be just to the right of the Stroke selector in the Control Panel. This is same place it was in CS3, nothing changed with CS4
    This will change the opacity, but you need to have something selected on the page for the Opacity adjustment to work.
    Go to the Window menu and deselect the Application Bar to hide it.

  • Add section title to header/footer? Using Pages 5.2 (or later)

    I couldn't find a way to automatically have the title of the current section in the header or footer of a document.
    Potentially I am missing something, I haven't tried to do this before, but it seems like a basic function of having a TOC in the first place.

    Add an image to any page in the section, then drag it where you want it to appear on each page.
    Reduce the opacity using the slider in the Style pane of the Format inspector to change the object’s transparency.
    Choose Arrange > Section Masters > Move Object to Section Master (from the Arrange menu at the top of your computer screen).

  • WEBSITE PAGE NOT SHOWING UP IN IE9..ONLY THE BACKGROUND SHOWS UP..

    IN FIREFOX AND IE9, I'VE BEEN CREATING THIS SITE. HTML5. NOW, HERE I AM ALMOST DONE WITH THE SITE AND WHEN I DO THE MEDIA PAGE..... IT SEEMS TO ONLY SHOW THE BACKGROUND IN IE9..EVEN AFTER I DELETED IT.. THAT SPECIFIC PAGE (videos.html) IS ONLY DISPLAYING THE BACKGROUND. EACH PAGE I DO, I'VE TESTED THEM IN BOTH BROWSWERS..... KEEPING EVERYTHING THE SAME EXCEPT FOR THE CONTENT WITHIN THE ARTICLE....
    Here's the Code initially, I'm sure there are erros obviously so guys just help me and don't be rude, if you will. I appreciate it greatly.
    HERE'S WHAT IT LOOKS LIKE IN FIREFOX:
    HERE'S WHAT IT LOOKS LIKE IN IE9:
    HERE'S THE CODE:
    (IT'S NEAT IN DREAMWEAVER) BUT... I JUST COPIED AND PASTED IT ONTO HERE.
    <!DOCTYPE HTML>
    <html>
    <head>
    <meta charset="UTF-8">
    <meta content="DahJ" name="author">
    <meta content="DahJ, Derek, Alton Hill, Dahari, financial freedom, Designer DahJ, Mogul DahJ, Dahari Fashions, university, ministries, Salem, Dahj University, chancellor, business, success, successful, North Las Vegas, Derek, , Coach, mentor, Philanthropist, Best-Selling Author, Author, life-coach, life, " name="keywords">
    <meta content="DAHJ videos, photos, and blog: Official Website" name="description">
    <title>Media - DAHJ videos, photos, and blog: Official Website</title>
    <style type="text/css">
    <!--
    body {
        margin: 0;
        padding: 0;
        color: #000;
        background:url(Images/websitebackgroundhomee.jpg) repeat scroll 0 0;
        font-family: David;
        font-size: 15px;
        height:100%;
    /* ~~ Element/tag selectors ~~ */
    ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
        padding: 0;
        margin: 0;
    h2, h4, h5, h6, p {
        margin-top: 0;
        padding-left: 15px; /* adding the padding to the sides of the elements within the blocks, instead of the block elements themselves, gets rid of any box model math. A nested block with side padding can also be used as an alternate method. */
        font-family: David;
    a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
        border: none;
    /* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
    a:link {
        color: #42413C;
        text-decoration: none; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
    a:visited {
        text-decoration: underline;
    a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
        text-decoration: none;
    /* ~~ This fixed width container surrounds all other blocks ~~ */
    .container {
        width: 960px;
        margin: 0 auto;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -moz-box-shadow: 0 5px 3px 3px #7d7f7e;
        -webkit-box-shadow: 0 5px 3px 5px #7d7f7e;
        box-shadow: 0 5px 3px 3px #999;
        background-image: url(Images/contentbckgrnds/videocontent.jpg);
    /* ~~ The header is not given a width. It will extend the full width of your layout. ~~ */
    header {
        height: 520px;
        width: 960px;
        background-position: center;
        background-color: #000;
    h1 {
        font-family:Century Gothic;
        padding-left:11px;
        font-weight:lighter;
    h1 a:hover {
        color:#09F;
    /* ~~ These are the columns for the layout. ~~
    1) Padding is only placed on the top and/or bottom of the block elements. The elements within these blocks have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the block itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the block element and place a second block element within it with no width and the padding necessary for your design.
    2) No margin has been given to the columns since they are all floated. If you must add margin, avoid placing it on the side you're floating toward (for example: a right margin on a block set to float right). Many times, padding can be used instead. For blocks where this rule must be broken, you should add a "display:inline" declaration to the block element's rule to tame a bug where some versions of Internet Explorer double the margin.
    3) Since classes can be used multiple times in a document (and an element can also have multiple classes applied), the columns have been assigned class names instead of IDs. For example, two sidebar blocks could be stacked if necessary. These can very easily be changed to IDs if that's your preference, as long as you'll only be using them once per document.
    4) If you prefer your nav on the left instead of the right, simply float these columns the opposite direction (all left instead of all right) and they'll render in reverse order. There's no need to move the blocks around in the HTML source.
    .sidebar1 {
        float: right;
        width: 300px;
        background: #fff;
        padding-bottom: 10px;
    .content {
        padding: 0px 0;
        width: 960px;
        float: right;
        background-color: #FFF;
    /* ~~ This grouped selector gives the lists in the .content area space ~~ */
    .content ul, .content ol {
        padding: 0 15px 15px 40px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */
    /* ~~ The footer ~~ */
    footer {
        padding: 10px 0;
        position: relative;/* this gives IE6 hasLayout to properly clear */
        clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
        background-color: #CCC;
        background-image: url(Images/footer2.jpg);
    /*HTML 5 support - Sets new HTML 5 tags to display:block so browsers know how to render the tags properly. */
    header, section, footer, aside, nav, article, figure {
        display: block;
    aside {
    .homebutton{
        background: no-repeat scroll 0 0 transparent;
        height:65px;
        left:-1.2em;
        position:relative;
        top:-3.4em;
        width:172px;
        z-index:20;
    h3 {
        font:"Palatino Linotype", "Book Antiqua", Palatino, serif;
        font-size:small;
        padding-left:15px;
    /*   THIS IS MY FOOTER'S FONT AND TEXT   */
    address {
        font-style:Century Gothic;
        color:#FFFFFF;
        text-decoration:none;
        text-align:center;
        font-style:normal;
    address a:link {
        color:#0CF;
    address a:link, a:hover {
        color:#33CC33;
    /*   THIS IS MY SOCIAL MEDIA LINKS, TITLES, AND COUNTS..... FACEBOOK, TWITTER, YOUTUBE   */
    #socialmedia {
        list-style:none outside  none;
        display:block;
        margin:15px 145px 0px;
        position:relative;
    .twitter {
        display:inline;
        margin-left:135px;
    .facebook {
        display:inline;
    .youtube {
        display:inline;
        margin-left:135px;
    #socialmediatitles {
        list-style:none outside none;
        display:block;
        margin:15px 190px 5px;
        position:relative;
        font-family:Century Gothic;
        font-size:22px;
        color:#ffffff;
        width:800px;
    .twitterfollowers {
        display:inline;
        margin-left:160px;
        color:#ffffff;
    .twitterfollowers a:link {
        color:#ffffff;
    .facebookfans a:link {
        color:#ffffff;
    .youtubesubs a:link {
        color:#ffffff;
    .facebookfans {
        color:#ffffff;
        display:inline;
    .youtubesubs {
        display:inline;
        margin-left:135px;
        color:#ffffff;
    #socialmedianumbers {
        list-style:none outside none;
        display:block;
        margin:15px 185px 5px;
        position:relative;
        font-family:Century Gothic;
        font-size:30px;
        color:#ffffff;
        width:800px;
    .twittercount {
        display:inline;
        margin-left:150px;
        color:#ffffff;
    .twittercount a:link {
        color:#ffffff;
    .facebookcount a:link {
        color:#ffffff;
    .youtubecount a:link {
        color:#ffffff;
    .facebookcount {
        color:#ffffff;
        display:inline;
    .youtubecount {
        display:inline;
        margin-left:135px;
        color:#ffffff;
    div#voverlay {
        background:#FFF;
        display:none;
        height:480px;
        padding:35px;
        width:640px;
    div#voverlay .close {{
        cursor:pointer;
        height:35px;
        position:absolute;
        right:5px;
        top:5px;
        width:35px;
        background:#999;
    div#vcontainer {
        background: url("loading.gif") no-repeat scroll 50% 50% transparent;
        height:100%;
        left:0;
        top:0;
        width:100%;
    .videogallery {
        width:871px;
    .videogallery a {
        color:#333333;
        display:inline-block;
        font:12px/18px "Centurty Gothic";
        margin:3px;
        opacity:0.87;
        position:relative;
        text-align:center;
        text-decoration:none;
        veritcal-align: top;
        width:240px;
    .videogallery a img {
        border:medium none;
        display:block;
        margin:0;
    .videogallery span {
        display:block;
    .videogallery a.videolb {
        display:none;
    </style>
    <style media="screen,print,projection" type="text/css">
    #mediaxmedia{ height:823px; border:none;}
    </style>
    <!--[if lt IE 9]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js">
    </script>
    <![endif]-->
    <link href="CSS/dropDown3.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="CSS/videolightbox.css" type="text/css" />
    <link rel="stylesheet" type="text/css" href="media_videolb/overlay-minimal.css"/>
    <script src="js/jquery.js" type="text/javascript"></script>
    <script src="js/swfobject.js" type="text/javascript"></script>
    </head>
    <body>
    <div class="container">
      <header></header>
      <!----START OF NAVIGATION MENU---->
    <div id="navMenu">
                        <ul>
                          <li></li>
                        </ul> <!-- end inner UL -->
                        <ul>
                          <li><a href="http://www.dahj.com/recent-activity">ACTIVITY</a></li>
                        </ul> <!-- end inner UL -->
                        <ul>
                          <li><a href="http://www.dahj.com/latest-news">NEWS</a></li>
                        </ul> <!-- end inner UL -->
                        <ul>
                          <li><a href="http://www.dahj.com/photogallery">MEDIA</a>
        </ul> <!-- end inner UL -->
                        <ul>
                          <li><a href="http://www.dahj.com/coaching">COACHING</a></li>
                        </ul> <!-- end main UL -->
                        <ul>
                          <li><a href="http://www.dahj.com/shop">SHOP</a></li>
                        </ul> <!-- end inner UL -->
                        <ul>
                          <li><a href="http://www.dahj.com/about">ABOUT</a></li>
                        </ul> <!-- end inner UL -->
                        <p><br class="ClearFloat" />
                        </p>
      </div>
      <!-- end navMenu -->
    <!--------START OF DAHJ HOME ICON------->
              <div class="homebutton">
                <a href="http://www.dahj.com"><img src="Images/websiteicons/bg_logo_new_0.png" width="172" height="61"></a>
            </div>
    <!-- END OF DAHJ HOME ICON BUTTON ------>
    <article class="content">
    <br>
    <!--------VIDEO CONTENT BEGINS HERE--------->
    <div id="voverlay">
        <a class="close"></a>
            <div id="vcontainer"></div>
    </div>
    <center>
    <!-- Start VideoLightBox.com BODY section -->
        <div class="videogallery">
            <a class="voverlay" href="http://vimeo.com/moogaloop.swf?clip_id=39862994&server=vimeo.com&show_title=1&show_byline= 1&autoplay=1" title="Hearing His Voice"><img src="Images/video thumbs/0.png" alt="Hearing His Voice" /><span></span></a>
            <a class="voverlay" href="http://vimeo.com/moogaloop.swf?clip_id=39862218&server=vimeo.com&show_title=1&show_byline= 1&autoplay=1" title="The Trust Fund from ManPower 2010"><img src="Images/video thumbs/1.png" alt="The Trust Fund from ManPower 2010" /><span></span></a>
            <a class="voverlay" href="http://vimeo.com/moogaloop.swf?clip_id=39861243&server=vimeo.com&show_title=1&show_byline= 1&autoplay=1" title="What He Put In You Then Will Work For You Now"><img src="Images/video thumbs/2.png" alt="What He Put In You Then Will Work For You Now" /><span></span></a>
            <a class="voverlay" href="http://vimeo.com/moogaloop.swf?clip_id=39031081&server=vimeo.com&show_title=1&show_byline= 1&autoplay=1" title="The Word 101 - Back to the Basics"><img src="Images/video thumbs/3.png" alt="The Word 101 - Back to the Basics" /><span></span></a>
            <a class="voverlay" href="http://vimeo.com/moogaloop.swf?clip_id=36932142&server=vimeo.com&show_title=1&show_byline= 1&autoplay=1" title="Tough Love - Pastor Sheryl Brady"><img src="Images/video thumbs/4.png" alt="Tough Love - Pastor Sheryl Brady" /><span></span></a>
            <a class="voverlay" href="http://vimeo.com/moogaloop.swf?clip_id=35261687&server=vimeo.com&show_title=1&show_byline= 1&autoplay=1" title="Just Calm Down - Pastor Sheryl Brady"><img src="Images/video thumbs/5.png" alt="Just Calm Down - Pastor Sheryl Brady" /><span></span></a>
            <a class="voverlay" href="http://vimeo.com/moogaloop.swf?clip_id=28674599&server=vimeo.com&show_title=1&show_byline= 1&autoplay=1" title="How to Seduce Proof Your Life"><img src="Images/video thumbs/6.png" alt="How to Seduce Proof Your Life" /><span></span></a>
            <a class="voverlay" href="http://vimeo.com/moogaloop.swf?clip_id=36249630&server=vimeo.com&show_title=1&show_byline= 1&autoplay=1" title="iHeart TPHND - Part 1"><img src="Images/video thumbs/7.png" alt="iHeart TPHND - Part 1" /><span></span></a>
            <a class="voverlay" href="http://vimeo.com/moogaloop.swf?clip_id=36666455&server=vimeo.com&show_title=1&show_byline= 1&autoplay=1" title="iHeart The Potter's House North Dallas - Part 2"><img src="Images/video thumbs/8.png" alt="iHeart The Potter's House North Dallas - Part 2" /><span></span></a>
            <a class="voverlay" href="http://vimeo.com/moogaloop.swf?clip_id=37080493&server=vimeo.com&show_title=1&show_byline= 1&autoplay=1" title="iHeart The Potter's House North Dallas - Part 3"><img src="Images/video thumbs/9.png" alt="iHeart The Potter's House North Dallas - Part 3" /><span></span></a>
            <a class="voverlay" href="http://vimeo.com/moogaloop.swf?clip_id=37535503&server=vimeo.com&show_title=1&show_byline= 1&autoplay=1" title="iHeart TPHND - Part 4"><img src="Images/video thumbs/10.png" alt="iHeart TPHND - Part 4" /><span></span></a>
            <a class="voverlay" href="http://vimeo.com/moogaloop.swf?clip_id=22007961&server=vimeo.com&show_title=1&show_byline= 1&autoplay=1" title="My grandson Jaden playing the drums"><img src="Images/video thumbs/11.png" alt="My grandson Jaden playing the drums" /><span></span></a>
    </div>
    <script src="js/jquery.tools.min.js" type="text/javascript"></script>
    <script src="js/videolightbox.js" type="text/javascript"></script>
    <!-- End VideoLightBox.com BODY section -->
    </center>
    <br>
    </article>
    <!----------------VIDEO CONTENT ENDS HERE------------------>
        <!-----------------NUMBERS BOTTOM ------------>
       <!-----------------END NUMBERS BOTTOM---------->
      <!-- end .content -->
      <footer>
      <br>
      <br>
      <!-----------START SOCIAL MEDIA ICONS---------->
    <div id="socialmedia">
        <div class="facebook">
            <a href="http://facebook.com/dahj"><img src="Images/websiteicons/icontexto-inside-facebook.png"></a>
        </div>
        <div class="twitter">
            <a href="http://twitter.com/officialdahj"><img src="Images/websiteicons/icontexto-inside-twitter.png"></a>
        </div>
        <div class="youtube">
            <a href="http://youtube.com/dahj"><img src="Images/websiteicons/icontexto-inside-youtube.png"></a>
        </div>
    </div>
    <!-------------END SOCIAL MEDIA ICONS------>
    <!-------------START OF SOCIAL MEDIA TITLES------------>
    <div id="socialmediatitles">
        <div class="facebookfans">
            <a href="http://facebook.com/dahj">FANS</a>
        </div>
        <div class="twitterfollowers">
            <a href="http://twitter.com/officialdahj">FOLLOWERS</a>
        </div>
        <div class="youtubesubs">
            <a href="http://youtube.com/dahj">SUBSCRIBERS</a>
        </div>
    </div>
    <!------------END OF SOCIAL MEDIA TITLES---------------->
        <address>
        <br>
        <br>
        ©2012 Copyright | <a href="http://dahj.com/privacy-policy">Privacy Policy/Your Privacy Rights</a> | <a href="http://dahj.com/terms-of-use">Terms of Use</a> | <a href="http://dahj.com/contact-information">Contact US</a> | <a href="http://dahj.com/feedback">Feedback</a>
        </address>
    </footer>
    <!-- end .container -->
    </div>
    </body>
    </html>

    I am not sure what's happening with IE9 (no live site) but I had real problems viewing your code in Live View - until I removed the HTML comment marked below. Basically your site was viewable in Design View but as soon a I hit Live view, it disappeared - much like IE9. See if removing the comment solves your issue.
    <style type="text/css">
    <!-- /*Remove this */
    body {
        margin: 0;
        padding: 0;
        color: #000;
        background:url(Images/websitebackgroundhomee.jpg) repeat scroll 0 0;
        font-family: David;
        font-size: 15px;
        height:100%;

  • Can we control if text in a page is converted, or not, to an image?

    Hello!
    My experience tells me that if I use iWeb 1.0.1 and I put the text color with 80% opacity, for example, all text will be converted to an image. Most of the times I like this behavior, because the result is the same on every computer or browser.
    But after I update for iWeb 1.1.1 all text appears as text and no longer as images. Now, when I want some sites with the text converted to images I still use the older version (1.0.1).
    My question is: Can we control if text is converted, or not, to an image? Can we force a particular text box to be converted to an image, after 1.0.1?
    I search the iWeb forum and I have not find any answer for this particular question.
    Sorry for my english...
    Thanks!
    Power Mac G4 - 867MHz   Mac OS X (10.3.9)  

    Now answering newmacguru...
    1. Why I want text to appear as an image?
    Sometimes the graphical result is important. Most of the times, if you use a white or bright page background, what you see in iWeb is almost the same you see when browsing the page. No problem! But if the page background is black or dark, what you see when browsing the page can be different from what you see when developing the page with iWeb. And these differences can be important... Now if you tell iWeb to convert text to images, the result will be exactly the same you see in iWeb (the result you want).
    Let me show you an example. This page was published with iWeb 1.0.1. In this case all text boxes were converted to images and the result you see is exactly what I want. Normally I choose opacity of 80% in the text color to reduce the contrast between text and background (this is the graphical result I most like):
    http://clientes.netvisao.pt/3ebt2006/iweb/TesteTexto101/
    Now if you publish the page with iWeb 1.1.1/1.1.2 the result is the same for both, but different from the pages obtained with iWeb 1.0.1. I only get the result I want if the text is converted to an image (using shadow). You can also see that with a white background you get good results even if the text remains text:
    http://clientes.netvisao.pt/3ebt2006/iweb/TesteTexto111/
    http://clientes.netvisao.pt/3ebt2006/iweb/TesteTexto112/
    Thanks for the suggestion of the shadow. Sometimes using a non web safe font is not a solution, remember I want “that” graphical result...
    2. Now, considering the search engines, I think I read in this forum that the search engines can do is work, even if text is converted to images, because the text still remains in the page (sorry I don’t remember where).
    Sorry for my english...
    Power Mac G4 - 867MHz   Mac OS X (10.3.9)  

  • How do I add text or images to the right hand side of a web page?

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8" />
    <title>Digital Media Final Project&mdash;Using HTML5 &amp; CSS3</title>
    <meta name="Digital Media MA 2012" content="width=device-width" />
    <link rel="stylesheet" href="css/html5reset-1.6.1.css" media="screen" />
    <link rel="stylesheet" href="css/default.css" media="screen" />
    <link rel="stylesheet" href="css/css3enterprise.css" media="screen" />
    <!--[if lte IE 8]>
              <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
              <link rel="stylesheet" href="css/ie.css" media="screen" />
              <link rel="stylesheet" href="css/pie.css" media="screen">
    <![endif]-->
    <!--[if gte IE 7]>
              <link rel="stylesheet" href="css/pie78.css" media="screen" />
    <![endif]-->
    <!--[if IE 8]>
              <link rel="stylesheet" href="css/ie8.css" media="screen" />
    <![endif]-->
    <!--[if lte IE 7]>
              <link rel="stylesheet" href="css/ie7.css" media="screen" />
    <![endif]-->
    <!--[if lte IE 6]>
              <link rel="stylesheet" href="css/ie6.css" media="screen" />
    <![endif]-->
    <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Six+Caps" />
                        <link rel="stylesheet" type="text/css" href="styles/screen.css" />
                        <!--[if lte IE 9]>
                                  <link rel="stylesheet" type="text/css" href="styles/ie.css" />
                        <!--<![endif]-->
    </head>
    <body>
              <div id="page" class="group">
                        <header id="site-header" role="banner">
                                  <hgroup>
                                            <h1>Silence in Vogue</h1>
                                            <h2>A sociological artifact using technology to tell stories.</h2>
                                  </hgroup>
                                  <a id="skip-nav" href="#content">Skip to main content</a>
                        </header>
                        <nav id="site-nav" role="navigation">
                                  <ul class="inline-list flush-left">
                                            <li><a href="index.html">Home</a></li>
                                            <li><a href="about.html">Mission Statement</a></li>
                                            <li><a href="research.html">Research</a></li>
                                            <li><a href="artifacts.html" class="active"></a></li>
                                            <li><a href="upload.html">Upload</a></li>
                                            <li><a href="http://www.renaissancedigital.co.uk/" title="Home | Renaissance Digital">Renaissance.Digital</a></li>
                                  </ul>
                        </nav>
                        <nav id="user-nav">
                                  <ul class="inline-list flush-left">
                                            <li><a href="#">@username</a></li>
                                            <li><a href="#">dashboard</a></li>
                                            <li><a href="#">inbox (42)</a></li>
                                            <li><a href="#">logout</a></li>
                                  </ul>
                        </nav>
                <div id="content" role="main">
                                  <section id="content-main" role="region">
                                    <h1>Artifacts</h1>
                                            <ul class="rollover">
                                                      <li><img src="images/image1.jpg" width="282" height="211" margin-right= "20" alt="The Earth" />
                                                        <h3>The Earth</h3>
                          <hr/>
                                              <a class="button" href="#" title="Click here for more information"><h6>More Info</h6></a> </li>
                                    <p><li>
                                                                <img src="images/image2.jpg" width="282" height="211" margin-right= "20" alt="E-Mirror" />
                                                        <h3>EMirror</h3>
                          <hr/>
                                                        <a class="button" href="#" title="Click here for more information"><h6>More Info</h6></a> </li>
                                    <p><li>
                                                                <img src="images/image3.jpg" width="282" height="211" margin-right= "20" alt="void" />
    <h3>something else</h3>
                                                                <hr/>
                                                                <a class="button" href="#" title="void"><h6>More Info</h6></a>
                                                      </li>
    <li>
                                                                <img src="images/image4.jpg" width="282" height="211" alt="Monkey's Dream" />
    <h3>A Monkey's Dream</h3>
                                                                <hr />
                                                                <a class="button" href="#" title="Click here for more information"><h6>More Info</h6></a>
                                              </li>
                        <li> <img src="images/image3.jpg" width="282" height="211" margin-right= "20" alt="void" />
    <h3>something else</h3>
                                                                <hr/>
                                                                <a class="button" href="#" title="void"><h6>More Info</h6></a><li>
                                                                <img src="images/image3.jpg" width="282" height="211" margin-right= "20" alt="void" />
    <h3>something else</h3>
                                                                <hr/>
                                                                <a class="button" href="#" title="void"><h6>More Info</h6></a></li>
                                                      </li>
    <li><img src="images/image3.jpg" width="282" height="211" margin-right= "20" alt="void" />
    <h3>something else</h3>
                                                                <hr/>
                                                                <a class="button" href="#" title="void"><h6>More Info</h6></a>
                                              </li>
    <li>
                                                                <img src="images/image3.jpg" width="282" height="211" margin-right= "20" alt="void" />
    <h3>something else</h3>
                                                                <hr/>
                                                                <a class="button" href="#" title="void"><h6>More Info</h6></a>
                                              </li>
                                            </ul>
                                  </div>
                </div>
           <!-- //#content-main --><!-- //#content-sub -->
                        </div><!-- //#content -->
                        <footer id="site-footer" role="contentinfo">
                                  <p id="awkward">Our Think Tank is virtual:</p>
                                  <ul id="footer-icons" class="inline-list no-bullets">
                                            <li><a id="icon-twitter" href="#">Twitter</a></li>
                                            <li><a id="icon-wordpress" href="#">Wordpress</a></li>
                                            <li><a id="icon-facebook" href="#">Facebook</a></li>
                                            <li><a id="icon-linkedin" href="#">LinkedIn</a></li>
                                            <li><a id="icon-vimeo" href="#">Vimeo</a></li>
                                            <li><a id="icon-flickr" href="#">Flickr</a></li>
                                            <li><a id="icon-dribbble" href="#">Dribbble</a></li>
                                            <li><a id="icon-gowalla" href="#">Gowalla</a></li>
                                            <li><a id="icon-sharethis" href="#">ShareThis</a></li>
                                            <li><a id="icon-technorati" href="#">Technorati</a></li>
                                            <li><a id="icon-rss" href="#">RSS</a></li>
                                  </ul>
                                  <div id="copy">
                                            <p>&copy;2012 Renaissance.Digital ltd. </p>
                                  </div><div id="container">
                                  <div id="head">
                                  </div>
              </div><!-- //#page -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>
    <!--[if lte IE 8]>
              <script src="js/selectivizr.js"></script>
              <script src="js/css3-mediaqueries.js"></script>
    <![endif]-->
    <!--[if lte IE 6]>
              <script src="js/ie6.js"></script>
    <![endif]-->
    <script src="js/functions.js"></script>
    </body>
    </html>
    not sure if there is a conflict with css's!
    Message was edited by: chineseadam  I put a little note at the very bottom of the document!

    Ok.  Here you are...
    http://www.silenceinvogue.org/artifacts.html
    I added float right as you said but the images moved into the middle.
    Here is the css:
    body {
                        margin:                              0;
                        padding:                    0;
                        font-size:                    62.5%;
              #container {
                        position:                    relative;
                        width:                              960px;
                        margin:                              auto;
              #head {
                        position:                    relative;
                        text-align:                    center;
              h1 {
                        font-size:                    6em;
                        font-weight:          normal;
                        text-transform:          uppercase;
              #content {
                        position:                    relative;
              ul.rollover {
                        position:                    relative;
                        margin:                              0;
                        padding:                    0;
              ul.rollover li {
                        background:                    #d1d694 url(libg.jpg) no-repeat center center;
                        position:                    relative;
                        list-style:                    none;
                        margin:                              0;
                        padding:                    0;
                        width:                              200px;
                        height:                              125px;
                        overflow:                    hidden;
                        border:                              20px solid white;
                        float:                              left;
                        margin-right:          20px;
                        margin-left:          20px;
                        margin-bottom:          40px;
                        -webkit-box-shadow:                    0px 0px 10px #333;
                        -moz-box-shadow:                    0px 0px 10px #333;
                        -ms-box-shadow:                    0px 0px 10px #333;
                        -o-box-shadow:                    0px 0px 10px #333;
                        box-shadow:                    0px 0px 10px #333;
              ul.rollover li img {
              z-index:                    30;
              position:                    absolute;
              top:                              0px;
              left:                              0px;
              -webkit-transition:all 0.7s ease-out;
              -moz-transition:all 0.7s ease-out;
              -ms-transition:all 0.7s ease-out;
              -o-transition:all 0.7s ease-out;
              width: 280px;
              height: 168px;
              ul.rollover li:hover img {
                        -webkit-transform: scale(6);
                        -moz-transform:           scale(6);
                        -ms-transform:           scale(6);
                        -o-transform:           scale(6);
                        opacity:                              0;
              ul.rollover li h2 {
                        font-size:                              3em;
                        color:                                        #333;
                        margin:                                        0;
                        padding:                              0;
                        line-height:                    1.5em;
                        letter-spacing:                    0.1em;
                        text-align:                              center;
                        text-transform:                    uppercase;
                        -webkit-transition: all 0.5s ease-in;
                        -webkit-transform:          scale(0.1);
                        -moz-transition:           all 0.5s ease-in;
                        -moz-transform:                    scale(0.1);
                        -ms-transition:           all 0.5s ease-in;
                        -ms-transform:                    scale(0.1);
                        -o-transition:           all 0.5s ease-in;
                        -o-transform:                    scale(0.1);
                        opacity:                              0;
              ul.rollover li:hover h2 {
                        padding-top:                    30px;
                        -webkit-transform:          scale(1);
                        -moz-transform:                    scale(1);
                        -ms-transform:                    scale(1);
                        -o-transform:                    scale(1);
                        opacity:                              1;
              ul.rollover li hr {
                        width:                                        0px;
                        color:                                         #333;
                        background-color:           #333;
                        border:                                        none;
                        height:                               2px;
                        margin:                                        auto;
                        -webkit-transition:          all 0.6s linear;
                        -moz-transition:          all 0.6s linear;
                        -ms-transition:                    all 0.6s linear;
                        -o-transition:                    all 0.6s linear;
              ul.rollover li:hover hr {
                        width:                                        100px;
              ul.rollover li p {
                        font-family:                    helvetica, arial, sans-serif;
                        text-transform:                    uppercase;
                        margin:                                        0;
                        padding:                              0;
                        font-size:                              1.1em;
                        padding:                              20px;
                        text-align:                              center;
                        text-tranform:                    uppercase;
                        -webkit-transition: all 0.6s ease-in;
                        -webkit-transform:          scale(0.1);
                        -moz-transition:           all 0.6s ease-in;
                        -moz-transform:                    scale(0.1);
                        -ms-transition:           all 0.6s ease-in;
                        -ms-transform:                    scale(0.1);
                        -o-transition:                     all 0.6s ease-in;
                        -o-transform:                    scale(0.1);
                        opacity:                              0;
              ul.rollover li:hover p {
                        -webkit-transform:          scale(1);
                        -moz-transform:                    scale(1);
                        -ms-transform:                    scale(1);
                        -o-transform:                    scale(1);
                        opacity:                              1;
              ul.rollover li a.button {
                        display:                              block;
                        text-align:                              center;
                        font-family:                    helvetica, arial, sans-serif;
                        position:                              relative;
                        text-transform:                    uppercase;
                        letter-spacing:                    0.2em;
                        padding:                              4px;
                        text-decoration:          none;
                        font-size:                              1.6em;
                        background:                              #333;
                        color:                                        #d1d694;
                        width:                                        60px;
                        margin-left:                    125px;
                        border:                                        none;
                        -webkit-transition: all 0.6s ease-in;
                        -webkit-transform:          translateY(230px) scale(5);
                        -moz-transition:           all 0.6s ease-in;
                        -moz-transform:                    translateY(230px) scale(5);
                        -ms-transition:           all 0.6s ease-in;
                        -ms-transform:                    translateY(230px) scale(5);
                        -o-transition:                     all 0.6s ease-in;
                        -o-transform:                    translateY(230px) scale(5);
                        opacity:                              0;
                        cursor:                                        pointer;
                        z-index:                              50;
              ul.rollover li:hover a.button {
                        -webkit-transform:          translateY(0) scale(1);
                        -moz-transform:                    translateY(0) scale(1);
                        -ms-transform:                    translateY(0) scale(1);
                        -o-transform:                    translateY(0) scale(1);
                        opacity:                              1;

  • Adding new elements to a Master Page and sharing them to existing pages

    I need to include new navigation elements on the master page
    and I want it to show up on pages I've already created. I've added
    the new elements on a layer of their own which is part of the
    master page, but the Share Layer to Pages... option is dimmed.

    jcbluesman wrote:
    > I'm using CS4, Jim, and here's a link to the .png
    > (
    http://idisk.mac.com/jconstant-Public/deimos.png
    >
    > The 3 tabs in the upper right on the master page are the
    ones I'm trying to
    > share across the existing pages. I created them in PS
    (also CS4), then imported
    > the .psd into this FW document, if that makes any
    difference.
    >
    > Thanks,
    > Jim
    >
    OK there are two related as I see it.
    Each of your pages consists of a solid, opaque bitmap for a
    main image.
    Master Pages, by default, are at the bottom of the layer
    stack. Your
    tabs ARE present, you just can't see them because they are
    covered up by
    the bitmap.
    Assuming you don't have those page images as multi-object
    elements,
    where you can edit the blue backgrounds, there are still two
    things you
    can do, both of which are pretty easy.
    Go into each page and temporarily reduce the opacity of Layer
    1.
    Use the marquee tool to draw a selection around the area of
    the tabs.
    Delete the selection.
    Return the lay back to full opacity.
    OR
    Try dragging the Master page to the top of the layer stack in
    each page.
    Hide or delete the Master page background.
    This option is a little trickier, but I was able to do it.
    Wait for the
    black bar to appear before you release the mouse. You may
    need to try
    this a few times before it works.
    HTH
    Jim Babbage - .:Community MX:. & .:Adobe Community
    Expert:.
    http://www.communityMX.com/
    CommunityMX - Free Resources:
    http://www.communitymx.com/free.cfm
    .:Adobe Community Expert for Fireworks:.
    Adobe Community Expert
    http://tinyurl.com/2a7dyp
    .:Author:.
    Lynda.com -
    http://movielibrary.lynda.com/authors/author/?aid=188
    Peachpit Press -
    http://www.peachpit.com/authors/bio.aspx?a=d98ed798-5ef0-45a8-a70d-4b35fa14c9a4
    Layers Magazine -
    http://www.layersmagazine.com/author/jim-babbage

  • Importing .gif file into Pages - problem with transparency

    Hi Apple Forum,
    First-timer (on the forum) here. I tried importing a .gif image (with alpha channel) into a pages document. The image was imported, but it's not transparent. In other words, the alpha channel isn't working. The problem is NOT with the opacity button, in case some one wants to suggest that as a solution. Has anyone had this issue before?

    Hi Scrambled_Eggs
    Welcome to the forum.
    Resave them as .png from Preview app.
    Peter

  • Newsletter Template / Page set up for print

    Hi,
    I'm in the process of creating a template for a newsletter, and am not sure how best to start with formating this template so it will be suitable for sending to a printers for a run of about 500 copies each time.
    The newsletter will be A4 in size, and will consist of about 12 pages each issue.
    Does that mean that I would create an A3 Pages document, and apply 2 pages of the newsletter to this, so it can be folded to create an A4 'book'?  Can Pages deal with auto page numbers like this?  Or am I pushing it too far?
    Or, perhaps, should I just be creating each page on a single A4 page, and the printers will be able to produce the printed newsletter from this?
    I know Pages isn't an ellaborate DTP application, but we're using it so it can be easily used by someone in our organisation.
    Any advice much appreciated.
    Thanks,
    c

    Number one rule of commercial printing:
    Speak to your printer BEFORE you do anything.
    Your printer will tell you what their requirements are.
    That almost certainly is not a Pages document and usually is not imposed.
    Normally these days it is a pdf file in a format acceptable to the Printer, which is not easy with Pages/OSX.
    1. Pages/OSX does not produce pdfs conforming with the PDF/X standard required for commercial offset or digital printing
    2. Pages does not have bleeds or crop marks. You will have to construct those in oversize sheets (add an extra 10mm all round to do this)
    3. Pages does not have slugs to aid the printer in accurately positioning and controlling the printed sheets, you can add your own or find prebuilt pdfs or leave it to the Printer's imposition software to add.
    4. Pages/OSX does not use spot colors if you need those, but will let you add pdf elements that contain spot colors. This will produce more than the standard 4 cmyk plates, but not less.
    5. Pages/OSX reduce all transparency (other than vector) to an unacceptably low 72dpi when converting to pdf. This affects 3D graphs, shadows, reflections, Alpha Masks and bitmaps marked with less than 100% opacity or overlapping objects which have less than 100% opacity.
    6. Pages does not manage either resolution or cmyk well. Although this can be overcome with a great deal of manual work, it is very easy to miss exceptions and make mistakes because Pages does not flag problems nor allow systematic use of named accurate color samples/profiles.
    A great many of the problems are due to the way has Pages been written but many others are due to what Apple has done/not done with OSX. There is other low cost software such as Swift Publisher which overcomes most (but not all) of the problems either internally or countering those in OSX.
    The usual tools of the trade that do deliver accurate Print ready PDFs are Adobe Indesign and Quark Xpress. Both are expensive and require knowledge and skill to achieve accurate results.
    It is normal to vet a pdf file through a program like Acrobat Pro to check for errors so that you can correct them before go to the very expensive press run.
    There is only one low cost easy to use software that I currently know of that truly delivers on accurate commercial printing, that is Serif PagePlus X7 and unfortunately that is not available for OSX, but you can use it on a Mac running Windows in emulation.
    Peter
    There is a website of a Pages user who has also written a book on how to use Pages for commercial print. Unfortunately I have had a good look at what he has written and, whilst he means well, he is that most dangerous, but popular, of advisors, one who knows a little bit more than those who know nothing. He tells the innocent user what they would like to hear, not what they need to know.

  • Skillbuilders Modal Page (2.0.0) - iframe height restricted to 150px?

    Hi,
    I installed the Skillbuilders Modal Page v 2.0.0 this afternoon into our Apex 4.1.1 instance and have most functions working as expected. I have the modal window popping up when a link column in an interactive report is clicked.
    However, iframe node is inheriting a height of 150px from somewhere and I'm struggling to see where this is.
    When the edit link is clicked, the modal window pops up and the dom looks like this:
    <div id="colorbox" class="" style="padding-bottom: 0px; padding-right: 0px; opacity: 1; cursor: auto; display: block; position: absolute; width: 400px; height: 500px; top: 0px; left: 752px; ">
      <div id="cboxWrapper" style="width: 400px; height: 500px; "><div>
      <div id="cboxTopLeft" style="float: left; "></div>
      <div id="cboxTopCenter" style="float: left; width: 400px; "></div>
      <div id="cboxTopRight" style="float: left; "></div>
    </div>
    <div style="clear: left; ">
      <div id="cboxMiddleLeft" style="float: left; height: 500px; "></div>
      <div id="cboxContent" style="float: left; width: 400px; height: 500px; ">
        <div id="cboxLoadedContent" style="overflow-x: hidden; overflow-y: hidden; width: 400px; height: 500px; ">
          <iframe frameborder="0" name="cbox1335796646985" src="f?p=139:35:1611420862962401::NO::P35_rowid:AAER2oAAuAAJIP%2BAAJ" scrolling="no" class="cboxIframe"></iframe>
        </div>
        <div id="cboxLoadingOverlay" style="float: left; display: none; "></div>
        <div id="cboxLoadingGraphic" style="float: left; display: none; "></div>
        <div id="cboxTitle" style="float: left; display: block; ">Edit Transaction</div>
        <div id="cboxCurrent" style="float: left; display: none; "></div>
        <div id="cboxNext" style="float: left; display: none; "></div>
        <div id="cboxPrevious" style="float: left; display: none; "></div>
        <div id="cboxSlideshow" style="float: left; display: none; "></div>
        <div id="cboxClose" style="float: left; ">close</div>
      </div>
      <div id="cboxMiddleRight" style="float: left; height: 500px; "></div>
    </div>
    <div style="clear: left; ">
      <div id="cboxBottomLeft" style="float: left; "></div>
      <div id="cboxBottomCenter" style="float: left; width: 400px; "></div>
      <div id="cboxBottomRight" style="float: left; "></div>
    </div>I've combed through the source and linked CSS/JS files to try and see where the 150px height is inherited from to no avail. What is strange is that in my dynamic action I specify the height to be 300px, and the initial height in the plugin setup is also 300px.
    Anyone with any suggestions would be most welcome - I've hit a brick wall on this particular one!
    EDIT: Sample application and demo of problem at Demo App (user DEMO, password demo)
    Many thanks in advance.
    Regards, Pete
    Edited by: Pete Mahon on Apr 30, 2012 4:17 PM

    Hi Johnny,
    There isn't actually any custom code behind this, so to speak, certainly none that I've written as a custom job.
    The Skillbuilders plugin is available via [url http://apex-plugin.com/oracle-apex-plugins/dynamic-action-plugin/skillbuilders-modal-page_138.html]apex-plugin.com which links to [url http://skillbuilders.com/download/download-resource.cfm/instructions.pdf?file=Oracle-Apex/plugins/modal_page//instructions.pdf]instructions and a [url http://skillbuilders.com/webinars/webinar.cfm/53?title=Introducing%20SkillBuilders%20Modal%20Page%20Plug-in]really informative webinar at skillbuilders.com. I strongly recommend you watch the video as it's not as simple as just installing.
    Cheers, Pete

  • Create a photo page and have the photo's link to other internal pages

    really basic quesiton, sorry but I can't do this for some reason. I created a photo page that is going to be a menu page to link to some internal pages. for some reason the Enable as a Hyperlink is greyed out and I can't click on it to make the image a hyperlink.
    Any help or suggestions?
    Thanks

    What you need to do is place a shape over the top of the image, then using Inspector, Graphic Tab give it an Opacity of 1% then you can make the shape a hyperlink.
    The imageholders on the photo page cannot be used as hyperlinks.
    Alos you must giv ethe shape an opacity of at least 1%, if you try 0% it will not work.
    Will
    1GHz G4, 15" PowerBook, Airport Network, 1G iPod Mini   Mac OS X (10.4.6)   www.willg4pb.com for iWeb tips

Maybe you are looking for

  • Can 2 ipods be used on one computer? (different users-2 accounts on one computer)

    We have one computer, 2 ipods (one classic, one nano), 2 itunes accounts.  Is it possible for 2 users to use the same computer with different ipods and different itunes accounts.  We are having problems accomplishing this.

  • Plugged in iPhone to update, now MBP won't boot up

    I have a MBP Unibody (late 2008) running OS 10.5.8 and a 3G iPhone - everything was working fine until today when I plugged in the iPhone to update to OS4.1 - iTunes wouldn't open and gave me a weird message about installing a new version. Tried agai

  • Customer confirmation of receipt of delivery

    What is the best place in SAP  to store that date that a customer has received their delivery of goods.  I cannot find a date field in the SAP delivery document and I need it to include in a DIFOT report.

  • Oracle 8i installed under Win98 using JDeveloper

    I have sucessfully installed 8i for Win98, but I am having problems setting up local dayabases using NET8. Can anyone offer any tips?? I want to use JDeveloper to Access databases locally using JDBC

  • Unable to open new document Indesign 5.5

    I can startup Indesign 5.5 om my Macbook , but when I click on open new document I receive a spinning wheel on screen and see that programm in no longer responding. Please can you help me?