Pages 5.1 author color

Can anybody explain when/how Pages 5.1 uses "author color?" No matter what I set as the author color, Pages picks a different color for the deletion/insertion text. Sometimes green, sometimes organge, etc.  It wouldn't matter except I have trouble seeing a couple of the colors clearly and several lines of organe text are near impossible for me to read.  I can't find any setting to fix this, anybody have any suggestions?
Brian

+1 this issue. Author Color affects the margin indicators but the inserted text itself is (in my case) a mustard-brown color with no apparent affordance to change it. I can't believe this is intentional design. It's also sad to hear about Apple support's "motivated reasoning" – no doubt putting Average Handle Time call-center metrics above customer needs. You know, like Comcast, et al. My motivated reasoning for not wanting this to be the design as intended is that I once thought Apple knew what they were doing design-wise. This app is amateurish garbage. Yes, I could do better. No, I don't want to live in Cupertino.

Similar Messages

  • [svn:fx-trunk] 9707: Our stock html template now propagates ${bgcolor} to the page body' s background-color.

    Revision: 9707
    Author:   [email protected]
    Date:     2009-08-27 13:15:29 -0700 (Thu, 27 Aug 2009)
    Log Message:
    Our stock html template now propagates $ to the page body's background-color.
    QE notes: Requires documentation of new behavior (relative to Flex 3).
    Doc notes: None.
    Bugs: SDK-22723
    Reviewer: Peter F.
    Tests run: Manual Flash Builder tests.
    Is noteworthy for integration: Yes, new html template.
    Ticket Links:
        http://bugs.adobe.com/jira/browse/SDK-22723
    Modified Paths:
        flex/sdk/trunk/templates/swfobject/index.template.html

    Horgykitkat wrote:
    What I found after taking out the heights from the text areas is that I was left with uneven text column lengths (alternating beige areas). So I created a repeatable jpg with the same alternating beiges and put it as the background of the bodyArea tag. Again, if there is a better way, please let me know!
    A repeating background image to 'fake' equal height columns is perfectly ok.
    It won't work IF your page is responsive but it isn't so no problem. If it were responsive a better solution would be to take advantage of the css property display: table; and display: table-cell;
    In reference to your footer background color not showing I would assume you have floated items within the footer container. If so then you need to clear those floated items which allows the footer container to wrap itself around the floated items inside it.
    You would do this by using css - overflow: hidden; - on the parent container which has the floats inside it.

  • How do I change the size or orientation of the Title Page in iBook Author

    I'd like to customize the shape and size of the Title Page in my book, I noticed that many books have custome sized Title Pages (one example is the free iBook The Yellow Submarine).

    The 'Book Title' page in iBooks Author – top of the list in the Book sidebar – is fixed in size and orientation. What you are seeing with customized cover graphics are covers independently created and uploaded through iTunes Producer. - Fabe

  • How come when i copy a color from one page to another, the color looks faded?

    I'm using the same color in a multi-page layout. When i copy a color box from one page to another, the color looks faded on some pages. WHY?! Thanks!

    So i checked the blend spaces - both are CMYK (as this doc will be offset printed). Something really strange is happening! See attach below: the 2 blues (same setup/blend space, color breakdown, etc...) look different! And my client is PICKY! ugh. HELP! Thanks again!

  • How to make turning page with ibooks author?

    How to make turning page with ibooks author?

    This question has been answered on this thread
    https://discussions.apple.com/message/17981772#17981772#17981772
    Best regards.
    Alex

  • Is there a way to reorder or introduce new pages in iBooks Author, without creating a new IBook?

    Is there a way to reorder or introduce new pages in iBooks Author, without creating a new IBook? Is this possible?

    The main thing is...you have a way to move forward with your project.
    If I may offer some tips, learn to customise the template to suit your project...its basically very easy..once you try.Again a search will bring up posts that address this topic.
    IF you do create your own template..save it as a template before using it, that way you have a clean version every time.
    When putting your book together save versions as you go along..later you can delete them.
    If, as .. you seem to have found, you need to change things or want to try other options, you can copy whole chapters or sections and paste in a new order or  into another version of your template. If you copy into a different template or book, the template basic also transfer to the template. Best way to discover what can be done is simply open a new book to play with! Add a few chapters and sections...include some pages..and just drag things around, copy and paste where you choose. Its just learning and after you delete the junk!..BTW, yes, you can have single pages before the first chapter...i.e. I open a copyright page into a chapter...that drag it to the top of the book tree, a blue line will appear ..drop it.
    If you need any help or advice, its available in abundance on this forum.  Have fun...

  • I know it is possible as E O Wilson's - Life  On Earth displays it, but how do you place images across multiple pages in iBook Author?

    I have a large image that I would like to span across 2 or possibly more pages in iBook Author. I know that it is possible as you can see it in the above mentioned E O Wilson's Life On Earth. However at the moment when I place an image in the position required it simply displays it on one of the pages. Any help with this issue would be greatfully recieved.

    You'd need to split the image into two, then place the left 1/2 on one page and the right 1/2 on the next, side-by-side.
    Disable Portrait orientation for the book via the Inspector.

  • Can In Design CS 5.5 locate which page uses a particular color swatch?

    In Design has powerful search abilities.  It can even find where a STYLE is used inside a document with many pages/
    Can In Design CS 5.5 locate which page uses a particular color swatch?

    Maybe. Try Find/Change, Object tab, or look at the Blatner Tools plugin

  • How can I get the page to curl when turning to the next page in iBooks author?

    How can I get the page to curl when turning to the next page in iBooks author?

    I don't think you can. If you need that effect, you should use ePub (that can be authored via Pages) not iBA.
    I hope Apple give us the option in the future though.

  • Can I create pages that only authorized users can access?

    I need to create pages that only authorized users can access, is that possible to be done with Muse? 

    Hi Natalia,
    If you are using Business Catalyst as a host , then "Yes" you need to publish a website to use Secure zone of Business Catalyst.
    If you are using a different host or BC then you may use third party widgets like
    Adobe Muse Password Protection Widget | MuseThemes.com
    Thanks
    Prabhakar Kumar

  • Undesirable and random GET_CONFIG pages printing from HP Color LaserJet CM2320fxi

    An HP Color LaserJet CM2320fxi MFP is printing at what seems as random times two pages.  The first page is a GET_CONFIG page and the second page is a two line page of random giberish characters much like the Windings font.
    Error logs on the printer don't reveal anything is wrong.  It apears that the printer is not aware of these printing events or is not recording them in the logs.
    Something similar to this has been encountered and was a result of bad memory or a corrupted firmware load.
    This sort of behavior was found posted online in a very brief message on HP's site. Different model of course. http://h30499.www3.hp.com/t5/Printers-LaserJet/get-config-pages-on-models-CP2025/td-p/1095046  The problem apeared not to be resolved.
    I dislike the event log of these printers. It doesn't define datetime stamp of the events.
    Copied event log:
    Number Code Page
    8 54.2500 2606
    7 54.2500 2598
    6 13.0000 2324
    5 13.0000 2264
    4 13.0000 1503
    3 13.0000 888
    2 13.0000 812
    1 54.2100 0
    The number of events with these symptoms seem pretty sparse. At least those that are reported. http://h30434.www3.hp.com/t5/Other-printing-questions/CM2320fxi-Locks-up-when-printing-from-Ubuntu-9...
    Also, the error 54.xxxx doesn't appear to be documented which makes identifying the problem rather difficult.
    The "Get_Config" occurrences were taking place shortly after the scheduled calibration process occurred. This was discovered by chance when i just happened to walk by and heard the printer spin up and watched it give birth to the get_config pages.  Almost like it was trying to communicate with me.. Perhapse I need to "get_config".  LOL
    As a last resort I reset the NVRAM.  The reset of the NVRAM didn't resolve the problem. There is not enough information available from HP to find a resolution to this problem. This is an attempt to open up a support request with HP or knowledeable HP guru types via this forum.
    Suggestions other than that of  watching and reenacting Office Space are welcome.

    Phillip -- that did seem to work. Thanks!
    One thing of note, after sleuthing it out a bit more, I realized that this happened after I was prompted by Apple's Software update to update the driver to version 1.1.1 (I think that was the number). that update seems to have broken Acrobat, so returning to the one on the Adobe site restores the functionality.
    Perhaps this will be an alert to others not to install the Apple driver when prompted, though it's easy to let that slip by.
    Randy

  • Is there a way to disallow web pages to modify foreground color of elements if background of those elements was not changed as well (and vice versa)?

    I have very sensible defaults for my display; i.e. I have dark GTK scheme (dark gray background, light gray text) that suits me way more when working on my computer while it's dark around. I, however, like looking at web pages as how they were mean to be seen. Unfortunately, most of web designers don't think about anyone having non-default colors set up.
    Example one ( http://www.cedok.cz ):
    This site's CSS style has "color: rgb(45, 45, 45);" for the whole <body> but for <select> elements there is no "background-color" set. This means there is a select box rendered with dark gray background and dark gray foreground (text color). This is pretty badly readable (obviously).
    To mention one particular element from this site: e.g. <select id="ctl00_ContentPlaceHolderLevySloupec_HledaniMultiTab1_HledaniZajezdu1_ddlTypZajezdu">
    Example two ( https://support.mozilla.org/en-US/questions/new/desktop/customize/form ):
    On this page (where I'm currently filling in this question) the <textarea id="id_content"> has "background: ... rgb(255, 255, 255);" set, but with my default font color, this textarea is rendered as light gray text on a white background. Again, pretty unreadable (and eye-hurting).
    I can provide screenshots and more reasoning if needed.
    I'm asking if there is (or might be) an option (even disabled by default) or at least an add-on which would keep default colors unless both foreground and background colors were specified. I think this might make Firefox very usable for many people which like to have their default colors configured.
    In case you won't be able to help me by fixing this, could you redirect me to the right place where I could get this requested in a way that might be really possible to happen (bugzilla?).
    Thank you very much in advance.

    Thanks for the reply, but I'm sorry, no. I don't want any addon that customizes colors, I want to use default colors and only prohibit changing them unless both background and foreground colors are changed.
    I have made no color changes WRT to Firefox *only*, I just changed the default for the whole toolkit (gtk in this case). The thing I need is to disable changing *only one* property out of two ({back,fore}ground). Whenever the second one gets set as well, this new setting (both of them) may get reflected, but not before that. It'd be nice to keep this when changing the colors back (deleting the style), but that's not necessary.
    I hope that's understandable, feel free to ask for if that's not the case.
    To express what I mean a bit more precisely, see the attached image. In that image there are four textareas (one of the elements that gets affected by this). First one is a default one (which I want to have if the page has nothing set), the second one is nicely modified to fit for example to a blue-ish page (this one I like as well).
    Second row of textareas shows how the final element looks like if the page has only one of these elements set up. First one changes background without changing font color, the second one vice versa. Both of them are very badly readable, especially with low lighting around.
    This is consequently the same case when it comes to default page background which I cannot set at all, because too many pages have only "color:" set without changed background and that is completely messed up then. Going to extremes, I might mention all color-related modifications (see how ugly the borders look when the background is changed and nothing is done to these borders, their size and color is kept default), but I understand that's too much.

  • How do I get the pages to be another color other than white? I have my theme chosen but all the pages background are white! Please help.

    Please help me change the color of the pages in Firefox to be other than white. My hotmail page, my ebay page, my facebook pages are all white backgrounds. I have my theme chosen but the pages are still all white. How do I change this. Thanks, Laura

    There is an extension called NoSquint that might help.
    * https://addons.mozilla.org/en-US/firefox/addon/nosquint/
    After I got a 27" screen, I had problems with the interface text being too small as well. That can be fixed with Mozilla applications if you set up a userChrome.css file in the profile inside a subdirectory called chrome. The code I used:
    @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
    *{font-family: Trebuchet MS !important; font-size: 15px !important;}

  • Footer now floating in middle of page and no background color

    Hello all,
    Been working on this for days with no luck. I hope someone can spot the silly mistake, because I know it has to be something silly but it's driving me round the bend! The page has always been just fine until I recoded part of the body (the four columns with titles, photos, and text) to help with 508 compliance. Since then, the orange footer that was firmly at the bottom has started floating half way up the page and the background orange color has disappeared.
    I've gone through my code line by line, marking off each beginning and ending div tag and everything is fine there. Below, is a screenshot of the lower half of the page showing how the footer should look.
    Here is a screenshot of how it looks offline right now:
    as you can hopefully see, the footer has lost it's orange background and is sitting halfway up the page.
    Here is the HTML code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=1100">
    <meta name="keywords" content="Meadows museum, Southern Methodist university, SMU, Dallas, Texas, Algur Hurtle Meadows, The Meadows Foundation, Dr. Mark A. Rogl&aacute;n, medieval, baroque, tenth to twentieth century spanish art, 10th to 20th century Spanish art, Spanish art collection, Spanish paintings, Meadows school of art, masterpieces, world's greatest painters, El Greco, Velázquez, Ribera, Murillo, Goya, Miró, Picasso, Juan Gris, Renaissance, altarpieces, rococo oil sketches, polychrome wood sculptures, Impressionist landscapes, modernist abstractions, sculptures, twentieth-century sculptors, Rodin, Maillol, Giacometti, Henry Moore, David Smith, Claes Oldenburg, James Surls, Santiago Calatrava, Texas artists, Frank Reaugh, Jerry Bywaters, Otis Dozier, Alexandre Hogue, William Lester, exhibitions, education, educational workshops, lectures, gallery talks, symposia, symposium, museum shop, Spain's Golden Age, neo-Palladian structure, Jones Great Hall, Founder's Room, auditorium, Gates Restaurant, Moss Chumley Award, William B. Jordan internships, Fortuny, Sorolla, Steve Mumford, Don Quijote, eighteenth-century tapestries, Roger Winter, Stanley Marcus, Mark Lemmon, The Barrett Collection, Mexican art, DeGolyer Library, greek vase painting, Juan van der Hamen y Le&oacute;n, Division of Cinema-Television, musical and danse performances, performing artists, studio art activities, storytelling, artist demonstrations, community education, Spanish discussion and book club, Master of Liberal Arts courses, MLA program, corporate membership, Museum membership, Museo Nacional del Prado, Prado Museum Designer=Pam Muirheid">
    <meta name="description" content="The Meadows Museum is committed to the advancement of knowledge and understanding of art through the collection and interpretation of works of the greatest aesthetic and historical importance, as exemplified by the founding collection of Spanish art">
    <meta name="robots" content="index, follow">
    <title>Home – Meadows Museum</title>
    <meta name="google-site-verification" content="WJGKz4uefsWUilZUdPa5ggL23MSk1IsHeLMzUz3B1QE" />
    <style type="text/css">
    <!--
    body {
    background-color:#
    a:link {
        color: #505262;
        text-decoration: underline;
    a:active {
        color: #505262;
        text-decoration: underline;
    a:visited {
        color: #505262;
        text-decoration: underline;
    a:hover {
        color: #505262;
        text-decoration: none;
    -->
    </style>
    <link href="css/layout.css" rel="stylesheet" type="text/css" />
    <script src="ajxmenu1.js" type="text/javascript"></script>
    <style type="text/css">
    <!--
    .style1 {
        color: #FFFFFF
    -->
    </style>
    <link rel="stylesheet" href="ajxmenu1.css" type="text/css" />
    <style type="text/css">
    <!--
    .style23 {
        font-size: 10px
    -->
    </style>
    <link rel="stylesheet" href="ajxmenu3.css" type="text/css" />
    <link rel="stylesheet" href="ajxmenu4.css" type="text/css" />
    <style type="text/css">
    <!--
    .style24 {
        color: #AE543C
    .style26 {
        color: #f1efe0
    .style27 {
        color: #b6241d
    -->
    </style>
    <link rel="stylesheet" href="ajxmenu8.css" type="text/css" />
    <link rel="stylesheet" href="ajxmenu13.css" type="text/css" />
    <style type="text/css">
    <!--
    .style28 {
        color: #AF4D33
    .style29 {
        font-family: Geneva, Arial, Helvetica, sans-serif
    -->
    </style>
    <link rel="stylesheet" href="ajxmenu16.css" type="text/css" />
    <script type="text/javascript">
      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-32262060-1']);
      _gaq.push(['_trackPageview']);
      (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    </script>
    <script type="text/javascript" language="javascript">AC_FL_RunContent = 0;</script>
    <script type="text/javascript" src="slideshow/AC_RunActiveContent.js" language="javascript"></script>
    <script type="text/javascript" language="JavaScript"></script>
    <script type="text/javascript" language="JavaScript">
    <!--
    function errorSafe() {return true;}
    window.onerror = errorSafe;
    function newWin(url,name,rs,sc,mn,tl,lo,wd,hi) {
    openWindow = window.open(url,name,'resizable='+rs+',scrollbars='+sc+',menubar='+mn+',toolbar='+tl+',lo cation='+lo+',width='+wd+',height='+hi);}
    name.window="menu"
    function open_window(url) {
    email = window.open(url,"eMail","toolbar=5,location=0,directories=0,status=1,menubar=0,scrollbars =yes,resizable=yes,width=800,height=600");
    //-->
    </script>
    <script src="ajxmenu1.js" type="text/javascript"></script>
    <script src="ajxmenu3.js" type="text/javascript"></script>
    <script src="ajxmenu4.js" type="text/javascript"></script>
    <script language="JavaScript1.2" type="text/javascript" src="mm_css_menu.js"></script>
    <script src="ajxmenu8.js" type="text/javascript"></script>
    <script src="ajxmenu13.js" type="text/javascript"></script>
    <script src="ajxmenu16.js" type="text/javascript"></script>
    <!-- Google Translator start-->
    <meta name="google-translate-customization" content="9966f40ce63f3936-63b7db40478c71ff-g3ab4db8eb77d6f75-1b">
    </meta>
    <!-- Google translator end -->
    </head>
    <body bgcolor="#f1eee1">
    <div class="hidden">Skip to main content.</div>
    <!-- begin logo-->
    <div id="logo">
      <header role="banner"><a href="http://smu.edu/meadowsmuseum/">Home Page - Meadows Museum</a></header>
    </div><!-- end logo -->
    <!-- begin navbackground-->
    <div id="navbackground">
      <!-- begin nav-->
      <div id="nav">
        <div class="AJXCSSMenuBOOIZUD"><!-- AJXFILE:ajxmenu1.css -->
          <ul>
            <li class="tsub"><a class="ajxsub" href="mission_statement.htm">About  Us</a>
              <ul>
                <li><a href="mission_statement.htm">Mission Statement</a></li>
                <li><a href="Director.htm">Message from the Director</a></li>
                <li><a href="contacts.htm">Contact Us</a></li>
                <li><a href="news.htm">News</a></li>
                <li><a href="media.htm">Multimedia</a></li>
                <li><a href="history.htm">Museum History</a></li>
                <li><a href="Plaza.htm">Plaza & Sculpture Garden</a></li>
                <li><a href="Moss_Chumley.htm">Moss/Chumley Award</a></li>
                <li><a href="javascript:open_window(%27http://www.meadows.smu.edu%27)">Meadows School of the Arts</a></li>
                <li><a href="javascript:open_window(%27http://www.smu.edu%27)">Southern Methodist University</a></li>
              </ul>
            </li>
            <li class="tsub"><a class="ajxsub" href="visit.htm">Visit Us</a>
              <ul>
                <li><a href="visit.htm">General Information</a></li>
                <li><a href="tours.htm">Groups &amp; Tours</a></li>
                <li><a href="access_programs.htm">Accessibility</a></li>
                <li><a href="shop.htm">Museum Shop</a></li>
                <li><a href="students_teachers.htm">K-12 Resources</a></li>
                <li><a href="dining.htm">Dining</a></li>
                <li><a href="lodging.htm">Lodging</a></li>
                <li><a class="ajxsub" href="events.htm">Facility Rentals</a>
                  <ul>
                    <li><a href="events_rental_images.htm">Rental Facility Images</a></li>
                  </ul>
                </li>
              </ul>
            </li>
            <li class="tsub"><a class="ajxsub" href="collections_intro.htm">Collections</a>
              <ul>
                <li><a href="collections_intro.htm">About the Collections</a></li>
                <li><a class="ajxsub" href="collections_highlights.htm">Highlights of the Collections</a>
                  <ul>
                    <li><a href="collections_highlights_Algur.htm">Algur H. Meadows Collection</a></li>
                    <li><a href="collections_highlights.htm">Meadows Museum Collection</a></li>
                    <li><a href="collections_highlights_sculpture.htm">Elizabeth Meadows Sculpture Coll.</a></li>
                  </ul>
                </li>
                <li><a href="collections_provenance.htm">Provenance &amp; Research</a></li>
                <li><a class="ajxsub" href="#">Recent Acquisitions</a>
                  <ul>
                    <li><a href="collections_acquisitions_Goya.htm">Goya</a></li>
                    <li><a href="collections_acquisitions_Barcelo.htm">Barceló</a></li>
                    <li><a href="collections_acquisitions_Madrazo.htm">Madrazo</a></li>
                    <li><a href="collections_acquisitions_Munoz.htm">Muñoz</a></li>
                  </ul>
                </li>
              </ul>
            </li>
            <li class="tsub"><a class="ajxsub" href="exhibitions_current.htm">Exhibitions</a>
              <ul>
                <li><a href="exhibitions_current.htm">Current</a></li>
                <li><a href="exhibitions_upcoming.htm">Upcoming</a></li>
                <li><a class="ajxsub" href="#">Past</a>
                  <ul>
                    <li><a href="exhibitions_2013-present.htm"><span>2013-Present</span></a></li>
                    <li><a href="exhibitions_recent_past.htm">2010-12</a></li>
                    <li><a href="exhibitions_past_07-09.htm">2007-09</a></li>
                    <li><a href="exhibitions_recent_past2.htm">2004-06</a></li>
                    <li><a href="exhibitions_2001-3.htm">2001-03</a></li>
                  </ul>
                </li>
                <li><a href="longterm_loans.htm">Visiting Masterpieces</a></li>
                <li><a class="ajxsub" href="#">Prado at the Meadows</a>
                  <ul>
                    <li><a href="about_Prado_Meadows.htm">Prado at the Meadows</a></li>
                    <li><a href="docs/Pradopartnershipexpansionrelease.pdf">Expansion of Partnership</a></li>
                    <li><a href="exh_Prado_Meadows_press.htm">Press Release El Greco</a></li>
                    <li><a href="exh_Prado_Meadows_Ribera_press.htm">Press Release - Ribera</a></li>
                    <li><a href="about_Velazquez_Prado_release.htm"><span>Press Release - Velaquez </span></a></li>
                    <li><a href="prado_press.htm">News Articles</a></li>
                    <li><a href="prado_fellowship.htm">Fellowships</a></li>
                  </ul>
                </li>
              </ul>
            </li>
            <li class="tsub"><a class="ajxsub" href="public_programs.htm">Education</a>
              <ul>
                <li><a href="public_programs.htm">Program Calendar</a></li>
                <li><a href="internships.htm">Internships</a></li>
                <li><a href="fellowships.htm">Fellowships</a></li>
                <li><a href="students_teachers.htm">K-12 Resources</a></li>
                <li><a href="symposia.htm">Symposia</a></li>
              </ul>
            </li>
            <li class="tsub"><a class="ajxsub" href="membership.htm">Get Involved</a>
              <ul>
                <li><a href="membership.htm">Join or Renew a Membership</a></li>
                <li><a href="member_travel.htm">Member Travel</a></li>
                <li><a href="volunteer.htm">Volunteer</a></li>
                <li><a href="internships.htm">Internships</a></li>
                <li><a href="work_here.htm">Employment</a></li>
                <li><a href="support.htm">Donate</a></li>
              </ul>
            </li>
            <li class="tlast"><a href="50th_anniversary.htm">50th Anniversary</a></li>
            <li class="timg"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt=""/></li>
          </ul>
        </div>
      </div> <!-- End nav-->
    </div> <!-- End navbackground-->
    <br />
    <!-- Begin wrapper-->
    <div id="wrapper">
    <!-- Begin slideshow-->
      <div id="slideshow">
      <!-- Start dwuser_XML_Flash_Slideshow_v4 -->
            <!-- Do not remove the line below!!!  It is required for the DWUser XML Flash Slideshow v4. -->
            <script type="text/javascript" src="v4flashslideshow/slideshow.js"></script>
            <div class="dwuser_xfs_v4_holder" style="width: 1100px; height: 358px;"> <strong><a href="http://www.adobe.com/go/getflashplayer/">You need to upgrade your Flash Player and enable Javascript to view this content &raquo;</a></strong> </div>
            <script type="text/javascript">
                // <![CDATA[
                if (typeof(window['XMLFlashSlideshow_v4']) == 'undefined') { XMLFlashSlideshow_v4 = function(){}; alert('To use the XML Flash Slideshow v4, you must upload the v4flashslideshow/slideshow.js file, and have a properly defined ' + String.fromCharCode(60) + 'script' + String.fromCharCode(62) + ' reference to it in your HTML.');};
                XMLFlashSlideshow_v4({width:'1100', height:'358', level:'a', xml:'v4flashslideshow/slideshow_data1.xml', backgroundColor:'#F1EFE0', backgroundAlpha:'1', preloaderColor:'#FFFFFF', preloaderTextColor:'#FFFFFF', externalSkinURL:'', touchMode:'inline', touchBackgroundColor:'#F1EFE0', backgroundImage:'images/slideshow/Calatrava3_big.jpg', rightClickLabel:'slideshow of upcoming events'});
                // ]]>
                </script>
            <!-- End dwuser_XML_Flash_Slideshow_v4 -->
      </div><!-- End slideshow-->
    <!-- Begin bodyArea-->
      <div id="bodyArea">
        <!-- Begin programseventstitle --> 
        <div id="programseventstitle">
        <h3>PROGRAMS & EVENTS<br />
    </h3><a href="public_programs.htm"><img src="images/index/class.png" alt="programs and events" width="275" height="143" /></a>
        <ul id="programsevents">
      <p><a
    href="public_programs.htm#symposium">International
        Symposium</a><BR>Sat, Feb 7, 10 A.M.-3 P.M.</p>
      <p><a
    href="public_programs.htm#toast">Champagne
        Toast</a><BR>Sat, Feb 7, 3:30-5:00 P.M.</p>
      <p><a href="public_programs.htm#music">Music
        at the Meadows</a><BR>Sat, Feb 7, 6:30 P.M</p>
      <p><a
    href="http://www.meadowsmuseumdallas.org/public_programs.htm#drawing">Drawing
        from the Masters</a><BR>Sun, Feb 8, 1:30-3 P.M.</p>
      <p><a
    href="public_programs.htm#conn">Access
        Program: Connections</a><br />
        Wed, Feb 11, 10:30 A.M.-12:30 P.M.</p>
        </ul>
        </div>  <!-- End programseventstitle -->
        <!-- Begin newstitle -->
          <div id="newstitle">
          <h3>NEWS</h3> <a href="news.htm"><img src="images/index/Bacon_thumb.jpg" width="275" height="143" alt="news" title="news" /></a>
          <ul id="news">
        <p>12/23/14 - <a href="docs/50th_updated.pdf" target="_blank">Meadows Museum Looks Ahead to Golden Anniversary in 2015</a> (PDF)</p>
          <p>12/15/14 - <a href="docs/MossChumley2014Award.pdf" target="_blank">Meadows Museum Announces 2014 Moss/Chumley Artist Award Winner: Darryl Lauster</a> (PDF)</p>
          <p>11/3/14 - <a href="docs/Abello_2014.pdf" target="_blank">Meadows Museum to Present First Exhibition in U.S. of Paintings from
            Juan Abelló Collection, Among World’s Top Private Collections</a> (PDF)</p>
          </ul>
    </div>    <!-- End newstitle -->
      <!-- Begin multimediatitle -->   
        <div id="multimediatitle">
        <h3>MULTIMEDIA</h3><a href="http://vimeo.com/109750163" target="_blank"><img src="images/50th_anniversary/thumb_homepage.jpg" alt="multimedia" title="multimedia" width="275" height="143" /></a>
        <ul id="multimedia">
        <p><a href="media.htm">Watch videos, live webcasts, and podcasts</a>.</p>
          <p><strong>50th Anniversary</strong><br />
            Experience the Meadows Museum at SMU as the Museum approaches its <a href="http://vimeo.com/109750163" target="_blank">50th  anniversary</a>. Find out what's going on this year, what's in the news, and discover the fascinating history of the Museum in <a href="50th_anniversary_timeline.htm">Meadows Milestones</a>.</p>
          <p><a href="media.htm">June 20, 2014 <em>WFAA News</em> story about artist John Bramblitt.</a></p>
          </ul>
    </div>  <!-- End multimediatitle -->
      <!-- Begin supportustitle --> 
    <div id="supportustitle">
    <h3>SUPPORT US!</h3>
        <a href="support.htm"><img src="images/news_programs/MeadowsandLois.jpg" width="275" height="143" /></a>
        <ul id="supportus">
        <p><a href="membership.htm">Join/Renew your Membership</a></p>
          <p><a href="support.htm">Donate to the Museum</a></p>
          <p><a href="shop.htm">Browse our online shop</a></p>
            <p><a href="volunteer.htm">Become a Docent</a></p>
          <p><a href="shop.htm"></a><a href="volunteer.htm">Volunteer</a></p>
            <p><a href="javascript:open_window(%27http://visitor.constantcontact.com/manage/optin/ea?v=001WVdpo956d6mu5VjDxJQqvxlxNOVSB0HGHh q6v_z9sTXd8YFRILmxqroHCfw5TVmt2p88AqzgSHcInE_zTaFkPw%3D%3D%27)">Join our E-newsletter</a></p>
          </ul>
          <!-- Start Google Translator -->
        <div id="google_translate_element"></div>
        <script type="text/javascript">
    function googleTranslateElementInit() {
      new google.translate.TranslateElement({pageLanguage: 'en'}, 'google_translate_element');
    </script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></scrip t>
    <!-- End Google Translator -->
        </div>  <!-- End supportustitle -->
          <div class="push"></div>
    </div><!-- End Body Area-->
    <!--Begin footer-->
        <div id="footer">
          <!--Begin searchbar-->
          <div id="searchbar">
            <form role=“search” style="margin-right:0px; margin-top:12px; float:left; width:265px;" action="http://search.freefind.com/find.html" method="get"  accept-charset="utf-8" target="_self">
              <input type="hidden" name="si" value="47230699">
              <input type="hidden" name="pid" value="r">
              <input type="hidden" name="n" value="0">
              <input type="hidden" name="_charset_" value="">
              <input type="hidden" name="bcd" value="&#247;">
              <input type="text" name="query" size="15" style="border:thin">
              <input aria-label=”search” type="submit" value="search">
            </form>
            <br />
            <br />
            <a href="https://www.facebook.com/MeadowsMuseumDallas"><img src="images/symbols/facebook_white.png" alt="like us on Facebook" title="like us on Facebook" width="28" height="28" /></a><a href="https://twitter.com/MeadowsMuseum"><img src="images/symbols/twitter_white.png" alt="Follow us on Twitter" title="Follow us on Twitter" width="25" height="25" /></a> <a href="https://blog.smu.edu/tabularasa/"><img src="images/symbols/blog_white.png" alt="Museum blog" title="Museum blog" width="23" height="23" /></a> <a href="http://visitor.constantcontact.com/manage/optin/ea?v=001WVdpo956d6mu5VjDxJQqvxlxNOVSB0HGHh q6v_z9sTXd8YFRILmxqroHCfw5TVmt2p88AqzgSHcInE_zTaFkPw=="><img src="images/symbols/e-mail_white.png" alt="E-mail us" title="E-mail us" width="27" height="25" /></a> <a href="membership.htm"><img src="images/symbols/JOIN.png" alt="join the museum" title="join the museum" width="38" height="32" /></a> <a href="https://www.google.com/maps/preview#!q=5900+Bishop+Blvd.,+Dallas,+TX+75205&data=!1m4!1m3!1 d10476!2d-96.785088!3d32.837337!4m10!1m9!4m8!1m3!1d107264!2d-96.783199!3d32.845558!3m2!1i1 024!2i768!4f13.1"><img src="images/symbols/google-maps-iphone-icon.png" alt="Find us on Google maps" title="Find us on Google maps"  width="24" height="24" /></a>
            </div><!--End searchbar-->
        <!--Begin admissionhours-->
        <div id="admissionhours">
        Hours: Tue-Sat 10:00 a.m. - 5:00 p.m.,
            Thu until  9:00 p.m.,     
            Sun 1:00 - 5:00 p.m.
            Closed Monday.
            Admission: $10,  adults, $8,  seniors 65 &amp; over, $4,  non-SMU students. Free: Museum members, children under 12, SMU faculty/staff/students. Free Thu eve after 5:00 p.m. <br />
          </div><!--End admissionhours-->
        <!--Begin adresstel-->
          <div id="addresstel">
          Meadows Museum, 5900 Bishop Blvd., Dallas, TX 75205, <br />
            P.O. Box 750357, Dallas, TX 75275-0357 <img src="images/index/Untitled-1.png" alt="" width="6" height="10" /> 214.768.2516<br />
            <a href="contacts.htm" class="white">e-mail</a> <img src="images/index/Untitled-1.png" alt="" width="6" height="10" /><a href="site_map.htm" class="white"> Site map</a> <img src="images/index/Untitled-1.png" alt="" width="6" height="10" /> Website by <a href="http://www.mypawprint.com" class="white">My Pawprint Productions</a><br />
            © 2015 Meadows Museum
            </div>  <!--End adresstel-->
        </div>  <!--End footer-->
      </div> <!--End wrapper-->
    </body>
    </html>
    and here is the layout.css file:
    @charset "utf-8";
        margin: 0px;
        padding: 0px;
    a:link {color: #656252; text-decoration: underline; }
    a:active {color: #656252; text-decoration: underline; }
    a:visited {color: #656252; text-decoration: underline; }
    a:hover {color: #656252; text-decoration: none;
    a.white:link {color: #FFFFFF; text-decoration: underline; }
    a.white:active {color: #FFFFFF; text-decoration: underline; }
    a.white:visited {color: #FFFFFF; text-decoration: underline; }
    a.white:hover {color: #FFFFFF; text-decoration: underline; }
    /* Smartphones (portrait and landscape) ----------- */
    @media only screen
    and (min-width : 320px)
    and (max-width : 480px) {
    /* Styles */
    /* Smartphones (landscape) ----------- */
    @media only screen
    and (min-width : 321px) {
    /* Styles */
    /* Smartphones (portrait) ----------- */
    @media only screen
    and (max-width : 320px) {
    /* Styles */
    /* iPads (portrait and landscape) ----------- */
    @media only screen
    and (min-width : 768px)
    and (max-width : 1100px) {
    /* Styles */
    /* iPads (landscape) ----------- */
    @media only screen
    and (min-width : 768px)
    and (max-width : 1100px)
    and (orientation : landscape) {
    /* Styles */
    /* iPads (portrait) ----------- */
    @media only screen
    and (min-width : 768px)
    and (max-width : 1024px)
    and (orientation : portrait) {
    /* Styles */
    /* Desktops and laptops ----------- */
    @media only screen
    and (min-width : 1224px) {
    /* Styles */
    /* Large screens ----------- */
    @media only screen
    and (min-width : 1824px) {
    /* Styles */
    /* iPhone 4 ----------- */
    @media
    only screen and (-webkit-min-device-pixel-ratio : 1.5),
    only screen and (min-device-pixel-ratio : 1.5) {
    /* Styles */
    .hidden
    {position:absolute;
    left:-10000px;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;}
    a img {
        border-top-style: none;
        border-right-style: none;
        border-bottom-style: none;
        border-left-style: none;
    header {
        width: 1100px;
        background-repeat: no-repeat;
        margin-top: 0;
        margin-right: auto;
        margin-bottom: 0;
        margin-left: auto;
        padding-top: 0px;
        padding-right: 0;
        padding-bottom: 0px;
        padding-left: 0;
    header a {
        text-decoration: none;
        background-image: url(../images/index/orange_50th_2011_1100.png);
        background-repeat: no-repeat;
        background-position: right top;
        padding: 0;
        display: block;
        height: 130px;
        text-indent: -700px;
    header a:focus {
        background-position: right top;
        padding: 0;
        height: 132px;
        text-decoration: none;
        display: block;
        background-image: url(../images/index/orange_50th_2011_1100.png);
        background-repeat: no-repeat;
        text-indent: 0px;
        text-decoration: underline;
        color: white;
    a:focus {
      outline: thin dotted;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px;
    header b {
        text-decoration: none;
    h1 {
        height: 75px;
        width: 285px;
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 50px;
        font-weight: normal;
        color: #f1efe0;
        float: left;
        padding-left: 35px;
        padding-top: 75px;
    h2 {
        height: 51px;
        width: 480px;
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 25px;
        font-weight: normal;
        font-style: italic;
        float: left;
        color: #f1efe0;
        padding-top: 99px;
    h3 {
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 14px;
        color: #666;
        height: 25px;
        padding-left: 10px;
    h4 {
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 15px;
        margin: 25px;
        color: #666666;
    #logo {
        background-color: #af4d33; /*change the color to match your orange*/
        display: block;
    #navbackground {
        background-color: #776353; /*change the color to match your brown*/
        background-repeat: repeat;
    #nav {
        margin-top: 0;
        margin-right: auto;
        margin-bottom: 0;
        margin-left: auto;
        padding-top: 0px;
        padding-right: 0;
        padding-bottom: 0px;
        padding-left: 0;
        width: 1100px;
    .caption {
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #666666;
        margin: 25px;
    p {
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 13px;
        color: #414040;
        margin: 25px;
    .caption {
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #666666;
        margin: 25px;
    #wrapper {
        background-color: #e2dfcf;
        min-height: 100%;
        height: auto !important;
        height: 100%;
        width: 1100px;
        margin-right: auto;
        margin-left: auto;
        border-right-width: 1px;
        border-left-width: 1px;
        border-right-style: solid;
        border-left-style: solid;
        border-right-color: #999999;
        border-left-color: #999999;
    #wrapper #white {
        background-repeat: repeat;
        padding: 0;
        display: block;
        height: 10px;
        background-color: #FFF;
        width: 2500 px;
    #wrapper #slideshow {
        height: 358px;
        background-repeat: no-repeat;
    #wrapper #programseventstitle {
        width: 275px;
        height: 25px;
        float: left;
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 14px;
        color: #414040;
        font-weight: normal;
        font-variant: normal;
        background-color: #e2dfcf;
        padding-top: 10px;
    #wrapper #newstitle {
        width: 275px;
        height: 40px;
        float: left;
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 14px;
        color: #414040;
        vertical-align: middle;
        font-weight: normal;
        margin: 0px;
        background-color: #f1efe0;
        padding-top: 10px;
    #wrapper #multimediatitle {
        width: 275px;
        height: 40px;
        float: left;
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 14px;
        color: #414040;
        font-weight: normal;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        background-color: #e2dfcf;
        padding-top: 10px;
    #wrapper #supportustitle {
        width: 275px;
        height: 40px;
        float: left;
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 14px;
        color: #414040;
        font-weight: normal;
        margin: 0px;
        background-color: #f1efe0;
        padding-top: 10px;
    #wrapper #bodyArea #photoprogramsevents {
        float: left;
        background-color: #f1efe0;
        width: 275px;
        height: 143px;
    #wrapper #bodyArea #photonews {
        float: left;
        background-color: #f1efe0;
        width: 275px;
        height: 143px;
    #wrapper #bodyArea #photomultimedia {
        float: left;
        background-color: #f1efe0;
        width: 275px;
        height: 143px;
    #wrapper #bodyArea #photosupport {
        float: left;
        background-color: #f1efe0;
        width: 275px;
        height: 143px;
    #wrapper #bodyArea #programsevents {
        float: left;
        background-color: #e2dfcf;
        width: 275px;
        height: 350px;
    #wrapper #bodyArea #news {
        float: left;
        background-color: #f1efe0;
        width: 275px;
        height: 350px;
    #wrapper #bodyArea #multimedia {
        float: left;
        background-color: #e2dfcf;
        width: 275px;
        height: 350px;
    #wrapper #bodyArea #supportus {
        float: left;
        background-color: #f1efe0;
        width: 275px;
        height: 350px;
    #wrapper #bodyArea #footer {
        height: 100px;
        width: 1100px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
        background-color: #af4d33;
        padding: 0px;
        color: #FFFFFF;
        background-repeat: repeat;
        clear: both;
    .footer, .push {
        clear: both;
    #wrapper #bodyArea #footer #searchbar {
        height: 70px;
        width: 230px;
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 12px;
        background-color: #af4d33;
        padding: 15px;
        color: #FFFFFF;
        background-repeat: no-repeat;
        float: left;
        text-align: left;
        clear: none;
    #wrapper #bodyArea #footer #admissionhours
        height: 70px;
        width: 415px;
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 12px;
        background-color: #af4d33;
        padding: 15px;
        color: #FFFFFF;
        background-repeat: no-repeat;
        float: left;
        text-align: left;
        clear: none;
    #wrapper #bodyArea #footer #addresstel{
        height: 60px;
        width: 330px;
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 12px;
        background-color: #af4d33;
        color: #FFFFFF;
        background-repeat: no-repeat;
        float: right;
        text-align: right;
        padding-top: 22px;
        padding-right: 25px;
        padding-bottom: 0px;
        padding-left: 15px;
    #google_translate_element{
        padding: 25px;
    html {
    overflow-y:scroll;
    a img {border: none;

    Horgykitkat wrote:
    What I found after taking out the heights from the text areas is that I was left with uneven text column lengths (alternating beige areas). So I created a repeatable jpg with the same alternating beiges and put it as the background of the bodyArea tag. Again, if there is a better way, please let me know!
    A repeating background image to 'fake' equal height columns is perfectly ok.
    It won't work IF your page is responsive but it isn't so no problem. If it were responsive a better solution would be to take advantage of the css property display: table; and display: table-cell;
    In reference to your footer background color not showing I would assume you have floated items within the footer container. If so then you need to clear those floated items which allows the footer container to wrap itself around the floated items inside it.
    You would do this by using css - overflow: hidden; - on the parent container which has the floats inside it.

  • Formatting lost importing Pages to iBooks Author

    I having a problem importing a text file from Pages '09 to iBooks Author maintaining some formatting.
    My Pages document has some text in bold and some in bold and italics in addition to normal text.  Everything is in Arial font in Pages.
    When I import the document into iBooks Author all the bold italic text shows up as normal text.  About 75% of the bold only text shows up as bold and the rest as normal.  When the bold words are in the middle of other text, the bold format is maintained.  When the bold text is at the start of a line it shows up as bold or normal after the import. 
    Any help would be appreciated.

    Check the styles in use on the Pages side versus the styles applied on the iBA side....
    Test to see if they are reliably honored....

Maybe you are looking for