Create a new css rule

Hi
If I place my curser over a div tag in the code window why in the New Css rule
window, in the option "choose where this rule will be defined" do I sometimes only
have the option of this document only and others the choice of any attached css file?
thanks
Ian

Hi
perhaps I wasn't clear apologies.
If I go to a web page and place my curser in the middle of <div id="masthead>
and then in the css styles panel select "new css rule" when the window opens by default
it normaly says:-
Rule definition...
Choose where your rule will be defined
and then it shows my current cssfile name with a drop downbox for any other
attatched sheets. As in the tabs at the top of the window
However some times when I do this the box listing my css files only lists in "this document only"
and selecting the drop down box shows no other css files. But the css files are shown on the tabs
at the top opf the screen
I wondered if anyone had any idea as to why?
thanks
Ian

Similar Messages

How to stop "Create New CSS Rule" dialog box

Made the mistake of allowing an Apple tech talk me into an OS X "Install in place". He assured me that all application settings would remain the same as before.
Now, when holding down the "shift" key and typing a word in all caps (in Design View), the "Create new CSS Rule" dialog box pops up and writes:
<span style="font-size: 14px; margin-center: 1px; text-align: left; font-weight: bold; margin-bottom: 6px; padding-bottom: 0px; line-height: 1.3em; margin-top: 3px; font-family: Arial, Helvetica, sans-serif;"><font color="#006666">TEXT</font>
I am trying to find the setting in preferences to disable this, and since the behavior started after OS X "install in place", something must have changed. I just want to type in design view and not have to deal with Dreamweaver overriding what I'm doing.

I am attempting to type some text in "design", not "code" view. I want the text to be caps. I hold down the shift key, type the first letter, and immediately the "New CSS Rule" dialog box pops up. I cancel, but the code...
<span style="font-size: 14px; margin-center: 1px; text-align: left; font-weight: bold; margin-bottom: 6px; padding-bottom: 0px; line-height: 1.3em; margin-top: 3px; font-family: Arial, Helvetica, sans-serif;"><font color="#006666">TEXT</font>
...is created anyway.I just want to type a word into an existing div with no changes or dialog boxes or any input from Dreamweaver. I was able to do that before, and cannot do it now. There must be some setting that I am missing in preferences.

Developer: web inspector how do I add new css rules

I have been using web inspector for quite some time. It was a regular part of my development workflow, however, I was surprised when the safari team totally re-vamped the tool in safari 6.
You use to be able to click on the menu in the styling section of the tool bar and click "Add new rule". Now it appears you can no longer add css rules in this way. Which is a bummer because I used this feature all the time.
You also, use to be able to double click for a new rule when in the actual stylesheet under the Resources tab. I can no longer do this either. For the life of me, I can't figure out why the safari team would get rid of these valuable options.
Someone please help.
These options must still exist, as they are invaluable when working with css in the browser. Does anyone know how to add a new style rule. I read the documentation and I don't see anything about removing this functionality.
The only way I can find to add a new rule, is through the snippet bar, which is kind of a pain as you have to add the <style> tags every time you add a new rule.
Also, I can't figure out how to view and elements pseudo classes (i.e. :hover , :checked, etc).
I have to say, it is a little frustrating as I don't clearly see the benefits of their redesign and it just seems harder to use. It kind of feels like they reskinned and rearranged things just to make it look new and didn't really think through how developers use this tool.
Does anyone else feel this way with the new safari?
Maybe I will see the light after a couple of days. I hope so because I am partial to using safari.

Build your FGLayout prototype page so it works well in all screen sizes (mobile first, then tablet, finally desktop). To create your home page, SaveAs index.html. Then SaveAs page2.html, replace content. Repeat for other site pages.
Nancy O.

Where is the New CSS Rule button that was in the properties tab?

There used to be a plus button in the properties tab. In Dreamweaver CS6 it is gone. I loaded in a tracing image, I want to type the * tag so the image and everything else will align to the upper left coordinates 0,0.
Sean

Jon Fritz II, you Rock! That was it I can see the Plus Button, and other icons at the bottom of the old CSS Panel by hitting Control + Alt + Shift + P.
Thanks, Have a great day!
Sean

Creating A CSS Rule For Version 13.1

I am new to Dreamweaver CS6 or any Dreamweaver and I am trying to create a new CSS Rule for Version 13.1. I am taking a class and the material is written for ver 12 and not 13. Does Version 13 not have the Classic View as well.
Any help is greatly appreciated.
Thanks
Mark

It was worth a try.
As Jon points out, a lot has changed in Dreamweaver since CS6 was first released in May 2012. There have been two updates for Creative Cloud subscribers, which made significant changes to the interface. Dreamweaver CC was released in June this year, and has since had one update.
The whole idea of the Creative Cloud is to release new features as they become available, which makes documentation and training courses difficult to follow. I have just finished recording Adobe Dreamweaver CC: Learn by Video, which is due to be published next month. It's based on Dreamweaver 13.1, so it will be up to date for a few months - and then a new version will almost certainly be released, which will make at least part of it out of date.
Rather than learning the mechanics of Dreamweaver, it's important to learn the basics of HTML and CSS. Once you understand them, it will be a lot easier to find your way around the Dreamweaver interface without being constantly confused.
Good luck.

How do you create a css rule?

How do you create a new CSS rule in Dreamweaver?
I took the Dreamweaver class 3-4 years ago, and now have to design a website. I cannot figure out how to create a css rule. The instructions Adobe gives do not make sense. Under format>>CSS Styles, there is no "new" option like the instructions say there should be.
I cannot figure out how to do it using the CSS properties pane either.
Every method they give does not jive with the options in the program.
I did create a style sheet for my site.

Which version of the software are you using?
The tutorials are version-centric now owing to the many "improvements" DW has seen to its interface in the past 12-24 months. So if you're reading a tutorial for an earlier version than what you have, you'll be confused. And vice versa if you use a modern tutorial with an older version.
I prefer to work directly with the code. It's infinitely faster than the cumbersome panels. Also the code hinting features in DW are very helpful.
Nancy O.

Editing CSS rules in SlideShow

Hello Community,
I need to create a new CSS rule for the ContentSlideShow from Spry. I want that the title of the headline is in a other color than the other text.
I want the title "The Expendables" in #429af2 and the rest of the text in white. Can somebody help me futher with this? I already tried to create a new CSS rule by enclosing "The Expendables" with a <div>-Tag named "headtitle", but it does not work if I insert it in the CSS-file of the SlideShow.
Here is the CSS-code of the complete title "The Expendables - Unsere Kritik zum Action-Kracher!":
.WLBSlideShow .photo .caption {
font-size: 14px;
font-family: Verdana, Geneva, sans-serif;
color: #ffd700;
margin: 0 6px;
line-height: 25px;
font-style: bold;
padding-left: 8px;
position: absolute;
top: 265px;
And here is the first part of the HTML-code:
<div class="article">
    <div class="photo"> <a href="EDIT"> <img src="Expendables_01.jpg" alt="Expendables" /></a>
      <div class="caption">The Expendables - Unsere Kritik zum Action-Kracher!</div>
    </div>
    <div class="story">
      <div class="banner">
        <div class="title">The Expendables - Unsere Kritik zum Action-Kracher!</div>
        <div class="subTitle">The Expendables - Unsere Kritik zum Action-Kracher!</div>
      </div>
      <div class="content">
        <p>The Expendables - Unsere Kritik zum Action-Kracher!</p>
        <button type="button"><span><span><span>More Info</span></span></span></button>
      </div>
    </div>
</div>
Thanks ahead.

This is one slide of (obviously) several. Is it dynamically created?
For the specific example you've given:
"<div class="caption">The Expendables - Unsere Kritik zum Action-Kracher!</div>
I want the title "The Expendables" in #429af2 and the rest of the text in white."
You'll need to add a span tag inside the div
<div class="caption"><span>The Expendables</span> - Unsere Kritik zum Action-Kracher!</div>
Then the CSS
.WLBSlideShow .photo .caption {
font-size: 14px;
font-family: Verdana, Geneva, sans-serif;
color: #fff;
margin: 0 6px;
line-height: 25px;
font-style: bold;
padding-left: 8px;
position: absolute;
top: 265px;
.WLBSlideShow .photo .caption span {
     color: #429af2;

Dreamweaver Help | Create a CSS rule

This question was posted in response to the following article: http://helpx.adobe.com/dreamweaver/using/create-new-css-rule.html

Does anybody know how to place a new rule just after or before existing rule witch you do not know where is located among hundreds of rules in CSS Panel "ALL". Now, I have to search that rule manually in CSS 'ALL' click on it and that create a new rule to plase the new rule before. It is a nightmare to organize css this way!. What is the best way to do it?

How can I view/edit the CSS rules that apply to an Order Registration Layout ?

*Note: I am new to web design and I did not create the site that I am working on. I am also very VERY clumsy with CSS at the moment *
I have just begun using Dreamweaver to work on a Business Catalyst site. I am attempting to edit the CSS of the layout for the Order Registration Form. The CSS is applied from the site-wide template that is assigned to the Order Registration Layout. When viewing the layout in Dreamweaver, it does not display any CSS info for the page. However, when viewing the live page for the Order Registration, it is clear that CSS is adversely affecting the layout.
Is there a way to link the css rules from the site-wide template to the Order Registration Layout? Or should I just add a new CSS rule directly to the Order Registration Layout (possibly overriding the site-wide template's CSS)?
Thanks!
Nate

I've used Firebug as well as the Webkit developer tools in Chrome and Safari which have surpassed Firebug in my opinion. But they all suffer from the fact that the changes you make in them have to later be applied to your code which means you have to take the extra steps of trying to remember what all changes you made in Firebug and copying and pasting them back into your files. Whereas in Dreamweaver you can Inspect, make changes directly to the code in your file, and you're done. Not happy with the last few changes? Undo. Want to start completely over? File > Revert.
Dreamweaver has excellent tools for determining what css is being applied to an element and by what means. And it's a more streamlined and direct workflow where you work directly in your code. I still use Firebug and the others from time to time though. But only for very basic "spur of the moment" testing. And usually only when I don't have immediate access to the raw files.

DW CS3: Template & CSS Rules problems

Dreamweaver CS3 Templates and CSS Rules.
I've built a basic html page with a header, navigation links and main content area, then saved this as a template with the content area as the edit region.
When I create new html pages from this template I want to insert Divs in the edit region for each new page, which I can successfully do, but for some reason Dreamweaver is not allowing me to create new CSS Rules for each new Div? So I'm not able to control position, text layout, colours etc for the new content. So my question is how do I do this?
I got around this with the current website by creating the template with virtually all of the content for the entire website firstly, then deleting as necessary for each page, which I know is the wrong way to build html site pages from a template!
I wonder if someone could please point me in the right direction to get me back on track? Any pointers would be very much appreciated.
Thanks in advance.

Yes, there is a meta tag at the start of the CSS rules. Here's a copy and paste of the code generated in DW CS3. Template was created from a html doc...
<!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">

</style>
</head>

How do I turn-off the CSS rule dialog?

I would like to know how to turn-off the CSS rule dialog.
I support a user who has been using DreamWeaver for years and was recently forced to upgrade to the new version. None of the hundreds of files in the site he maintains use CSS. While I recognize it is a "better" and "more efficient" way to do things --- IF you're a sofware engineer -- it is not even close to being worth the cost to revise the entire site and retrain this user.
So, how can i turn off, not just the pop-up, but how I can tell DW to just go ahead and do it the old-fashioned, embedded in the HTML way of doing things?
All the user wants to do is change the color of some keywords, css is overkill when that's all he's doing.
We'd go back to the previous version except the office was forced onto Vista and the older version won't run.

ADDING FONT TAGS:
By David Powers from the help doc:
http://help.adobe.com/en_US/Dreamweaver/10.0_Using/WSc78c5058ca073340dcda9110b1f693f21-7ce ba.html
You won't see anywhere to enter such information in the HTML Property inspector. Dreamweaver CS4 does not support <font> tags, except in Code view. The W3C deprecated <font> tags ten years ago, so CS4 decided to get rid of them from the main user interface.
If you want to add styles to a short selection of text, you have two options:
1. Create embedded styles in the <head> of the page.
2. Create inline styles.
Both are done using the Property inspector in CSS mode (click the CSS button on the left). Select the text you want to style. How and where the style is created depends on what you select in the Targeted Rule field.
If you select <New CSS Rule>, you can then select the font, size, or colour in the Property inspector. As soon as you choose one of these, you will be prompted to choose a class name, and the location of the new style. To embed the style in the <head> of the page, select "This document only".
The name of the class will appear in the Targeted Rule field, and you can add other values to it.
If you select <New Inline Style> in the Targeted Rule field, you can apply any of the properties in the Property inspector. This wraps your text selection with a <span> tag that contains the CSS properties as an inline style, e.g., <span style="font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif; font-size: 24px;">Styled text</span>.
http://help.adobe.com/en_US/Dreamweaver/10.0_Using/WSc78c5058ca073340dcda9110b1f693f21-7ce ba.html
Note: If you select text in Code view, you can apply font tags by selecting Format > Font from the main menu. This works only in Code view; selecting Format > Font in Design view launches the New CSS Rule dialog box.
http://www.adobe.com/devnet/dreamweaver/articles/css_best_practices_03.html

Set JArray values with invalid key value: "LastUpdatedTime" on new alert rule creation

Hey all!
I'm trying to create a new alert rule using version 0.9.11 of the Monitoring Library and am getting this error on alertsClient.rules.CreateOrUpdate:
"Set JArray values with invalid key value: "LastUpdatedTime". Array position index expected."
That's interesting because LastUpdatedTime is a DateTime object, and whether I set it or I don't, if I set a breakpoint, it does set itself correctly, but the API appears to be expecting a JSON hash?
I've tested alertsClient and I'm able to get existing alerts (also metrics with metrics client), so I don't believe it's an access issue.
Any ideas?
The full code I'm using for the test (borrowed virtually verbatim from the Cloud Cover video
here):
Rule newRule = new Rule
Name = "CPU Over 90%",
Id = Guid.NewGuid().ToString(),
Description = "CPU Has been over 90% for 5 minutes",
IsEnabled = true,
LastUpdatedTime = DateTime.Now,
Condition = new ThresholdRuleCondition
Operator = Microsoft.WindowsAzure.Management.Monitoring.Alerts.Models.ConditionOperator.GreaterThan,
Threshold = 90,
WindowSize = TimeSpan.FromMinutes(5),
DataSource = new RuleMetricDataSource
MetricName = "Percentage CPU",
ResourceId = "",
MetricNamespace = ResourceIdBuilder.BuildCloudServiceResourceId(<cloudservicename>, <deploymentname>)
RuleAction action = new RuleEmailAction
SendToServiceOwners = true,
newRule.Actions.Add(action);
OperationResponse alertResponse = alertsClient.Rules.CreateOrUpdate(new
RuleCreateOrUpdateParameters { Rule = newRule });
Console.WriteLine("Create alert rule response: " + alertResponse.StatusCode);

Hi Greg,
Thanks for your post!
Error "JArray" has been fixed in the latest nugget package.
Refer to:
http://www.nuget.org/packages/Microsoft.WindowsAzure.Management.Monitoring/
Hope this helps!
Regards,
Sadiqh

How to Define new Date rules

Hi ,
I have a requirement in my project, where in i have to create some new date rules. I've searched the whole web to find any document which explains the XML for Date rules but couldn't find any. Does any one know what that XML means, and how to create new Date rules ?
Please reply
Krishna-

Hi
it just calculates new dates base on reference dates or abap function modules.
In IMG in Date management node you can create your own date rules.
Best would be to copy existing one and than modify it.
Please read this thread about this: Date rules editor - file format documentation availability
Regards
Radek

New settlement Rule (copy of superior rule) in spite of message KD050

Hi'
I have a setup where WBS level1 is a Billing element.
WBS level 2-3 are Acc. elements
Settlement Rule for Billing element are maintained manual.
Settlement Rule for Acc. elements are copyed from superior rule.
I have generated Settlement rule, the projects are "running", the first settlement has been sucesfully completed.
Now the organisation is changed and the Settlement rule should have a different Profit center.
I put an end period at the Settlement rule at WBS level 1.
I create a new Settlement Rule at WBS level 1.
I put an end period at the generated Settlement rule at WBS level 2-3.
Now I want to generate Settlement Rule again at WBS level 2-3.
That is not possible because a settlement rule already exist.
What can I do to get a new and updated Settlement Rule at WBS level 2-3?
Thank you in advance for advice!
Kind regards
Lone Würtz

Hi Lone,
actually the request was raised by customer some year before, and I have done the implementation.
After SAP_APP 603, there is a BAdI IF_EX_WBS_SETTLEMENT_RULE_NEW~GET_TEMPLATE
what you need do, is to set the flag 'E_INHERITED_OK' = 'X'.
For a more complex case, you can even change the 'E_TEMPLATE_OBJNR' to use other WBS (instead of direct upplying WBS) as template.
If you have lower Release, where the BAdI WBS_SETTLEMENT_RULE_NEW is not available, please let me known your customer ID, there is a pilot note as modification for it, I can add it in the pilotlist.
Kind regards,
Zhenbo

Issue with creating/Launching a Business Rule

Hi All,
I'm using Hyperion version 11.1.2. When creating Business Rule in EAS console, we can't use admin user right ? Is there any specific reason for that ? I've created one other user called "BRadmin" and given admin privileges to all areas. I've logged in EAS console with the new user ID BRadmin and under "Business Rules" i'm trying to create a new Business Rule BR1. In the associated outline area when i'm trying to select "Select outline" no applications are showing under planning and the planning applications are available under Essbase node. For Business Rules, i should select Planning Application under Planning node right ? Why it is happening. I'm unable to select the Planning application from Planning node and due to this, i'm unable to see the Business Rule in Data Forms in Work Space. Pls. advice

I did Stop the following services, planning, EAS, hyperion RMI.
& Started them up RMI, EAS, Planning.After this have you logged in the planning application, before selecting business rules in EAS?
1. Have you selected Calculation module as Business Rule during outline creation? if not select Calculation module as BR.
2. Right click on the business rule node and select refresh user list.
Cheers..!!!

Create a new css rule

Similar Messages

Maybe you are looking for