?
Solved

Alignment of text in Dreamweaver CS4 using the properties panel icons

Posted on 2008-11-07
7
Medium Priority
?
2,430 Views
Last Modified: 2013-11-12
I have always been able to click on the "align" icons on the properties bar and move a paragraph to either left, center, etc without any other paragraph statements moving. On CS3 it was one properties bar. My basic template is 1 column liquid centered. Or I could just click on one of the align options and start a new paragraph in any of the align locations. Now, if I do that, all the paragraphs move. I have tried to apply different CSS rules, but it doesn't seem to matter. Do I need to setup a special rule in my code section? In past versions, I wasn't faced with this problem.

If I work in the html section of the properties bar, I can align paragraphs or start paragraphs from any of the align locations using the format>align command on the tool bar or the shortcut keys.

Shouldn't I be able to do the same using the CSS part of the properties panel and the alignment icons on it?

I am using Vista Ultimate 32-bit.
0
Comment
Question by:singleton
  • 4
  • 3
7 Comments
 
LVL 70

Expert Comment

by:Jason C. Levine
ID: 22909691
Hi singleton,

When you hit the align button in DW, is it affecting the HTML or is it creating CSS styles?
0
 
LVL 11

Author Comment

by:singleton
ID: 22910508
In CS3 HTML and CSS were together it changed the html, like:
<p align="center">line 1</p>
<p align="right">line 2</p>
<p align="left">line 3</p>

In CS4
Picture0001.png
0
 
LVL 11

Author Comment

by:singleton
ID: 22910530
In CS3 HTML and CSS were together it changed the html, like:
<p align="center">line 1</p>
<p align="right">line 2</p>
<p align="left">line 3</p>

In CS4 we can make the same changes from the dropdown menu in html mode, but when in css where we can see the align buttons it pops up a css rule like the above, and whatever you select affects all paragraphs
Picture0002.png
Picture0001.png
0
Get free NFR key for Veeam Availability Suite 9.5

Veeam is happy to provide a free NFR license (1 year, 2 sockets) to all certified IT Pros. The license allows for the non-production use of Veeam Availability Suite v9.5 in your home lab, without any feature limitations. It works for both VMware and Hyper-V environments

 
LVL 70

Expert Comment

by:Jason C. Levine
ID: 22911222
Okay.

>> In CS3 HTML and CSS were together it changed the html, like:
>> <p align="center">line 1</p>

That's not CSS, that's pure HTML :)  You probably had the Use CSS Instead of HTML box unset in CS3 preferences...

The Properties Panel has changed a bit oin CS4.  If you are seeing the alignment buttons, you are in the CSS mode of the Panel and thus using those buttons will send you to the CSS windows you see above.

The correct way to align a single element in CS4 is to right click it in design view and select Align from the context menu.  That writes the HTML align attribute.  Remember that align= is now officially deprecated.  The preferred method would be to create a class to handle the alignment and apply it as needed.
0
 
LVL 11

Author Comment

by:singleton
ID: 22911769
How in DW do you create a class, and then how do you apply that class to text. Ditto for IDs.

For example I would assume I should have

p#left { text-align: left; }
p#center { text-align: center; }

and in the html
<p id="center">
<p id="left">

or

p.left { text-align: left; }
p.center { text-align: center; }

and in the html
<p class="center">
<p class="left">

But how do I tell DW that this paragraph is supposed to be one of the centered ones, while this one is left flush, and most are justified.
0
 
LVL 70

Accepted Solution

by:
Jason C. Levine earned 2000 total points
ID: 22914544
>> p#left { text-align: left; }
>> p#center { text-align: center; }

No, these are IDs and can only be used once per document.

>> .goleft { text-align: left; }
>> .gocenter { text-align: center; }

These are classes (I changed the identifier). Use would be:

<p class="gocenter">
<p class="goleft">

>> But how do I tell DW that this paragraph is supposed to be one of the centered ones, while this one is left
>> flush, and most are justified.

Select the paragraph and apply the class via the CSS properties panel.
0
 
LVL 11

Author Closing Comment

by:singleton
ID: 31514580
The problem is in CS3 the icons used to be on a combined html/css menu and they worked to modify the html for that particular instance.

In CS4 they split html and css menus and the icons are only on the css properties screen, and they affect the global css settings.

In effect they are forcing true CSS usage on people, but not saying they did that.

But I might as well close this out, since there really is no solution to it
0

Featured Post

Free Tool: IP Lookup

Get more info about an IP address or domain name, such as organization, abuse contacts and geolocation.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Adobe Dreamweaver CS5 is a WYSIWYG web page editor that has advanced HTML, CSS, and Javascript rendering functionality and is probably the most well-known HTML editor available. Much of Dreamweaver's appeal centers around the Design View interfac…
When setting up new project requests for our site, one of the most powerful tools our team has available to use is Axure (http://www.axure.com/). It’s a tool for creating software and web prototypes that can function and interact as if it were the a…
The purpose of this video is to demonstrate how to make a WordPress Site faster and smaller in size by cleaning up the database. This will be demonstrated using a Windows 8 PC. Plugin WP Optimize will be used. Go to your WordPress login page. T…
The purpose of this video is to demonstrate how to add AdSense Ads to a WordPress Website, and how to set up WordPress to automatically place Ads in Sidebars. This will be demonstrated using a Windows 8 PC. Log into your AdSense account. : Cli…
Suggested Courses

862 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question