CSS "equivalent" in InDesign?

Hi everyone -
I'm familiar with syncing styles in a Book file.
I work with tons of different documents, and want to avoid creating an enormous book file. However, I -do- want to keep as much consistency as possible.
Nearest ideal I can think of is CSS; you link to it, it's basically transparent, and changes to style are created automatically.
Is there any way to do something like this in InDesign without having to create and maintain a huge book file?
[edit] Oh... bonus question! If I do have to use book files, is there also a way to synchronize the contents of the various style palettes?
thanks!
Andrew

turner111 wrote:
[edit] Oh... bonus question! If I do have to use book files, is there also a way to synchronize the contents of the various style palettes?
Yes. Choose Synchronize Options... from the Book panel menu.

Similar Messages

  • HTML/CSS match to InDesign layout

    Hello,
    I have been given the task of taking an InDesign layout from CS6, and building it in HTML/CSS. The challenging part is that it is required to be 1:1 pixel perfect. When I open it in Google Chrome–which is going to be the standard browser it’s opened in–the font raggs differently.
    When I overlay a PNG of the HTML site, and a PNG from the InDesign file it is no where close to pixel-perfect. The text wrapping differently is the main issue at hand. I have tried every CSS hack possible to adjust letter-spacing and word-spacing, I've also explored Google Fonts to attempt to get a better match.
    Does anyone have any experience with a similar ask? In CS6 you can’t specify type pixels, I’m not sure it would matter if you could, because it seems that InDesign is using it’s own conversion for what it considers a pixel.
    Please help!!!

    Agreed, it's way too optimistic. InDesign is a typographic design application, under development since 1999. Already in its very first version, its type engine came "fully grown and armed, with a shout", supporting enough advanced features to squash all but the very stubbornest competition (I'm looking at you, TeX).
    HTML/CSS, on the other hand, has had problems displaying "plain text" since its very beginnings. Only the very latest version of CSS finally addresses some typographic features (probably unnecessary to add, but anyway: with mixed results for different browsers).
    " ..it seems that InDesign is using [its] own conversion for what it considers a pixel", you bet it does. After all, there was a web crowd that outright demanded "pixels" to be a measurement unit in InDesign. Adobe did a have a stab at adding pixels, and if one would ask me, they did it the wrong way. But that's no fault in InDesign. ID has its roots firmly in the "real world", that is, you can design a document with a precision right up to the wavelength of visible light; and ID will happily produce output for it. Your "pixel", on the other -- Darker -- Side, "is" not a real thing. It has no width or height. If you think it does, it goes only for your screen. You may say, "but if necesasry I can hold a magnifier to my screen and count the itty bitty lights!" What if you do so, and discover that your screen does not consist of square pixels, but round ones, or hexagonal, or elongated rectangles? And any measurement would only be value for just your screen. What about mine, your bosses', or your client's?
    Following John's advice, here is a list of features you would need to switch off (as most are enabled by default) before you can even think of mimicking ID's sophisticated text engine in HTML:
    ligatures
    alternate characters
    real small capitals
    tabular or oldstyle figures
    .. wait -- better switch off *all* OTF features
    Paragraph composer. Use the dumb One Line At A Time And We'll See How Far We Get Composer.
    Language based hyphenation.
    Minimum/Optimal/Maximum Word Spacing (CSS must be using this internally, else it could not show justified text; however, I don't think you can set its parameters)
    Letter Spacing and Glyph Scaling (although to be fair, these seem to be already off by default).
    ~16 decimals of precision for every object, line width, text size, spacing, et cetera
    any real-world based measurement unit.
    I probably forgot a few too.
    --- add.
    Advanced character/class kerning
    Optical kerning (not enabled by default)
    -- add2.
    Balance Ragged Lines (off by default; but you can't use it)
    Optical Margin Alignment (as above)
    Align to Baseline grid
    last line indent
    Align to spine
    justify last line (can only be achieved with span/div tricks)
    tabs
    about all internal hyphenation settings (CSS allows 'none', 'manual', and 'auto')
    live text color outline (I may be mistaken, but I bet if it were possible literally everybody would be using it by now -- just like the dreaded "blink" tag did, before it was deemed illegal by federal law)
    skewed text. I know, nobody with a grain of sense uses it in ID.[*] Still, you can't do it in CSS so I'm gonna list it anyway.
    [*] Except myself, by the way. But I don't use it willy-nilly, only after exhausting all the good and the bad options; then yes, I go for the Ugly look.
    Message was edited by: [Jongware]
    Message was edited by: [Jongware]

  • CSS Equivalent

    What is the equivalent in CSS to <div align="center">
    Brandon
    Office Equipment & Supplies
    http://www.presentationsdirect.com

    I was looking to center the entire div, not center the text
    in the div.
    <div align="center"> (the original tag I mentioned)
    centers the entire div
    block, not just the text.
    Brandon
    Office Equipment & Supplies
    http://www.presentationsdirect.com
    "Murray *ACE*" <[email protected]> wrote
    in message
    news:ea628e$6rm$[email protected]..
    > We'll have to wait until he/she posts back, I guess.
    >
    > --
    > Murray --- ICQ 71997575
    > Adobe Community Expert
    > (If you *MUST* email me, don't LAUGH when you do so!)
    > ==================
    >
    http://www.dreamweavermx-templates.com
    - Template Triage!
    >
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    >
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    >
    http://www.macromedia.com/support/search/
    - Macromedia (MM) Technotes
    > ==================
    >
    >
    > "crash" <[email protected]> wrote in message
    > news:ea61ou$69k$[email protected]..
    >> But he asked how to center things within a div -
    there's nothing about
    >> setting margins, nothign about anything that has to
    do with centering
    >> content absolutely, nothing regarding the page
    margins.
    >>
    >> I'm just not following how
    >>
    >> <div align="center">
    >>
    >> which is the *exact* same thing as
    >> <p align="center">
    >>
    >> could equate to a question being asked about
    centering all text in a
    >> body.
    >>
    >> no worries, i guess i'm just kinda argumentative
    today. agree to
    >> disagree. :O)
    >>
    >>> It's an ambiguous value. It could be 700, 300,
    1000 - it doesn't matter.
    >>> What does matter, however, is that the
    <div> in question has a width -
    >>> in order for: margin: 0 auto; to work.
    >>
    >>>> Where does the 700 come in ? You guys have
    *completely* lost me.
    >>>>
    >>>>>> What is the equivalent in CSS to
    <div align="center">
    >>
    >>
    >
    >

  • CSS equivalent in Swing?

    hi all,
    i'm trying to standardize all my GUI components in a way such that different containers will be having the same colours for status bars, panel background, etc...
    i'm thinking of having something similar to webpages' CSS (Cascade Style Sheets)...such that i could specify all the different colours of different components in one file and that all classes in my package will be following the same set of rules...
    is there a standard way in acheiving something like that in Swing?
    thank you very much!

    Defaults for user interface elements (colours, fonts...) can be set using the pluggeable look and feel (PLAF) classes and settings. Take a look at "Building a defaults table" at http://java.sun.com/products/jfc/tsc/articles/lookandfeel_reference/index.html#defaults

  • CSS equivalent of Local Director backup command

    I am migrating applications from the LD to the CSS. One of the apps is using the LD function backup. The situation is:
    Currently the LD uses the backup command for some servers. In simple
    terms:
    Web1 is backed up by Web3
    Web2 is backed up by Web4
    In normal operational mode, Web1 and Web2 load balance. If Web1 goes down Web3 becomes active and load balances with Web 2. Similarly for Web2 and Web4.
    The reason for this configuration is because of the prohibitively expensive
    software licensing. Thus, we pay for 2 licenses and share across 4
    servers. All servers are in the same subnet.
    regards
    Tony Barnett

    the closest thing that the CSS has to offer is the command "primary sorry-server" or "secondary sorry server" . Seen here in the command reference:
    http://www.cisco.com/univercd/cc/td/doc/product/webscale/css/css_510/cmdrefgd/cmdowcnt.htm#xtocid40
    The "Primary sorry server" will only become active if all other servers are dead in the content rule. It will become inactive when one or more servers become available again. I hope this helps!

  • Indesign CS6 default CSS created - How to disable

    I am facing an issue in Indesign CS6 where in when I export the book to epub, Indesign CS6 automatically creates its own CSS.
    With this version of InDesign CS6, it adds our CSS document to InDesign's automatically created CSS, instead of replacing it. So there are two .css documents, both linked to all the XHTML documents. It does this even if the "CSS options" are not clicked. It just creates a much shorter default style sheet with rules for body, div, and all images.
    Request someone to please provide a solution where I can off the automatic created CSS while exporting to ePUB.
    Regards
    Arvind

    The solution is to upgrade to InDesign CC, where you can choose whether or not InDesign CSS is included.
    Since CS6 will never be upgraded, that's really the only way, except to manually edit the CSS. There have been major advances in EPUB export since CS6 in the past two or three years in the Creative Cloud versions.

  • Form fields from InDesign changing type of field in Acrobat

    I created a form in InDesign CC 2014 and saved as PDF, Acrobat XI Pro. Some, but not all, of the "Combo Boxes" in InDesign got automatically converted to "List Boxes" in Acrobat. They should have been "Drop Down" boxes in Acrobat because that is the Acrobat equivalent of InDesign's Combo Boxes. Anyone know how to prevent this unwanted change?

    Hi Jay ,
    If possible please share the file on [email protected] and cc it as well on [email protected] so that we can analyse the file at our end and see what exactly is happening .
    We would surely help you with the and assist you in the best possible way .
    Regards
    Sukrit Dhingra

  • Problem export Indesign document to epub

    I get the following message everytime when I try to export an Indesign document to epub.
    "  The file was exported but one or more problems were detected:
    Resource: 1 missing
    Macintosh HD:Ap…n
    CS6.app:Contents:MacOS:template.css"
    Can someone tell me what it means and what I can do to correct this.
    Thanks
    Regards
    Claudine

    Your InDesign CS6 file probably was created in an earlier version where the CSS file created was handled in a different way. It's associated with a "template.css" file that InDesign cannot find.
    Choose File > Export > EPUB. Go to the Advanced panel. In the CSS Options section, select "template.css" in the Additional CSS section, and click Delete.

  • Placing the nth page of an ID document into a image frame.

    In the desktop version of IDCS3 it is possible to place a page from another InDesign document into a image frame. For multi page documents you can select the page to import in the place dialog if the "Show Import Options" check box is ticked.
    I would like to replicate this in a javascript I am working on, but the place options to do this elude me.
    For multi page pdf placement this can be achieved by using the
    > app.pdfPlacePreferences.pageNumber
    option. Is there an equivalent for InDesign documents?
    Thanks in Advance.
    Mike.

    It's answered in full here!
    http://www.adobeforums.com/webx/.3c058188

  • Scroll through the toolbar, rather than use the shortcuts

    Hello,
    I am curious, is there a way to scroll up and down the toolbar using a shortcut. In Quark it was CMD-OPT-Tab (or shift tab to go up). is there something equivalent in InDesign?
    thanks
    babs

    iBabs2 wrote:
    Hello,
    I am curious, is there a way to scroll up and down the toolbar using a shortcut. In Quark it was CMD-OPT-Tab (or shift tab to go up). is there something equivalent in InDesign?
    thanks
    babs
    Hi, Babs:
    You can open the Quick Apply dialog box with Cmd/Ctrl+Return and type abbreviated fragments of tool names to select some tools. For example:
    Type this
    abbreviation
    For this command
    eye
    eyedropper tool
    swap
    swap DnArrow
    swap fill and stroke activation
    swap fill and stroke colors
    gap
    gap tool (new in CS5)
    th to
    type on a path tool
    moo
    smooth tool
    You may need to use DnArrow to select the exact item you want. Press Return to execute the selected item. It takes a while to get used to Quick Apply, but you'll probably like it better than you expect to<G>.
    You can experiment to find the shortest memorable (for yourself) abbreviation for most of the toolbox tools and their options. Actually,  Quick Apply can bring up almost any of the zillions of  InDesign's commands, those on the menus, and many hidden ones, plus, variables, styles, scripts, and more. Search for Quick Apply in InDesign help, and search for "InDesign Quick Apply" (without quotes) in Google.
    HTH
    Regards,
    Peter
    Peter Gold
    KnowHow ProServices

  • Each word of text has a gigantic, mostly empty box -- how do I fix this?

    Hi, I'm editing a bar chart with text labels that was created by someone else (I'm guessing it was pasted in from Excel). Each word is a separate object that is inside a huge box. I can't select more than one of these at a time to, for example, align them to each other or to the bars. The graphic seems to consist of a zillion overlapping, 90% empty elements on one layer. I'm not an Illustrator power user so I'm hoping someone can either (1) confirm that that's normal and tell me how to deal with it or (2) confirm that I'm SOL. (It doesn't seem right for every word to be a separate element, either, but I could deal with that if I could just grab them and move them. There isn't anything equivalent to InDesign's "fit frame to object," is there?) I hate to waste the client's time if there's some obvious, easy way to do this that I'm just not aware of. I'm using Illustrator CS6. Thanks for any clues!

    Probably clipping masks. You could check that in the layer panel.
    You would need to expand all these masks and then delete the empty mask objects (select them by their attributes: stroke and fill = none)

  • Glow filter?

    I'm trying to make "CLICHE" glow or add dropshadow using filter, but I'm having problems.
    I don't know where, and how to add code to make it glow. Could anyone help me?
    Below is the entire code for this... Thank you!
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <style type="text/css">
    .container {
        height: 500px;
        width: 580px;
        z-index: 1;
        background-color: #fc9;
        top: 60em;
    .cliche {
        font-size: 180
    .px;
        position: relative;
        z-index: 2;
        bottom: 180px;
        height: 160px;
        width: 575px;
        background-color: #F30;
        font-weight: 500;
        font-style: normal;
        letter-spacing: 0em;
        border: 3px solid #FC9;
        font-family: "Bead Chain";
        text-align: center;
        font-variant: normal;
        font-size: 140px;
        color: #FC9;
        cursor: help;
        filter: Chroma(Color=#696969);
    .inside {
        font-family: "Times New Roman", Georgia, serif;
        font-size: 80px;
        position: relative;
        top: -595px;
        color: #FFF;
        z-index: 2;
        font-weight: bolder;
        font-style: italic;
        font-variant: normal;
        word-spacing: 0.5em;
        letter-spacing: -0.1em;
        vertical-align: baseline;
        right: -40px;
        height: 250px;
        width: 600px;
    .insideCopy {
        font-family: Will
    &Grace;
        font-size: 80px;
        position: relative;
        top: -900px;
        color: #FFF;
        z-index: 2;
        font-weight: 900;
        font-style: normal;
        font-variant: normal;
        word-spacing: 1.6em;
        letter-spacing: -0.1em;
        vertical-align: baseline;
        right: -40px;
        height: 250px;
        width: 600px;
    .insideCopy2 {
        font-family: "Times New Roman", Georgia, serif;
        font-size: 80px;
        position: relative;
        top: -1050px;
        color: #FFF;
        z-index: 2;
        font-weight: bolder;
        font-style: italic;
        font-variant: normal;
        word-spacing: 0.5em;
        letter-spacing: -0.1em;
        vertical-align: baseline;
        right: -200px;
        height: 250px;
        width: 600px;
    .dont {
        color: #F33;
        font-size: 60px;
        position: relative;
        top: -1270px;
        font-family: Georgia, "Times New Roman", Times, serif;
        right: -40px;
        font-weight: bolder;
        font-variant: small-caps;
        text-decoration: underline;
        text-transform: lowercase;
    .iam {
        font-family: Georgia, "Times New Roman", Times, serif;
        font-size: 5em;
        font-weight: normal;
        text-transform: uppercase;
        color: #000;
        letter-spacing: 0.2em;
        position: relative;
        top: -1250px;
        right: -139px;
        filter: Mask(Color=#666);
    .iamCopy {
        font-family: Georgia, "Times New Roman", Times, serif;
        font-size: 5em;
        font-weight: normal;
        text-transform: lowercase;
        color: #000;
        letter-spacing: 0.2em;
        position: relative;
        top: -1310px;
        right: -401px;
        z-index: 3;
    </style>
    </head>
    <body>
    <div class="container" id="container"></div>
    <div class="cliche" id="cliche">CLICHE</div>
    <div class="inside" id="inside">inside the box</div>
    <div class="insideCopy" id="insideCopy">only think</div>
    <div class="insideCopy2" id="insideCopy2"> be creative </div>
    <div class="dont" id="dont"> don't </div>
    <div class="iam" id="iam">I AM</div>
    <div class="iamCopy" id="iamCopy">a</div>
    </body>
    </html>

    Hi
    The IEFilter 'glow' would only work for the IE browsers, so 40%-50% of your users would not see the effect as there is no css equivalent. As for the drop-shadow the IEFilter used with the css3 drop-shadow would do this for you in 98% of browsers.
    However, if it is important that the text is visible to the max number of users | would recommend dropping the glow effect, similarly using an image to do this is not an accessible method for some user.,It is also using a font that is not installed on the majority of computers, (as pointed out by Beth) and this would probably be displayed in the browsers default font, (probably arial or times).
    PZ
    www.pziecina.com

  • How can I export a stylesheet (either CSS or XSLT) with XML from indesign?

    Hi,
    I am using indesign CS4. I want to export style sheet whether it is CSS or XSLT file with xml.
    I try to get it but can't.
    Also the XML i am exporting does not styles that has been applied by me while creating the file in Indesign.
    Please help me out by telling me the way how can i get a stylesheet and also how can I embed that style sheet with XML so that my XML file looks similiar to the indesign file.
    Thanks,
    Choudhary Nafees Ahmed

    I am using indesign CS4. I want to export style sheet whether it is CSS or XSLT file with xml.
    CSS is not an XML style sheet, it's an HTML style sheet. "Export to HTML" will export an empty stylesheet for the paragraph and character styles. ID cannot convert its (very advanced) typographic capabilities to the (very limited) CSS notation, and thus it defaults to exporting the names only.
    XSLT is not an XML style sheet either; it's a transformation format (http://www.w3.org/TR/xslt).
    I try to get it but can't.
    Also the XML i am exporting does not styles that has been applied by me while creating the file in Indesign.
    XML Export does not export anything except the items you tagged with the Auto-tag feature, or you tagged yourself. If you need your styles tagged, use Map Styles to Tags (http://www.adobe.com/accessibility/products/indesign/mapping.html).
    XML has almost nothing to do with styling -- ideally, XML describes document structure while styles describe formatting.

  • Why does CS6 InDesign Book epub output generate and apply new graf and character style names in CSS?

    I created an InDesign book composed of documents that had had no paragraph or character styles in the palettes until text was copied over from a single overall document. I worked absolutely as clean as I could.
    I synchronized the book to that single overall document several times, including immediately before exporting the book to epub. My export settings disallowed any local formatting. Character styles were restricted to one named "Italic" for which the only format applied was Italic in the Font Style field, and one named "Small Caps" for which NO formatting was included in the character style.
    There was, as far as I can see, no reason for any character or paragraph styles to export to anything but identically-named CSS entries. That is to say, any text with the character style "Italic" applied in the InDesign doc should have output with the same text with a span class entry of "Italic" around it.
    I still ended up with p and span CSS entries with extra numbers appended to them:
    span.Italic {
    font-style:italic;
    font-weight:normal;}
    span.Small-Caps-1 {
    font-variant:normal;}
    span.Italic-1 {
    font-style:italic;
    font-weight:normal;}
    span.Small-Caps-2 {
    font-variant:normal;}
    span.Italic-2 {font-style:italic;
    font-weight:normal;}
    span.Small-Caps-3 {
    font-variant:normal;}
    span.Italic-3 {
    font-style:italic;
    font-weight:normal;}
    and
    p.x-SECTION-BREAK, p.x-SECTION-BREAK-1, p.x-SECTION-BREAK-2, p.x-SECTION-BREAK-3  and so on.
    Why would the InDesign epub output engine choose to generate and apply new spans and paragraph-level styles, which multiply the complexity of editing the CSS directly? How can I prevent InDesign from doing this?

    Perhaps I wasn't clear. When I wrote "an InDesign book composed of documents that had had no paragraph or character styles in the palettes until text was copied over from a single overall document" I meant to emphasize  the part where I CLEARLY said "UNTIL text was copied over." The text I copied over had plenty of paragraph styles. I was trying to point out that each individual document had no PREVIOUSLY EXISTING character or paragraph styles that might have added complexity to the epub output. .
    So, every paragraph in each document had a paragraph style attached, a total of maybe 20 different paragraph styles throughout the book. The only CHARACTER LEVEL styles I cared about exporting were Italic, for text that was set in italic, and Small Caps, for CAPITALIZED text that I wanted to be able to make smaller in the CSS, since I am not allowed to embed fonts and therefore have no other way of creating small caps in the xhtml files inside the epub.
    So, given that I had two character styles applied to various bits of text throughout my InDesign book ("Italic" and "Small Caps"), I would like to know why there are multiple CSS entries generated: Italic, Italic-1, Italic-2, Small Caps, Small Caps-1, Small Caps-2, and so on.
    Ditto paragraph styles. I had a paragraph style called "SECTION BREAK" in each document. Not only did paragraph style "SECTION BREAK" contain identical specs in each document--I know they did because I copied each from one single doc where they were being used identically--but I also synchronized the book repeatedly.  So why would the xhtml docs and the CSS output need p.x-SECTION-BREAK-1, p.x-SECTION-BREAK-2, and p.x-SECTION-BREAK-3?

  • CSS in CS4: Can I create "nested styles" similar to InDesign's?

    I am working on the obituary archive section of a newspaper website. I have lists of similar 3-line "units", and I have a different class style set up for each line. A typical "unit" would be:
    (Person's name) - bold weight, soft return
    (Person's age/residence) - regular weight, soft return
    (Date of obit publication) - smaller text, hard return
    In InDesign, I could easily set up a nested paragraph style (with the help of defined character styles) to automatically format this, but I haven't been able to figure out a quick way to do so in Dreamweaver. So I waste a lot of time selecting different class styles for each line to make it look how I want it. Is it possible to make this simpler? Am I making it too hard?

    Am I making it too hard?
    You are in a way.  What are your skills with HTML and CSS?  If 'minimal' then you are in for a rough ride.  DW doesn't take kindly to that....
    It would be a simple matter to define a few descendent selectors that would style everything in each of those units automatically.  Does that mean anything to you?
    For example -
    #obitUnit { .... }
    #obitUnit div { ... }
    #obitUnit h1 { font-size:1.6em;margin:1em 0 0; /* gives a 'soft return' along with the next rule */ }
    #obitUnit h1+p { margin:0 0 1em; }
    #obitUnit p+p { font-size:x-small; }
    would style -
    <div id="obitUnit">
         <h1>Person's Name</h1>
         <p>Person's age/residence</p>
         <p>Date of publication</p>
    </div>

Maybe you are looking for