New properties inspector and CSS...

Hi,
Can you explain the new Targeted Rule section of CS4, on the
Property Inspector?

r_tist wrote:
> Can you explain the new Targeted Rule section of CS4, on
the Property Inspector?
Any changes you make in the Property inspector are applied to
whatever
is selected in the Targeted Rule field. So, if Targeted Rule
is "p", all
changes are applied to the existing rule for paragraphs. If
you want to
create a new rule, select <New Style Rule> from the
drop-down menu in
Targeted Rule.
David Powers, Adobe Community Expert
Author, "The Essential Guide to Dreamweaver CS4",
"PHP Solutions" & "PHP Object-Oriented Solutions"
http://foundationphp.com/

Similar Messages

Dumb Q on Properties Inspector and missing Font tools

I just upgraded to DW CS5. In the Properties Inspector I somehow clicked off some options and can now no longer see font alignment or options like Bold or Italics. Now I have to access it via the FORMAT option at the top. I know this has to be simple but I have searched the web and cannot find the answer!! I do have HTML clicked in the Properties Inspector.
Thanks,
Gary

garynng wrote:
What I dont get is Left Align, Right Align, Center Justify. I used to get that until I clicked all of the windows at the bottom off and now can't get it back.
Read my reply again:
When CSS is selected, you get CSS options, which include bold, italic,
and alignment. However, it's important to note that using these options
forces you to create a style rule. In CS5, you cannot use HTML
attributes for alignment, except by editing Code view or using the Tag
Inspector panel.
Left Align, Right Align, Center, and Justify are now options in the Property inspector when the CSS button is selected. However, as I wrote before, these options no longer insert the HTML align attributes. To do that, you need to use Code view or the Tag Inspector (Window > Tag Inspector).
Dreamweaver CS5 uses CSS for alignment. You need to learn to use CSS if you want to use the Property inspector for text alignment. Why? Because CSS is now considered the standard way of doing it.

I'm new with HTML and CSS, need help

I'm creating a static html webpage for an assignment. Someone suggested to me that I could manually create my webpage using dreamweaver instead of creating it from scratch, which has turned out much easier. However one of the tasks require me to Create a CSS stylesheet to work with my structural HTML. So my question is where is the CSS code inspector (if there is one). Is it possible for me to somehow add this and link it to my HTML?
Sorry if my question isn't clear, I'm quite new to this and have only a general idea of what I am doing.

Because the assignment requires me to submit the css and html separately. It means both have to be done is separate Notepad files (this is where I will paste the code from dreamweaker to submit).
I'll save the html as hompage.html and the CSS as homepage.css
So I don't know if I can use option 2.
My teacher wants to be able to open my css and amend it so that all her amendments actually work with my html.
So lets say this is my html that I copy from dreaweavers inspector:
<html>
<head>
<title>Search Engine Title Goes Here</title>
<link rel="stylesheet" type="text/css" href="hompage.css">
</head>
<body>
<div id="container"> </div>
<div id="header"> Header Goes Here</div>
<div id="sidebar"> Left Navigation Goes Here</div>
<div id="content"> <p>Content Goes Here</p></div>
<div id="footer"> Footer Goes Here </div>
</body>
</html>
How would I write my css, would it be like this? (assume this is my homepage.css file):
body {background: #ffffff; margin: 0; padding: 0;}
a {color: #2b2bf6;}
#container {width: 900px; margin: 0; padding: 0; background: #dddddd;}
#header {width: 900px; height: 150px; margin: 0; padding: 0; border: 0; background: #f346e1;}
#sidebar {width: 200px; height: 400px; margin: 0; padding: 0; border: 0; float: left; background: #f0e811;}
#content {width: 700px; height: 400px; margin: 0; padding: 0; border: 0; float: left; background: #8be0ef;}
#footer {width: 900px; height: 70px; margin: 0; padding: 0; border: 0; float: left; background: #000000; clear:both;}
I saw this example on the internet, would this work?

Page Properties Panel and CSS

In the Property Inspector I open the Page Properties dialog
box and expect to see within the category list : Appearance, Links,
Headings, Title/Encoding, and Tracing Image. All I see is
Appearance. Titel/Encoding and Tracing Image. Under Appearance
again I would expect to be able to select a page font, and it
attributes but it starts right off with background image and its
attrbute. Any ideas why the font info is missing?

Can you try again, please?
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
==================
"Marianne POST" <[email protected]> wrote in
message
news:evh6mb$nam$[email protected]..
> In the Property Inspector I open the Page Properties
dialog box and expect
> to
> see within the category list : Appearance, Links,
Headings,
> Title/Encoding, and
> Tracing Image. All I see is Appearance. Titel/Encoding
and Tracing Image.
> Under
> Appearance again I would expect to be able to select a
page font, and it
> attributes but it starts right off with background image
and its attrbute.
> Any
> ideas why the font info is missing?
>

DW Beginner - Tables, Div Tags and CSS Confusion

Hi,
I am a beginner to DW. The layout I am designing is as follows:
First I have an overall "container" on the outside of my layout which I called "wrapper" and I made it using a div tag.
Next I made a table within or right after this "wrapper" div tag, which I called my "navbar".
After this table I made another table named left and right column (r:1 cz:2).
And lastly, another table, called "footer".
Now, I made a CSS for the div tag, no problem. But, when I go to make CSS for the tables, that's where it gets confusing.
For example, I went into my "navbar" table, selected on the "trail" <td>, and then tried to create a CSS for this particular table.
Problem: Why when setting my font or background or any other setting, are the other 2 tables changing also if I only assigned this specific area for the CSS navbar table? Am I selecting the wrong "trail" or is it because it is still entrapped somehow in the "wrapper" div tag, so it won't allow my new CSS settings? I would appreciate any help. This can really get confusing fast, especially for us beginners trying to learn.
Thanks,
S

Since you're new to DW, I'm assuming you're new to HTML and CSS, too. So start by learning code basics first and you'll have a much easier time understanding DW.
Begin here:
HTML & CSS Tutorials - http://w3schools.com/
CSS layouts are much more flexible than tables. Below are some example of CSS layouts (no tables needed)
http://alt-web.com/TEMPLATES/I-page-with-floats.html
http://alt-web.com/TEMPLATES/2-col-fixed-layout.shtml
http://www.tjkdesign.com/articles/one_html_markup_many_css_layouts.asp
From Tables to CSS Web Design Part 1 -
http://www.adobe.com/devnet/dreamweaver/articles/table_to_css_pt1.html
From Tables to CSS Web Design Part 2 -
http://www.adobe.com/devnet/dreamweaver/articles/table_to_css_pt2.html
Good luck,
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com
How To get Help Quickly in DW Forums
http://forums.adobe.com/thread/470404

Properties inspector same as Properties panel?

OK, this shouldn't be too hard for you Flash experts. I'm a
book editor and I am trying to find out if the Properties inspector
and the Properties panel are the same thing.
Thanks for any help.

railfan844,
> OK, this shouldn't be too hard for you Flash experts.
You'd be surprised. ;)
> I'm a book editor and I am trying to find out if the
Properties
> inspector and the Properties panel are the same thing.
According to Jen deHaan, longtime Macromedia/Adobe
documentation
doyenne, the correct term for this entity is "Property
inspector" (note the
singular "Property," even though the panel's tab reads
"Properties"). In
day-to-day use, people call this entity everything from the
official name to
"Properties inspector" to "Properties panel" to probably
more. Speaking
pragmatically, they're all the same thing.
David Stiller
Co-author, Foundation Flash CS3 for Designers
http://tinyurl.com/2k29mj
"Luck is the residue of good design."

Need help with font and bug with properties inspector bug

Hey guys,
I recentely bought a account at dreamtemplate and i'm working on creating my first website, ive got the basic down but whenever i want to change the font of one character in a word( lets say the k in kind to a different font) it switched the entire word or sentence to that font. ive contacted dreamtemplate about it and this is the solution they gave me but i dont understand it:
To change the font, you need to put the TrueType font files of edwardian and Kunstler in the font file of the template folder.
You may change the font of one character in a word as below.
For example:
In the HTML file,
<h2 class="title"><span class="newfont">l</span>atest </span> <span >projects</span></h2>
In the CSS file,
@font-face {
font-family: 'Kunstler';
src: url('/fonts/Kunstler/Kunstler Script.eot');
src: url('/fonts/Kunstler/ds-digi-webfonteot?#iefix') format('embedded-opentype'), url('/fonts/Kunstler/Script.woff') format('woff'), url('/fonts/Kunstler/Kunstler Script.ttf') format('truetype'), url('/fonts/Kunstler/Kunstler Script.svg#ds-digi-webfont') format('svg');
.newfont{font-family: 'Kunstler'!important;}
Feel free to contact us if you need any further assistance.
if anyone can shed some light and knowledge on how to apply it that would be amazing.
Also another problem i've been experiencing is that whenever i edit something in an html file (index.html) and save it and view it none of the changes show up besides the change in words(ie. no font change, no size change) but pictures are fine.
Now my last which has bothered me a lot latly is an issue with my propertie inspector box, It works fine with an html file but whenever i try to edit a .js file it either goes blank or is greyed out, i've searched for solutions and have made sure im not in live mode, but no luck, i even reinstalled DW, still no luck. I need to edit a menu bar that is a .js and i cant do it with this issue. if anyone needs further info let me know.
thanks in advance

Before you get any deeper with this, you really need to learn all you can about HTML code and it's relationship with CSS. Otherwise you will be forever confused, frustrated and incapable of understanding the answers we give you.
HTML, CSS Tutorials -
http://w3schools.com/
http://www.csstutorial.net/
http://phrogz.net/css/HowToDevelopWithCSS.html
When you have a firm grasp of the fundamentals, spend a few hours doing this 5-part tutorial on how to use DW. It's time well spent.
http://www.adobe.com/devnet/dreamweaver/articles/first_website_pt1.html
Incidentally, you cannot edit JavaScript with the HTML properties inspector. To edit JavaScript, switch to Code View.
Nancy O.

Help-New to Dreamweaver CS3 and CSS-background

I have struggled more with learning DW and style
sheets than I ever thought I would. So if you will be patient, I am
going to try to ask one question at a time until I can actually get
something accomplished.
First, I would like my website to have a centered container
style. An example of a website would be:
http://www.ortussearch.com/
I would like my center container to extend to the bottom of
the page. I have a small background gif that I would like to tile
for the center container and then use a solid color for the areas
outside of the container. When I was on another site, they gave me
the HTML code but I am not advanced enough to know how to use that.
At this time, I have used my background gif by clicking
background on the "page properties" in the property inspector and
it looks fine but it covers the entire page. Is there no way I can
size this to about 700 pixels in width using the page properties?
Thanks for any help.
DD

I should mention that the css previously won't center the
#wrapper on
the page. If you want it centered, then you'll need to add
this in the
#wrapper definition:
margin: 0 auto;
In the <body> of your document, you'll begin like this:
<div id="wrapper">
The other stuff goes here.
</div>
It's advised to use additional divs or containers. So you
might make
your next container #content or #masthead or whatever else
you may want.
Play around with it and see what you get. These forums are a
fantastic
resource - you might want to also do some reading up on CSS
and HTML
here:
http://www.w3schools.com/.
Darieldd wrote:
>
I have struggled more with learning DW and style
sheets than I ever
> thought I would. So if you will be patient, I am going
to try to ask one
> question at a time until I can actually get something
accomplished.
>
> First, I would like my website to have a centered
container style. An example
> of a website would be:
>
http://www.ortussearch.com/
> I would like my center container to extend to the bottom
of the page. I have a
> small background gif that I would like to tile for the
center container and
> then use a solid color for the areas outside of the
container. When I was on
> another site, they gave me the HTML code but I am not
advanced enough to know
> how to use that.
>
> At this time, I have used my background gif by clicking
background on the
> "page properties" in the property inspector and it looks
fine but it covers the
> entire page. Is there no way I can size this to about
700 pixels in width using
> the page properties?
>
> Thanks for any help.
> DD
>

Custom SSIS Source: How do I make it create a new connection manager and display its properties window?

I am writing a custom SSIS source that uses a standard SSIS Flat File Connection Manager. I have got a working UI that shows all usable connection managers in a dropdown list and allows the user to pick one. I would like to be able to have a button that
the user can click on to create a new connection manager, and it would open the properties window for the new connection manager so it can be set up.
Abridged code:
Public Class MyNewSourceUI
Implements IDtsComponentUI
Private MetaData As IDTSComponentMetaData100
Public Function Edit(ByVal parentWindow As IWin32Window, _
ByVal variables As Variables, _
ByVal connections As Connections) As Boolean _
Implements Microsoft.SqlServer.Dts.Pipeline.Design.IDtsComponentUI.Edit
Dim UIwin As New MyNewSourcePropertiesWindow(MetaData, connections)
Return (UIwin.ShowDialog() = DialogResult.OK)
End Function
Public Sub Initialize(ByVal dtsComponentMetadata As IDTSComponentMetaData100, _
ByVal serviceProvider As System.IServiceProvider) _
Implements Microsoft.SqlServer.Dts.Pipeline.Design.IDtsComponentUI.Initialize
MetaData = dtsComponentMetadata
End Sub
End Class
Public Class MyNewSourcePropertiesWindow
Inherits System.Windows.Forms.Form
Private _metadata As IDTSComponentMetaData100
Private _cnxions As Connections
Public Sub New(ByVal ComponentMetaData As IDTSComponentMetaData100, ByVal connections As Connections)
InitializeComponent()
_metadata = ComponentMetaData
_cnxions = connections
ShowConnections()
'Setup Existing Metadata '
End Sub
Private Sub ShowConnections()
Me.cboConnection.Items.Clear()
Me.cboConnection.Items.AddRange((
From i As ConnectionManager In _cnxions _
Where CType(i.Properties("CreationName").GetValue(i), String) = "FLATFILE" _
AndAlso CType(i.Properties("Format").GetValue(i), String) = "Delimited" _
Select i.Name).ToArray())
End Sub
Private Sub btnNewConnection_Click(ByVal sender as Object, ByVal e as System.EventArgs) Handles btnNewConnection.Click
Dim newconn As ConnectionManager = _cnxions.Add("FLATFILE")
ShowConnections()
Me.cboConnection.SelectedItem = newconn.Name
End Sub
Private Sub btnCancel_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles btnCancel.Click
Me.DialogResult = DialogResult.Cancel
Me.Close()
End Sub
Private Sub btnOK_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles btnOK.Click
'Store any metadata changes '
Me.DialogResult = DialogResult.OK
Me.Close()
End Sub
End Class
That's what I've got so far. I had assumed that adding a new connection would automatically display the properties window to the user (right?). However, in my tests, what actually happens is that it creates the new source with a random GUID for a name and no
other properties set up, and puts it in the connections pane, and that's it. Not real useful.
Obviously, something else is required to make the properties window appear, but I can't find what it is. There's no ShowUI() member on any of the classes I have, and I haven't been able to find out the name of the UI class that's used by the flat file source.
Does anyone know how this is done? I know it can be done, because such a button exists in the normal Flat File Source UI.

Yes, you need to drive the UI creation. I see you create a custom connection manager, in this case on how to build its UI please refer to http://kzhendev.wordpress.com/2013/08/07/part-2-adding-a-custom-ui-to-the-connection-manager/
Arthur My Blog

Significance of cms.properties and css.xml

Hi All,
Could anyone let me know the importance of cms.properties and css.xml files in detail.
What information do these files convey ?
Thanks.
ColDFiRe

http://forum.java.sun.com/thread.jsp?forum=34&thread=320813

Flash components and the properties inspector

Don't know if any of you have had experience in creating
components that
can have properties set using the properties inspector or
not, but here
we go.
I have several components which all have a 'data' property
that is an
Object in which a developer can store arbitrary data.
I have set this up in the component so that it will display
in the
properties inspector, thusly:
[Inspectable(name="Data")]
private var _data:Object;
Now, it does indeed appear in the inspector, but when I click
on the
field it brings up a box which then doesn't allow me to enter
any data
(see screenshot:
http://www.moloko.f2s.com/filetransfer/componentParams.png)
However, if I right-click on the symbol in the library, go to
Component
Definition, then click on the Data property in the Value
column, it
brings up a box that's a little bit more what I was expecting
in that it
contains the '+' and '-' buttons to allow me to add/delete
data, and
also some up/down arrows to allow me to move the data around
in the list
(see screenshot:
http://www.moloko.f2s.com/filetransfer/componentDefinition.png)
Anyone know what's going on with this? Is this a bug in the
Flash IDE or
am I doing something wrong??
MOLOKO
Macromedia Certified Flash MX 2004 Developer
Macromedia Certified Flash MX Developer
::remove _underwear_ to reply::
'There ain't no devil - it's just God when he's drunk' Tom
Waits
GCM/CS/IT/MC d-- S++:- a- C++ U--- P+ L++ !E W+++$ N++ O? K+
w+++$ !O M+
VMS? PS+++ PE- Y PGP+ t+ 5-- X-- R* tv++ b++++ DI++++ D+ G e
h-- r+ y++

The flashComponents are standard AS2 components, and you can look up their APIs in the Flash documentation. Here is the button docs:
http://help.adobe.com/en_US/AS2LCR/Flash_10.0/help.html?content=00001977.html#3654189
Looking at that, there is a getStyle() method, and I just tested it out:
put sprite(1).getStyle("borderStyle")
-- "inset"
put sprite(1).getStyle("fontFamily")
-- "_sans"
put sprite(1).getStyle("color")
-- 734012.0000
I'm not real sure what that means (probably the hex color converted to a float), but you can change the color like this:
sprite(1).setStyle("color","red")
And here is a page that lists all the styles that are defined:
http://help.adobe.com/en_US/AS2LCR/Flash_10.0/help.html?content=00001973.html#3136306

Missing Align Attribute & HTML in Properties Inspector in CS6

Greetings,
I have a couple of unusual issues. I just went to use Dreamweaver CS6 for the first time and noticed a couple of missing things.
One I cannot see the align attribute to align my image left or right (I just hand coded it for now). Strange?
Secondly is there not a CSS and HTML inspector in the properties panel? I only show one properties panel now.
I tried to upload a screenshot showing the missing inspectors and the missing align attribute but with no success...
Just wondering if anyone has any suggestions?
Thanks!
Martin

The point that I was trying to make is that if it's still used, why get rid of it?
With each new release, modern web browsers move one step closer to realizing full standards compliance. Eventually deprecated code will be ignored by all browsers such that <align> & <center> will have no effect other than throwing errors into the HTML. DW is targeted mainly at web designers who want standards compliant code; not e-mail designers.
Anyhow, so what are these other tools you mention for email?
E-mail Templates that work in all clients
http://mailchimp.com/features/email-template-gallery/
If you have a MailChimp or Constant Contact account, use their on-line visual editor for creating your e-mails.
Ismax Free Online Editor for HTML E-mails
http://ismax.com/htmleditor.html
Nancy O.

Properties Inspector

My layers are not showing properly in Design View of DW8.
They were fine until I copied some code from a website (which I
immediately deleted).
The layers panel is not showing any of my layers (they are
not hidden), and when I click on the layers in Design View the
"handle bars" do not show up. The property inspector shows only the
Div ID box, the class box and the Edit CSS box.
This must be a dreamweaver as opposed to code issue as I have
opened other site pages which are totally unrelated and they are
affected in the same way.
Does anyone have any solutions or know what I am talking
about.
I can send a screen shot which will show what is happening?
Thanks

On Mon, 25 Sep 2006 16:02:54 +0000 (UTC), "efs"
<[email protected]> wrote:
>I'm trying to create a new CSS page and the Links option
(located under appearances) in the Properties Inspector is not
there? What am i doing wrong.
>I'm using MX 2004
You link to the CSS from a web page, there will be no option
when
editing the stylesheet.

Video properties inspector CS4

Hi,
I have FLV video files in my site, and in the properties inspector window on the pages where the videos occur (when I click on the video image), there seem to be some properties missing. When I pull down the additional properties window with the little arrow in the lower right-hand corner, the only properties added to the window are Auto Play and Auto Rewind. The rest is blank. No quality, no frame, nothing that allows me to alter the video file in ways other than Height, Width, and the 'skin'.
According to Adobe there should be several other properties displayed. Am I doing something wrong here?
Thanks!
A

Click the CSS button on the left of the Property Inspector
Ken Ford
Adobe Community Expert Dreamweaver/ColdFusion
Adobe Certified Expert - Dreamweaver CS3
Adobe Certified Expert - ColdFusion 8
Fordwebs, LLC
http://www.fordwebs.com
"Harumbak!" <[email protected]> wrote in
message
news:gdtd09$ohu$[email protected]..
> hi guys,
>
> what's the best reason why they removed the option to
select a font size
> in
> the properties inspector if you have a HTML page open?
Is this because
> Dreamweaver would want people to get things more
organize when assigning
> classes to the elements?
>
> try this.
>
> 1. open a new html document in dreamweaver cs4
> 2. type any text on the body
> 3. highlight the text
> 4. look on the properties inspector. The only options
you have there is
> FORMAT
>

New to Dreamweaver and need help with fomatting font

Hi, I am new to dreamweaver and have been playing with it for a few weeks. I have Dreamweaver CS5.5 and I am making some detailed html templates for my ebay listings. I have created my tables, graphics, and colors but I am having trouble with my font formatting. Everything is looking really good, but there are a few sentences and even just a few phrases that I want to underline but when I add a text decloration and underline, it just underlines the whole area of sentenses not the specific one that I highlited. I know how to create a h1, h2, h3 etc code and add underline to it, but I don't want to have to format a h1 or h2 tag everything I want to format a little line. The reason I have been doing this is because It really is one of the only ways I have been able to figure out how to underline something. I watched some tutorials which is how I learned this. I figured out in the properties Panel on bottom of page to click on the CSS rule to create certain codes and such, but I am not sure how to do this. I tried one thing which was where it says target rule, I clicked new CSS Rule and then in then in the CSS Styles Panel on right side of screen I selected add property which I was then able to do a text decloration and underline, but it underlines many more sentenses than I am wanting or have selected. Please help so I am able to specifically choose how to underline just a word or two, and even to have just a word or two specifiaclly be a certain font, size or color. I am able to find ways to make this work on words as a whole, but not individual words or phrases.
Thanks for any help its really appreciated!
Rylan

Bear in mind that an underlined word or phrase on the web means a clickable link to most people.
So, if you want to draw attention to something on screen, use anything (font size, color etc) except for an underline.
text-decoration: underline; is only used in CSS for styling clickable links. Not for regular text.
One option is to use the HTML <span> tag combined with CSS.
CSS
.important {
font-size: 14px;
color: red;
<p>This sentence contains a really <span class="important">important</span> word</p>

New properties inspector and CSS...

Similar Messages

Maybe you are looking for