Auto Style Overriding CSS

I have a few situations where RoboHelp HTML 9 (9.0.0.228) is cluttering up my HTML by auto adding style statements to HTML tags that override the instructions from the CSS file. I am only irritated when it rewrites the following because the auto style is simply a duplicated instruction.
<strong> to <strong style="font-weight: bold;">
But when it add inline style statements to link tags it becomes unusable because it overrides my CSS instructions.
<a> to <a style="color: #0000ff; text-decoration: underline; ">
Am I causing this to happen somehow? Is there a setting in RoboHelp where I can turn off theserewrites?

Hi William!
I ashamed to say that I didn't know about the '!important' declaration for CSS. I applied !important to my links <a> and they all work now, even when RH tries to overwrite my CSS work.
Your solution has reduced my situation from unusable to merely irritating.
Thank you!

Similar Messages

Converting local character styles (overrides) to proper styles

Hi all,
I've been handed a document that has no styles defined at all. All styling is done the local character styles ("overrides").
This tutorial http://www.lynda.com/InDesign-tutorials/160-Convert-local-formatting-character-styles/8532 4/192449-4.html shows how to do a preflight, that detects all of the overrides, which is great, but you still have to manually fix them.
The fastest way I've found so far is to do a search for a particular font-size/font-type, and then apply a proper character style to each match, until the overrides are all gone. But maybe there's a faster way? E.g. is it possible to "select all matching text" (as you can do in Google Docs), that would select all text matching that font-size/type, and then with one click apply a style to all selected text?
Or maybe there's another way to convert all text matching e.g. font-size/font-type into a character style?
Thanks!
Bjoern

The auto-char styles script tries to be semi-intelligent: It ignores the underlying paragraph style completely. Instead, for each paragraph, it checks which is the longest continuous run of formatting in that paragraph (textStyleRange). That formatting is considered the "underlying formatting of the paragraph", and any other formatting in that paragraph is considered an override, and has an appropriate character created (if necessary) and applied to it.
The only exception to that is "italics", which is always considered an override, even there is more italics than regular in the paragraph (something that can happen in a bibliography entry, for instance).
So, for instance, with the formatting you give as an example ("No style, + Arial Bold + size: 24 + Leading 28"), where everything but the final paragraph return has that applied, Auto-Char Styles will not apply a character style to most of the text, and apply an appropriate char style to the final enter only.
That way, "all" that remains is to go through the document creating and applying paragraph styles as necessary, knowing that all local overrides have been styled with an appropriate char style.

How do I prevent unwanted paragraph style overrides when exporting an epub

I am having trouble controlling the size of a logo in an e-pub. Actually, it's only a problem with Amazon's Kindle which seems to insist on enlarging the image to the full screen width. So, I need a robust command in my CSS to override Kindle's preference. Seems easy. I placed the logo into my In Design layout in a picture box with the object style "frontmatterlogo" which should export into a div of the same name. Which it does. So far so good. However, In Design insists on creating a paragraph style override (see bold in the code below) which disregards the frontmatterlogo settings I've written in to my CSS in favour of it's own image settings which correspond to the size of the placed image. Currently, I've just put together a hacked solution by writing a class for para-style-override into my CSS. It's an inelegant solution but seems to work for all the other e-readers. But, as mentioned, it doesn't work on the Kindle.
Anyone have any idea what is causing these overrides and how I might prevent them so my div class can take over?
Alan
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 //EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>Titlepage2-1.html</title>
        <link href="template.css" rel="stylesheet" type="text/css"/>
    </head>
    <body>
        <div id="Titlepage2-1.html" xml:lang="en-US">
            <div class="story">
                <p class="Pagebreak"/>
                <h1 class="fulltitle">Far North</h1>
                <h2 class="author">MARCEL THEROUX</h2>
            </div>
            <div class="frontmatterlogo">
                <p class="para-style-override-1">
                    <img width="191" height="19" src="images/HarperPerennialClassic_fmt.jpeg" alt="HarperPerennialClassicsLogo.jpg"/>
                </p>
            </div>
        </div>
    </body>
</html>

Thanks for getting back so quickly, Bob.
I'm using Version 5.5. I have basically the same problem when the object is anchored. In the case below, I created a new paragraph style for the line on which the logo would be anchored, also mapping to the frontmatterlogo entry in my CSS. This time, no paragraph-style-override is added but In Design still adds it's own image dimensions corresponding to the size at which the image was placed in the layout. This overrides the settings in my CSS and, I suspect, might be what's allowing the Kindle settings to take over as well. I had kind of resigned myself to fixing this in the code on a book by book basis, which is fine if the only images the book contains is a cover and a title page logo. But I'm worried about what happens when I have to create an e-pub from a photo-heavy book. You can see how it would be ideal to create a few specific object styles for different image situations in In Design and have them map them to specific div styles in my CSS. Basically it's a workflow issue. This would minimize the amount of after-the-fact coding our already swamped designers would have to do.
It's so obvious in the code where the problem lies, and so I just have a feeling that there may be a simple fix. If only I knew why In Design felt obliged to specify the image size.
A.
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 //EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>Titlepage2-1.html</title>
        <link href="template.css" rel="stylesheet" type="text/css"/>
    </head>
    <body>
        <div id="Titlepage2-1.html" xml:lang="en-US">
            <div class="story">
                <p class="Pagebreak"/>
                <h1 class="fulltitle">Far North</h1>
                <h2 class="author">MARCEL THEROUX</h2>
                <p class="frontmatterlogo"><img class="frontmatterlogo" width="196" height="20" src="images/HarperPerennialClassic_fmt.jpeg" alt="HarperPerennialClassicsLogo.jpg"/></p>
            </div>
        </div>
    </body>
</html>

The custom style mapping option text still maintains the word formatting or it shows a style override in the InDesign style - how do I correct this?

When I tell the custom style mapping option to format a Word style (from an rtf document) with the InDesign style, the text still maintains the word formatting or it shows a style override in the InDesign style. I have a large document that needs to import the styles correctly and I've followed the tutorials exactly however the placed text is still hanging onto the word RTF styles. I want the rtf text to convert to my InDesign styles completely without overrides.

I actually need the cell styles. That's what sets my font, spacing, and GREP styles.
I did find the solution today. In the table style or table setup, I needed to set the "Stroke Drawing Order" to "Column Strokes in Front". Even though it was previously set to "Best Joins" and I had no strokes for rows or for the table borders, it just wasn't giving priority to my dotted columns.
Thanks for your response though!

Character Styles in CSS Properties Panel are not correct

I am using Adobe Illustator CC.
I am trying to export all of the charter styles as CSS. However the CSS panel is not generating the correct style.
Right now, in the Character Styles Panel and CSS Properties Panel I have 3 styles (Default, h1, h2)
This is how they are defined in the Character Styles Panel:
1. [Normal Character Style]:Helvectic Neue LT Std, 55 Roman, 16px
2. h1: Helvectic Neue LT Std, 25 Ultra Light, 35px
3. h2: Helvectic Neue LT Std, 45 Light, 18px
HOWEVER
When I go to the CSS Properties panel the code is not showing the Font Style:
This is how they are defined in the CSS Properties Panel:
1. [Normal Character Style]:
.NormalCharacterStyle
font-family : Helvetica Neue LT Std;
font-size : 16px;
color : #19131F;
color : rgb(25, 19, 31);
2. h1:
.h1
font-family : Helvetica Neue LT Std;
font-size : 35px;
letter-spacing : 0.53px;
color : #FFFFFF;
color : rgb(255, 255, 255);
Missing: 25 Ultra Light
3. h2:
.h2
font-family : Helvetica Neue LT Std;
font-size : 18px;
text-transform : uppercase;
color : #FCFCFC;
color : rgb(252, 252, 252);
Missing: 45 Light
Am I not doing somethign correctly? Is it a problem with my font or with Illustrator?
Also, in case it makes a difference, I only have the default paragraph style defined. It's style is; Helvectic Neue LT Std, 55 Roman
Thanks!

CSS cannot render typographical multiple weight fonts simply because that's just not how it works. All CSS does is reference a physical font file and its properties and while it's possible to use the font-weight and font-style attributes to make standard fonts lighter or bolder it does not compare to anything you would do with the font in a real design environment. That and of course you still need to define fallback/ substitution options - the Helvetica Neue you are referencing is exclusively available on Apple systems only and even if what you are trying worked off the bat, it would be useless on alternate devices that have no access to the font.
Mylenium

[JS CS3] Find paragraphs that contain a single Style override

Given a document with consistently applied paragraph styles. I need to locate all the paragraphs in the document that contain a paragraph style override of the left indent. All other style overrides can be ignored.
I see in the DOM how to clear overrides, but is there any way to locate paragraphs that have a specific override?
I suspect there is no way to do this, but thought I'd throw this out there.

This will override a single paragraph attribute:
var myAttribute = "leftIndent";
var myParagraphs = app.activeDocument.stories.everyItem().paragraphs.everyItem().getElements();
for (var n = 0; n < myParagraphs.length; n++){
myParagraphs[n][myAttribute] = myParagraphs[n].appliedParagraphStyle[myAttribute];

How to apply style sheet (.css) in Weblogic directory listing

Hi,
We are migrating a directory listing application from Apache to Weblogic.
Earlier we did this by Apache httpd.conf entry like below :
<Directory "/opt/apache/httpd-2.1.9/htdocs/Myreportfolder">
IndexOptions FancyIndexing FoldersFirst NameWidth=* XHTML
IndexOrderDefault Descending Date
IndexStyleSheet "/css/style.css"
</Directory>
/opt/apache/httpd-2.1.9/htdocs folder has all it's usual resource files.
We were able to see documents in "Myreportfolder".
Now we have moved to Weblogic and using virtual directory mapping as below and we are trying to achieve the same thing:
<?xml version="1.0" encoding="UTF-8" ?>
- <wls:weblogic-web-app xmlns:wls="http://www.bea.com/ns/weblogic/weblogic-web-app" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd http://www.bea.com/ns/weblogic/weblogic-web-app http://www.bea.com/ns/weblogic/weblogic-web-app/1.0/weblogic-web-app.xsd">
- <wls:container-descriptor>
<wls:index-directory-enabled>true</wls:index-directory-enabled>
<wls:index-directory-sort-by>LAST_MODIFIED</wls:index-directory-sort-by>
</wls:container-descriptor>
- <wls:virtual-directory-mapping>
<wls:local-path>/Myreportfolder</wls:local-path>
<wls:url-pattern>/*</wls:url-pattern>
</wls:virtual-directory-mapping>
<wls:context-root>/getreports</wls:context-root>
</wls:weblogic-web-app>
We are able to view the reports but we do not get look-and-feel of Apache like directory listing.
but we encounter below issues:
1) File/Folder icons are not visible - we want to use style sheets in http header from the response that is returned from weblogic server
2) Filename is limited to 29 characters when it is showing
3) Files are not sortable as Descending order - we sorted using tag <wls:index-directory-sort-by>LAST_MODIFIED</wls:index-directory-sort-by> but the latest file is shown at the last
We are thinking that Weblogic must be having some configuration like Apache httpd.conf where we can apply style sheets (css ).
We would appreciate af anyone can provide better insight into the issue.
or is it possible to extend weblogic.servlet.fileservlet class to serve this purpose.
Thanks & regards,
Rabi

Hi Vikash,
Check the below links which will you idea on the same.
Stylesheet for WDA without integrating in SAP Portal
Apply custom css to WebDynpro application
Thanks
KH

Howto always clear paragraph style overrides?

Using Indesign Cs5.
I'm going to import loads of incopy-text that has already ben placed on other layouts. The problem is that these texts contains some paragraph styles overrides that I do not want to include in the new document.
Question: is there some way to tell indesign to automatically clear paragraph style overrides?

Reading through that article, it appears that added styles will be ignored with certain exceptions that in turn are overrideable in ID. But I am working in the blind here.
I know there are GREP routines you can use to set chosen paragraph styles to any other and it is fast to do. Search the forum for these.
Because I work by myself and don't receive anything but funky Word or text documents that I fully set in ID, I haven't faced what you are.
Hopefully someone who does use IC will come along to actually help you.
Mike

Why are style overrides rejected by preflight

I have done four volumes of a set for a client and on number 5, ID has decided that all of my style overrides are unacceptable. Because the client wants each word in the indigenous language to be bold italics and each word in Spanish to be italics, I have done that consistently in other volumes simply by highlighting the words and changing the character styles (or doing a find/replace styles for the most common words). Four volumes, no problem. Volume 5 BIG problem. I still have 239 errors (out of approximately 800+) to fix in the preflight panel and I'm getting seriously frustrated. I can do them ONE at at time, by double clicking it in the preflight panel and then clicking on the style in the character styles panel that I need and it goes nicely away. It won't let me choose multiple ones to fix at one time. I will be here another hour doing the next 239 of them. What did I do wrong? I used a template made from a previous volume for this one, so i can't figure out why with this volume it refuses to accept overrides. No problem in previous volumes. What's the big deal? Within any paragraph of any text in any job done in ID, even a style marked as "normal," could need an italicized word from time to time, so what's going on? I know I must be missing something fundamental. So help me out here. I'm ready to scream.
I just tried using find/replace again, hoping that would help--NOPE. While it said it did over 100+ changes, they still come up as errors on pre-flight.

Thanks, Willi. I only set the profile to ignore style overrides relating to the character styles in the text. It still warns me of other issues. Plus, there are so freaking many of these style overrides, that I can make sure I've caught them all and look out for other character style issues that are not related to the indigenous language or Spanish. Having these overrides in the document are simply the nature of the text. I will definitely preflight the PDF before sending it to the printer--that will uncover other issues I might have missed.

How to overwrite styles with CSS?

I have a large number of older html documents (I use Dreamweaver CS3 Premium) that were originally built using "regular" styles. I have tried to overwrite these old styles with CSS but this doesn't work. I first delete the old styles, attach the CSS and then apply the new CSS style, but artifacts of the old style remain, such as text colour, background colour, even font size. This has become a major time problem as I have to undo each element of a style to an item before I can successfully apply the new CSS. As I have over a hundred of these files to update, this process is costing me an enormous amount of time. Surely there must be a better way to apply new styles. Any help would be much appreciated.

I’ll try to explain this problem again. The old HTML document has, for example:
<style>
    .h1blue
    .h2blue
    .body
    .footer
So .h1blue is “Arial, Helvetica etc,” size 16 pixels, font weight bold, color #000066.
I first delete this set of styles and then attach a new CSS:
ALPHA 210 new.css
    .body [Arial, Helvetica, etc.; size 12 points, line height 16 pts]
    .head1Brown [Times etc; size 18 points, font weight bold, color #663300]
When I apply .head1Brown, for example, the result is Arial 18 points rather than Times, and color #000066 (blue) rather than #663300 (brown). This means that I have to undo the font info (back to default), undo the color (to black), then reapply the style. Sometimes I have to do this 2 times or more for it to take.

When UI is required,how to change UI content bgcolor style by css skin

when UI attribute required="true",there will be an '*' in front of the UI,1in addition,i want to change this UI content bgcolor style by css skin,How to achieve this?

You could do something similar to setting the inlineStyle attribute of the UI content whose background color you want to change.
inlineStyle='#{(bindings.TreeBindingName.hints.RequiredAttributeName.mandatory) ? "#C8C8C8" : ""}'

Convert Style to CSS

Hi there, I was just wondering if their is a way to convert a Photoshop style to CSS code for use in adding a style to an image on rollover.
Thanks,
Alex Zylka

No, how should there? Except for color overlay and drop shadows, none of the effects can even be expressed using CSS and you can do that with two lines of code in the style sheet, so what would be the point? If you need to define buttons, use images and respective JavaScript.
Mylenium

Keep master page stories from clear style overrides...

Hi everyone,
I am finding the stories in the document and applying clear style overrides through javascript. When i am doing this my master page story items are also get affected. Is there any option or way to skip those master page stories?
Please suggest and help me out.
Thanks in advance
Thiyagu

Hi Thiyagu,
you are asking for the structure of the DOM (document object model).
There are several charts of the hierarchical structure of the DOM, e.g. in tree view.
You may search for them with Google.
To find out, who's the parent of an object, you can check the name of the constructor of it's parent:
myObject.parent.constructor.name
You can also climb up the parents within a loop.
To catch the constructor of a selected object and it's parents, grandparents ... up to the 'primal father' APPLICATION in a loop you may try this short and simple code:
var myData = new Array;
if (app.selection.length > 0)
     var myObject = app.selection[0];
     myData.push(myObject.constructor.name);
     do
          myObject = myObject.parent;
          myData.push(myObject.constructor.name)
     } while (myObject.constructor.name != 'Application')
     alert('Genealogy\r' + myData.join('\r'));
But there are also parents like parentTextFrame or parentStory.
This special parents your would not find out with the simple code above.
To read more about this basic things about the structure of the document object model (and other basics) I want to recommend Peter Kahrel's Scripting InDesign CS3/4 with JavaScript to you.
Martin

Need to override CSS style for link

I've set up a page with an external style sheet. I have a
link within a heading that I want to look different from my CSS
link style (I want it to match the heading). Is there a way to
override the basic style? I tried setting up a class and that
didn't work. Any suggestions would be greatly appreciated

Clearly there is a typo there. It should be either this -
.heading a:link {
(leading dot for heading - no SPACE after the colon)
or this -
#heading a:link {
depending on whether there is a custom class or an ID
selector being used to
identify the container for the link.
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
==================
"Katsuey" <[email protected]> wrote in message
news:f1rf6c$h92$[email protected]..
>> I've set up a page with an external style sheet. I
have a link within a
>> heading that I want to look different from my CSS
link style (I want it
>> to
>> match the heading). Is there a way to override the
basic style? I tried
>> setting up a class and that didn't work. Any
suggestions would be
>> greatly
>> appreciated
>
> Yes, give that heading a different style such as:
>
> heading a: link{
> color: red;
> }
>
> Where as all other links might be:
> a:link {
> color: blue;
> }
>

Override FlowPane default style within css

Tried to override the style of my flowpanes, but nothing happens.
.flow-pane {
    -fx-padding: 3 0 3 3;
    -fx-hgap: 3;
    -fx-vgap: 3;
    -fx-background-color: #737373;
}tried also width .flowpane, ...
But it works with
.main #myFlowPane{
    -fx-padding: 3 0 3 3;
    -fx-hgap: 3;
    -fx-vgap: 3;
    -fx-background-color: #737373;
}

Yet another alternative is to use the FlowPane java class name as the css selector.
FlowPane {
    -fx-padding: 3 0 3 3;
    -fx-hgap: 3;
    -fx-vgap: 3;
    -fx-background-color: #737373;
}

Auto Style Overriding CSS

Similar Messages

Maybe you are looking for