Style sheet question

Working on a book of about 200 pages with multiple chapters. Each chapter must start on a right hand page, which I know how to do. What I do need help with is that my client wants the title of the page on the right hand page by itself, but the opening paragraph of the chapter to appear on the next right hand page (still good with this) but starting about 2in down from the top margin. So how do I make that opening paragraph appear 2 in down on the page after the title page. Space before or after doesn’t seem to work. I also need to have the chapter title appear lower on its page as well.
Any help appreciated.

Ariel's script can be purchased at http://www.freelancebookdesign.com/scripts/apply-masters-based-on-paragraph-styles
There seems to be some discussion over in the scripting forum, too, at http://forums.adobe.com/message/4525554, but I suspect the interface in Ariel's work will be more to your liking.

Similar Messages

XSL-FO Style Sheet Questions..

Hi,
I have some questions regarding XSL-FO Style Sheet
1. How can add some more fields to the XSL-FO Style Sheet when they are not included in the original XML source.. ( like we have attribute1 through attribute3)
for storing telephone number, fax number and email of the buyer) as we do not have access to the source code that generates the XML.
2. I need to include the signature image at the bottom of the PO and that depends on the operating unit to which the PO belongs.
I will appreciate if you can show some light on this with some examples..
Thanks for your help..
Shree

Hi,
For the question 2, I thinck you can read the XMLP blog entry :
http://blogs.oracle.com/xmlpublisher/2006/04/13
Hope you will help.
Cyryl

Media Print Style Sheet Question

Hello!
I just added a Media Print style sheet to a website.
Everything seems to
work for the most part fine and the layout is as expected and
functioning as
desired. When I print from Firefox the print size is 12 pt as
my style sheet
specified, however when I print exactly the same page from
Internet Explorer
the print size is tiny - like maybe eight or something. I
thought that the
media print style sheet communicates directly with the
printer while the
screen style sheet communicated with the viewer screen. Am I
mistaken? Why
does the print size change depending upon what browser you
use?
Does anyone have a suggestions on how to get the Internet
Explorer to
recognize the font size command and print in 12 pt instead of
8?
Thank you
Best Regards,
Webdesigner

.oO(Webdesigner)
>I just added a Media Print style sheet to a website.
Everything seems to
>work for the most part fine and the layout is as expected
and functioning as
>desired. When I print from Firefox the print size is 12
pt as my style sheet
>specified, however when I print exactly the same page
from Internet Explorer
>the print size is tiny - like maybe eight or something. I
thought that the
>media print style sheet communicates directly with the
printer while the
>screen style sheet communicated with the viewer screen.
Am I mistaken? Why
>does the print size change depending upon what browser
you use?
The stylesheet itself doesn't communicate with anything. It's
always the
browser that renders the document or sends it to the printer.
Different
browsers behave differently, so there will always be
differences in the
ouput. Some smaller, some bigger.
>Does anyone have a suggestions on how to get the Internet
Explorer to
>recognize the font size command and print in 12 pt
instead of 8?
Got a URL so we can have a look at it?
Micha

Question on Converting an existing style sheet to print.

When attempting to do the conversion, I cannot get the 'link' button in MAC. It's greyed out. In the PC I can get the 'link' button, then do all of the proper media selections but when I go to save it I get a message about my new_styles.css being an HTML file, so it won't save it.
Is there some process or settings I might be missing? I can supply all the steps taken if necessary?
Thank you,

Here is what was generated for me:
The styles all worked in the site prior to being saved as an external styles sheet. Now we are trying to link that same styles sheet back to the original site. I apologize for the size, but that's what was generated.
@charset "UTF-8";
body {
    background-color: #FFF;
    margin: 0;
    padding: 0;
    color: #000;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 100%;
    line-height: 1.4;
.sidebar1 aside {
    font-size: 90%;
/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
    padding: 0;
    margin: 0;
h1, h2, h3, h4, h5, h6, p {
    margin-top: 0;     /* removing the top margin gets around an issue where margins can escape from their containing block. The remaining bottom margin will hold it away from any elements that follow. */
    padding-right: 15px;
    padding-left: 15px; /* adding the padding to the sides of the elements within the blocks, instead of the block elements themselves, gets rid of any box model math. A nested block with side padding can also be used as an alternate method. */
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
    border: none;
/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
    color: #42413C;
    text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
a:visited {
    color: #6E6C64;
    text-decoration: underline;
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
    text-decoration: none;
/* ~~ This fixed width container surrounds all other blocks ~~ */
.container {
    width: 950px;
    background-color: #FFFFFF; /* the auto value on the sides, coupled with the width, centers the layout */
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    border: 2px solid #060;
    background-image: url(images/divider.png);
    background-repeat: repeat-y;
#logo {
    position: absolute;
    width: 170px;
    height: 158px;
    z-index: 1;
    margin-top: 10px;
    margin-left: 30px;
    left: 216px;
    top: 1px;
/* ~~ The header is not given a width. It will extend the full width of your layout. ~~ */
header {
    background-color: #090;
    background-image: url(lesson04/images/banner.jpg);
    background-repeat: no-repeat;
    height: 130px;
/* ~~ These are the columns for the layout. ~~
1) Padding is only placed on the top and/or bottom of the block elements. The elements within these blocks have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the block itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the block element and place a second block element within it with no width and the padding necessary for your design.
2) No margin has been given to the columns since they are all floated. If you must add margin, avoid placing it on the side you're floating toward (for example: a right margin on a block set to float right). Many times, padding can be used instead. For blocks where this rule must be broken, you should add a "display:inline" declaration to the block element's rule to tame a bug where some versions of Internet Explorer double the margin.
3) Since classes can be used multiple times in a document (and an element can also have multiple classes applied), the columns have been assigned class names instead of IDs. For example, two sidebar blocks could be stacked if necessary. These can very easily be changed to IDs if that's your preference, as long as you'll only be using them once per document.
4) If you prefer your nav on the left instead of the right, simply float these columns the opposite direction (all left instead of all right) and they'll render in reverse order. There's no need to move the blocks around in the HTML source.
.sidebar1 {
    float: left;
    width: 180px;
    padding-bottom: 10px;
.content {
    width: 770px;
    float: right;
    padding-top: 10px;
    padding-right: 0;
    padding-bottom: 10px;
    padding-left: 0;
.content h1 {
    font-size: 200%;
    margin-top: 10px;
    margin-bottom: 5px;
.Green {
    color: #090;
nav p {
    font-size: 90%;
    font-weight: bold;
    color: #FFC;
    background-color: #090;
    text-align: right;
    padding-top: 5px;
    padding-right: 20px;
    padding-bottom: 5px;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #060;
    background-image: url(images/background.png);
    background-repeat: repeat-x;
nav p a:link, nav p a:visited {
    text-decoration: none;
    color: #FFC;
    padding: 5px;
nav p a:hover, nav p a:active {
    color: #FFF;
    background-color: #060;
nav p a {
/* ~~ This grouped selector gives the lists in the .content area space ~~ */
.content ul, .content ol {
    padding: 0 15px 15px 40px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */
/* ~~ The navigation list styles (can be removed if you choose to use a premade flyout menu like Spry) ~~ */
ul.nav {
    list-style: none; /* this removes the list marker */
    border-top: 1px solid #666; /* this creates the space between the navigation on the content below */
    font-size: 90%;
ul.nav li {
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #0C0;
    border-right-color: #060;
    border-bottom-color: #060;
    border-left-color: #0C0;
ul.nav a, ul.nav a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
    padding: 5px 5px 5px 15px;
    display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
    width: 160px; /*this width makes the entire button clickable for IE6. If you don't need to support IE6, it can be removed. Calculate the proper width by subtracting the padding on this link from the width of your sidebar container. */
    text-decoration: none;
    background-color: #090;
    color: #FFC;
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
    background-color: #060;
    color: #FFF;
/* ~~ The footer ~~ */
footer {
    padding: 10px 0;
    background-color: #090;
    position: relative;/* this gives IE6 hasLayout to properly clear */
    clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
    font-size: 90%;
    color: #FFC;
    background-image: url(images/background.png);
    background-repeat: repeat-x;
/*HTML 5 support - Sets new HTML 5 tags to display:block so browsers know how to render the tags properly. */
header, section, footer, aside, article, figure {
    display: block;

Is it possible to change the color of a layer of a Customs CSS from an External Style sheet?

Hi,
I have sucessfully link External .css file to my HTML page and able to change the font size of the headlines and the paragraph.
What I am not able to do is to ADD the color my Custom CSS from the External sheet. I have difined the color attribute as a 'Advance'
and gave it the same name "#bigwraper" that is has in my HTML file.
Attached is the color outline of my 'Blank Layout' with colors?
Thank you.
Dreamer101.1

Hi Murray,
I am building a web site on which the entire content would be changed at least daily. The website would have similar design to www.Helium.com
The page will have CCS layout boxes in which different content would be pasted.
To re-phrase my question: I want to know how to change the color of a layer from an external style sheet?
Because my home page 'Sidebar' and colors would be the same for all page, only the content of different pages would be different. If I want to change a color of my web side pages, I need to learn how to do it in one spot through an External Style Sheet.
I am amble to link my external style sheet and to change H1 tag and to give it different colors. But I was not sucess with change the color of a layer on which my content sits around.
I took out the color from my HTML page and gave the same name to the layer in my External Style Sheet with the same color.
Hope my question and the reason I was able to clarify.
cheers,
Dreamer101.1

Can I add the same style sheet to multiple nodes in the same scene?

I know this sounds like a dumb question, so I'll give an explanation below. I've done this with FXML and Scene Builder and haven't noticed any negative effects yet. I'm mostly curious what happens internally when I add a style sheet to a node and that same style sheet has already been added via a parent node.
The reason I ask is because I use fx:include in many of my FXML files. For example, I'll have something like this:
MainPane.fxml - Uses shared.css and main-pane.css. Includes SubPane.fxml.
SubPane.fxml - Uses shared.css and sub-pane.css. Included in MainPane.fxml using fx:include.
I used to add shared.css to SubPane.fxml using Scene Builder's preview option, but the way this works has been changed in Scene Builder 2. See this thread for an explanation of the change. I also use TestFX and I'm convinced that I should be ensuring shared.css is applied to SubPane.fxml before running GUI tests.
The easiest way to accomplish what I want is to add shared.css to the root node of both MainPane.fxml and SubPane.fxml. However, I don't know if that's something I'm allowed to do. Is it?

No. http://www.adobe.com/products/creativecloud/faq.html
Can I buy more than one membership to an individual offering of Creative Cloud?
No, Adobe has moved to identity-based licensing with a technology that will not support multiple same-product licenses, so you can buy only one membership per Adobe ID. If you need two Creative Cloud memberships, you will need to purchase each with a unique Adobe ID. You can also purchase a Creative Cloud for teams membership, which allows you to purchase and manage multiple seats under one account.

Mapping style templates and properties to Actual Style Sheet Classes

I got this response to an email regarding creating a customized style sheet and thought others might find it useful following is my initial question and the response from David Phipps. If anyone else has input to this conversation please join in.
Initial question: I'm trying to create a highly customized style sheet and could use a matrix that maps the various properties to the styles that each property affects. I have had some success determining the specific styles that I would like to change but am unable to use the style mill with any efficacy to make those changes. We are attempting to create a single language style sheet with a unique color scheme that matches our branding. One big problem we have run into is that certain styles are called in multiple places with different backgrounds (i.e. breadcrumbText). Any help along these lines that you could provide would be greatly appreciated.
Response:The CSS style mapping is not terribly satisfying right now; many objects share common CSS styles, which means if you change one tiny thing the whole page changes. We don't have a matrix or spreadsheet or styleguide that lays out the page itself and defines the styles used in each point. However, the stylesheet mill should work for you, and it's possible that what you have going on is a problem with your mill or an incomplete copy of what it generates.
There are 18 styles in the portal currently; you can actually create new styles and populate them, which sounds like the option you are interested in. The mill is just an ANT script that uses the template files in the templates directory and combines them with the property files in the prop-color and prop-text directories.
The prop-text files are per language (10 languages); if you check you'll see the values are all the same right now; the idea is you could change the font names or sizes per-language if you wanted to.
The prop-color files are per style (18 styles). If you want a new set of property values for, say, style 19, you'd add a file called color.19.properties, and the mill would pick that up and generate 190 files (19 styles x 10 languages). It would then add a new line to community-themes.txt, which has a name of each style for each language, based on data it picked up from your new color.19.properties file.
The real secret is that you only add color style elements you want to override. If you want a specific set of styles to always be available, just add them directly to the appropriate template file (in your case, the portal50.template file) without using the @variable@ in place of actual values. Then you're just adding new style overrides that apply everywhere.
Finally, you can add arbitrary new properties to your new prtoperties file and use those in the template:
in portal50.template:
..actionbarPortletBg {background-color: @personal.and.interesting.setting@;}
in color.19.properties:
personal.and.interesting.setting=#ff9900
So the CSS mill is just a glorified text replacement tool.
Remember that the CSS mill works this way:
- Run make_all.bat if you're not sure and want to insure you've remilled everything, otherwise use make_community_css.bat or make_menu.bat to remill only community styles or those for the jsportalmenus dropdown, respectively.
- The resulting files are created in ptimages/tools/cssmill/css
- You have to copy the resulting files by hand to the imageserver CSS location, which is
ptimages/imageserver/plumtree/common/public/css
- You have to forcibly stop and restart your imageserver, be it Apache, Tomcat, IIS, Websphere or whatever; no matter what anyone says the new content won't show up reliably until you restart your imageserver.
You probably know all this and your real problem is the CSS is not specific enough, that is, you can't get individual items to change like you want. We have been working on this, and the new version of the portal will have much more addressable CSS styles, including the ability to specify styles for individual navigation elements, individual pages, and individual portlets. This basically meant rewriting the HTML we generate, of course.
Since you can override and rewrite chunks of our HTML as well using View Overrides, if you're in a jam we can walk you through how to rewrite specific bits of the UI that are causing you trouble - for instance, the code that generates the breadcrumbs itself.
David Phipps
Senior Engineering Manager
Plumtree Software

One way to do this is to give the <body> tag an ID. In a template, you need to make the ID attribute of the <body> tag editable.
You would then have something like this in your style sheet:
#home.oneColFixCtrHdr #container #navigation li,
#services.oneColFixCtrHdr #container #navigation li,
#about.oneColFixCtrHdr #container #navigation li,
#contact.oneColFixCtrHdr #container #navigation li,
#testimonials.oneColFixCtrHdr #container #navigation li,
#links.oneColFixCtrHdr #container #navigation li
background-color:
#66ccFF;
border-bottom-width: 1px;
border-bottom-style:
solid;
border-bottom-color: #FFFFFF;

Style sheets (paragraph and character) not coping Special Effects

Couple of questions about ID CS3. I have been really digging into the guts of the application and can appreciate how powerful it is.
I am having a couple of problems and don't know if it is me or the app.
1. I can not get a NEW Paragraph or Character Style Sheet to copy the Special Effects (specifically the drop shadow and inner glow).
I have tried both by using the eye dropper, and the highlighting etc but nothing works. What am i missing?
2. Also, how can I change the Drop Shadow Distance from the default (.1375in) to something else (ie., .05)? Same thing for the Angle. I also want to change the Distance and Angle for the Inner Glow. I looked in Preferences but could not fine them there. I am afraid to ask when do I use them for Object and when for the text....I will figure that one out by playing with it.
3. And finally, how do I isolate moving an object. Even though the boundary boxes show up that I have a specific object selected, when I put the mouse in there to move it, some object underneath it moves. This is probably some technique I am not doing correctly.
I absolutely love this application and will appreciate any help in the above questions.
Thanks,
bob

Hmmmmmm not too sure what you are saying here (faking my way through applying it to a paragraph and anchored objects).
Lets say I have the following:
Chef Salad
We use the freshest lettuce, tomatoes..... bla bla bla
I wanted the name of the menu item (Chef Salad) to be 30 pt, Times New Roman, Red text (no container fill), drop shadow.
Lets also say I want the description (the Bla bla bla) to be 15 pt, Arial, Green text, and small drop shadow.
From what I understood you to say(write), I would have to make a Object style for Chef Salad (and I guess another Object style for the description)given that I want to use special effects.
What has been one of the more confusing things about ID (and believe me, I have been watching hours and hours of Lynda.com, Youtube, and reading a book/DVD on the subject) is when to use paragraph styles, Character styles and now Object styles.
Changing the parameters on these styles is not (to me) the difficulty. When and where to use a particular style is.
I don't want to keep bugging you so if you have someplace that really gets into the proper place and time to use these styles I will go there (if I haven't been there already).
However, if it is pretty easy for you to elaborate some more, that too would be greatly appreciate.
Thanks Bob
PS Nice looking web site you have.... I am up there viewing it now.

Style sheet changes not appearing in RH10

Hello all,
Searching for an answer before I posted, I saw this question from a member named Pam about RH11 posted almost a year ago, but I don't see an answer. I'm hoping there is an answer!
After many years of working in RoboHelp and carrying on with inline styles, I'm now looking into changing over to style sheets. I've been tinkering with them in some test projects, and I'm having the same problem that Pam did. The process of creating and applying a style sheet is simple, as far as I can tell, yet I can't get the style sheet formatting to appear. It's in the HTML--I see the .css specified, and there are only heading tags and so on present instead of inline stuff--yet the fonts I've selected appear neither in the Styles and Formatting pod nor in the Design view of the topic. I searched Adobe for help and found this: ROBOHELP 10: Creating CSS for a Topic | Tech Comm Suite Highlights | Adobe TV. I did exactly the same steps, but my fonts and spacing do not change as they do in the video. They don't appear different, that is. When I go into the style sheet, my selections are in there; they're just not displayed on the screen. I compiled a chm file to see if by chance the changes might appear there, but no.
I tried this both with existing and new topics in a test copy of an existing project and with a brand new project created in RoboHelp that had none of my usual baggage. Any ideas?
Thanks,
Beth

When I opened your CSS it was written as below.
/*Created with Adobe RoboHelp 10.*/
@media only screen and (min-width: 1024px) and (max-width: 99999px){
h1 {
font-family: Arial;
font-size: 18pt;
x-next-class: ;
x-next-type: p;
@media only screen and (min-width: 1024px) and (max-width: 99999px){
p {
font-family: Arial;
That was because, as Amebr had picked up, you must have had Desktop setting in the media dropdown when you applied the style. The result is that if you are viewing in any less than 1024px, Arial will not be applied and you will get the browser default on the user's machine.
With media set to None, I defined h1 and p again using Rh's CSS editor and the following was appended.
h1 {
font-weight: bold;
font-size: 22pt;
margin-top: 14pt;
margin-bottom: 14pt;
margin-left: 0pt;
margin-right: 0pt;
page-break-after: avoid;
font-family: Arial;
x-next-class: ;
x-next-type: p;
p {
margin-top: 14pt;
margin-bottom: 14pt;
margin-left: 0pt;
margin-right: 0pt;
font-family: Arial;
Go back to your real project and define your styles with media set to None. Take a copy of the exising CSS first for safety. Delete any styles with media rules applied.
Create the styles by right clicking and using CSS Editor. Clean up by right clicking and using HTML Editor (the css will open in Rh and you can work on it as if in a text editor.
See www.grainge.org for RoboHelp and Authoring tips
@petergrainge

Using custom CSS style sheet

I'm trying to use a custom CSS style sheet and can't get it to work. I've created my stylesheet and uploaded it so it shows under Shared Components >> Cascading Style Sheets.
Viewing the source for my pages currently shows a reference to what I guess is the default style sheet -
<link rel="stylesheet" href="/i/css/apex_3_1.css" type="text/css" />But no reference to the one I uploaded. So I guess I need to add a new reference pointing to my sheet.
So questions would be -
- How and where do I add this reference?
- Is this the correct way to do things if I want to use my own styles?

Antilles,
Go to your Shared Components > Temples > Select the page template you wish to apply your CSS to and in the "Header" area you will see references to the APEX CSS, something like,
<link rel="stylesheet" href="#IMAGE_PREFIX#themes/theme_17/theme_3_1.css" type="text/css" />Now, just add your CSS reference after any APEX CSS references.
Hope this helps.
-Chris

Re: CSS Style Sheet

Am 02.09.2006 schrieb Micky Mouse:
> I've created a style sheet with, .headings ,
.subheadings , and .text.
> Which work fine on my home page when I apply them from
the property
> inspector.
> When I open another one of the pages I can't apply any
of the styles I
> created in the first page as the design panel/CSS styles
says (no styles).
Did you save your styles in an external stylesheet? If you
did, you
must link this sheet to your pages. Open one of your pages
and make a
link to your stylesheet.
In the header section of your page you can put the following:
@import url("path to your stylesheet");
or: <link rel="stylesheet" href="path to your stylesheet"
type="text/css">
Repeat this procedure for all your pages.
After you have done this, you can apply your styles to the
pages with
the property inspector.
Greetings
Inge Grotjahn
CatManiacs World:
http://www.gwsystems.com/inge

This setting couldn't have made any difference in the linking
to your
CSS....
Something *did*, though, but we'll never know what it was you
did, now.
Glad you got it going.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"lbize" <[email protected]> wrote in message
news:g58ceo$ojh$[email protected]..
> DW CS3.
> When creating the new "site" in DW, I did make an
addition... I answered
> yes
> to "Do you wnat to work with a server technology". I
selected yes and
> chose
> PHP MySQL, since we will be using this later. Based on
your question about
> only
> changing the hosting server, I decided to remove the new
"site" from DW
> and
> create it again, this time ONLY changing the location of
the hosting
> server.
> All looks good now. I don't know what things were so
screwed up from that
> one
> selection? Thank you.....
>

Css style sheet problems

Using DW CS3
problem 1
can I re-write below so that
1    link, hover, visited etc can be written without all the repetition if possible
2    link, hover, visited etc can be written "once" to apply to everything, body table etc   if possible
3
What might cause this please?
Sometimes I cannot override the style sheet
I highlight the text
i select the class
DW writes the code but in the browser it still obeys the style sheet???
4 "whitelink" won't work in the body and only in some tables???
many thanks,
BODY {
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 12px;
TD {
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 12px;
    text-decoration: none;
A { COLOR: #000099;
     FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
      FONT-SIZE: 12px;
     text-decoration: none}
A:HOVER {
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 12px;
   text-decoration: underline;
    color: #FF0000;     }
a:VISITED {
    color: #993300;
    text-decoration: none;
A:VISITED:HOVER {
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 12px;
    text-decoration: underline;
    color: RED;
H1    {FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 17px; COLOR: #000066; }
.whitelink A {
      COLOR: white;
      text-decoration: none;
      /*FONT-SIZE: 12px; */
      .whitelink A:HOVER {
    text-decoration: none;
    color: yellow;
.whitelink a:visited {
    color: yellow;
    text-decoration: none;
    .whitelink A:VISITED:HOVER {
    color: white;
    text-decoration: none;

Forgot to answer to your last two questions:
Sometimes I cannot override the style sheet
I highlight the text
i select the class
DW writes the code but in the browser it still obeys the style sheet???
4 "whitelink" won't work in the body and only in some tables???
I suspect you are adding classes to the wrong element on the page. Let me explain:
if you intend to select a link, then you click on the linked text in Design Window and then select the <a> tag for that link, on the Tag Selector Bar at the bottom of the Design Window. However, if you then select "whitelink" you will need to CHANGE MY CSS, because now yoru are adding the class to the A tag, not to one of its parents as we have the CSS selector written now. You would have to change this:
a.whitelink:link {
      color: white
a.whitelink:visited {
    color: yellow
a.whitelink:visited:hover {
    color: white
a.whitelink:hover {
    color: yellow
BUT- It would actually be better to leave the CSS the way I had it originally and instead to apply the "whitelink" class to a Parent tag, one, or more, that wrap around the portion of your page that needs this class for all the A tags within. So if there is a div or a table or some tds or some parents that enclose all the links you need white, then THOSE are the tags to select on the Tag Selector Bar to add the whitelink class to.
Hope that makes sense.
E. Michael Brandt
www.divahtml.com
www.divahtml.com/products/scripts_dreamweaver_extensions.php
Standards-compliant scripts and Dreamweaver Extensions
www.valleywebdesigns.com/vwd_Vdw.asp
JustSo PictureWindow
JustSo PhotoAlbum, et alia

Css style sheet through ASP CMS not displaying in Safari only

Seeing a quirk in Safari 5 Mac OSX only where it won't pull the CSS file. IE, Opera, Firefox, Chrome don't seem to be having the issue. It is intermittent though, and I know it isn't the server connection.
Wondering if it may be the way the css path is written. It is a dynamic ASP CMS custom built site. There is a ton of javascript and backend ASP scripting that pulls a bunch of css files via an extended URL with the filenames separated by commas. The path is relative to the CSS file, but the path does start with / not just the folder/file.
I thought I remembered seeing an issue years ago with another php/mysql CMS site because the url of the relative path had or did not have a / beginning the path, but I couldn't remember what exactly was the resolution on it. Maybe it is the way the css files are being pulled dynamically appending several css filenames with the format:
css.ashx?file=filename1,filename2,filename3
...Or maybe it's just Microsoft ASP doesn't like Safari and vice versa

JimH430 wrote:
> I'm new to DW - always used GoLive - making the
transition. I've
> created styles in an internal style sheet and moved them
over to an
> external style sheet. The page works just fine on my
computer with
> the external style sheet in each browser I check it in
but... When I
> upload the page with the external style sheet to the
server- it only
> works on in Safari, Opera, Windows IE-6. It will not
work in FireFox
> 2 and Netscape 9. It acts as if there is no style sheet
connected to
> the document. Can someone explain what is going on? I've
tried
> everything but can't figure it out. Don't know enough to
ask the
> right questions in google.
http://www.summitcom.net/pii/index5.html
> Any and all help really appreciated. Thanks, Jim
You have validation errors on your page - see
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.summitcom.net%2Fpii%2Findex5. html
Fix them, and then see if you still have the problem.
HTH,
Pete.
Peter Connolly
http://www.kpdirection.com
Utah

Creating Style Sheets for Existing Text

Can I get some advice on what would be the easiest way to create and apply style sheets to a document that was layed out w/o any? My Art Director layed out a dozen pages of actual type w/o any style sheets. It's a pretty basic layout with Headers, Sub-heads and body copy. There are no "space afters" applied to any of the hard paragraph breaks after sub heads, and nothing has style sheets applied to it. All text has Basic Paragraph applied. I know how to create style sheets based on what he created, but then how would I apply to the rest of the pages w/o having to physically format it all? Thanks for any help with this.

SIcsempertyrannis schrieb:
Your flippant response to my question was to send my Art Director for basic computer training. How exactly is that polite or helpful? And if you know the difference between a hard and soft return then why did you ask if I meant shift+return when I clearly stated there were no space-afters applied to any hard paragraph breaks?
Your initial response was laden with typos and sarcasm, as is your second. If you dont want to be bashed then practice what you preach. Again, and for the last time, if you dont have an answer to a question you should refrain from posting.
No "space after" does not mean that it is shift-return! The space is depending on the settings of the Paragraph (Style) in Intends and Spacing. And sorry, a lot of people here mean with the same words different things.
And yes, send your Art Director to a training, because when smeone uses shift-return instead of properly paragraphs he has not enough knowledge to do word processing.
Thanks for the typos you have found. But you can keep them and all others you will find here. And no, I had no sarcasm.
I decide myself if I refrain from posting, it is not your job.

Numbered List and Bulleted List w/ Custom Style Sheet

Hi,
I am a new user to RoboHelp 7, and must say I find it useful
but also painful to use. Currently I’m trying to solve
something that feels like a bug in RoboHelp 7, but before I give in
and accept defeat I wanted to check with the forum.
I have FrameMaker 8, and import the files to RH where I use
them to create WebHelp projects.
Here’s a short procedure:
1. I Import my files with a predefined style sheet matching
the FM styles.
2. I also check the Convert to HTML list option and set all
numbering and bullet styles to User defined.
- After import RH does the usual thing and creates a bunch
of style sheets on its own
3. I select all the files from the Topic List pod and apply a
new custom style sheet. This enables me to have one style sheet for
all the HTML files with the right layout and formatting
4. I generate the output, and RH uses the new style sheet
reference
The resulting HTML files shows that the output is not the
same as the generated HTML shown in RH’s HTML editor view
- Editor view: <li class=”style”>
- Browser view: <li>
6. If I make a change (e.g. add a space) and save the HTML
file, and generate the project again the HTML is correct in the
browser
One could argue that it’s not a big problem; however,
with a large project this is starting to look more like a nightmare
Does anyone know of this problem, and if so can it be fixed?
Kind regards,
Jon

Is this the time when I get really angry at Adobe for creating the worst FrameMaker/RoboHelp integration ever? No! However, I must admit that I'm amazed that they are unable to solve an important feature as conversion of lists from a FrameMaker document to a RoboHelp WebHelp project. When I say conversion I mean a clean conversion with minimal interference from RoboHelp that allows me to use CSS to its full extent.
Here's the problem, and this was also the problem with RoboHelp 7 and FrameMaker 8. BTW, I use standalone versions (not TCS 1 or 2).
Figures: First image depicts FrameMaker 9's Paragraph Designer and the Autonumber format for a paragraph named VizNumbered. Second image depicts the RoboHelp 8's conversion setting.
FrameMaker uses Autonumbering in front of paragraphs to create lists. This means that you in RoboHelp need to manage two formats, the autonumber and the paragraph style.
RoboHelp does of course not (by default) use Autonumbering in front of paragraphs because a RoboHelp WebHelp project is HTML based, and list tags in HTML can perfectly handle any formatting of text etc.
RoboHelp will convert, when "Convert Autonumber to HTML List" is selected, the Autonumber in FrameMaker to a list tag (LI). By default this will generate a list with a lot of margin, font and other CSS properties that tries to simulate the way the list is laid out in the FrameMaker document. In addition to the list tags it will convert the FrameMaker paragraph to a P tag which it inserts within a list tag. The issue you will experience with this is that indentations with the paragraph tag does not align properly between line 1 and 2. At the same time the WebHelp project will not look the same in IE, Firefox or Chrome. That is, Chrome and Firefox will look the same, and IE different. IE has the WYSIWYG feel, but it does not comply well with W3C standards (i.e. using P tags enclosed by LI tags is not a good idea ...).
Selecting "Convert Autonumber to RoboHelp List" does something similar, but is not recommended at all!
So, here's the big question. How can I make sure RoboHelp understands that I ONLY need to define a list tag with a CSS class attribute attached to it?
Today I basically only get the following:
<li><p class=""></p></li> or,
<p class=""></p>
What I want is the following:
<li class=""></li>
Can this be solved with today's versions, can anyone help me, or do I have to wait for the Adobe development team to realize this and to fix it?

Style sheet question

Similar Messages

Maybe you are looking for