-
1. Re: Missing Align Attribute & HTML in Properties Inspector in CS6
John Waller May 14, 2012 6:01 PM (in response to Snarky7D) -
2. Re: Missing Align Attribute & HTML in Properties Inspector in CS6
Snarky7D May 14, 2012 6:12 PM (in response to John Waller) -
3. Re: Missing Align Attribute & HTML in Properties Inspector in CS6
John Waller May 14, 2012 6:39 PM (in response to Snarky7D)1 person found this helpfulAlignment (and other formatting) is all set via CSS.
You cannot see the CSS/HTML buttons because you've selected an image.
Click anywhere inside the document where there's plain text and the PI will change to give you the HTML/CSS buttons.
-
4. Re: Missing Align Attribute & HTML in Properties Inspector in CS6
Snarky7D May 14, 2012 7:58 PM (in response to John Waller)Hi John,
Thank you for your reply. You are absolutely correct. Click off the image and the HTML/CSS tab is there.
However, that still does not help with the Img attribute. as you can see from the screenshot, I do not have any alignment option.
Any ideas what is happening there?
Thanks,
Martin
-
5. Re: Missing Align Attribute & HTML in Properties Inspector in CS6
John Waller May 14, 2012 8:07 PM (in response to Snarky7D)Alignment (and other formatting) is all set via CSS in modern web design.
The alignment button in previous versions used deprecated HTML attributes to set alignment e.g. <img align="left">
In modern web design, you create a re-usable CSS class e.g. .left { align: left; } then apply that class to the <img> tag.
So you get <img class="left">.
Different, more efficient, method. Same result.
-
6. Re: Missing Align Attribute & HTML in Properties Inspector in CS6
Snarky7D May 15, 2012 9:07 AM (in response to John Waller)Thank you for clarifying that this deprecated feature had been removed!
Much appreciated!
-
7. Re: Missing Align Attribute & HTML in Properties Inspector in CS6
C5 Alan May 30, 2012 12:05 AM (in response to John Waller)I assumed defining a class was the solution as confirmed by your answer. However, it is not working for me. If I manually add:
align="left"
to the html the text properly starts at the top of the image and wraps around it. If I select the image and apply a class to the image the text remains at the bottom of the image and does not wrap around it.
Here is the class:
.align_left { align:left; }
Here is the Dreamweaver html for the image using the class:
<img src="Media/acbllogo.gif" alt="acbl logo" name="acbllogo" width="100" height="100" class="align_left" id="acbllogo" />
Dreamweaver for Mac. Dreamweaver, Safari and Firefox all render the same.
Thanks for any suggestions.
-
8. Re: Missing Align Attribute & HTML in Properties Inspector in CS6
John Waller May 30, 2012 12:40 AM (in response to C5 Alan)C5 Alan wrote:
Here is the class:
.align_left { align:left; }
There is no align attribute in CSS (inside the curly braces).
Use
.align_left { float: left; }
-
9. Re: Missing Align Attribute & HTML in Properties Inspector in CS6
osgood_ May 30, 2012 12:42 AM (in response to C5 Alan)If you want text to wrap around the image then you should be floating the image, not aligning it left or right.
.float_left { float: left; }
Then attach the class to the image:
<img src="Media/acbllogo.gif" alt="acbl logo" name="acbllogo" width="100" height="100" class="float_left" id="acbllogo" />
To add some space between the image and the text add some right margin:
.float_left {
float: left;
margin-right: 15px;
}
-
10. Re: Missing Align Attribute & HTML in Properties Inspector in CS6
C5 Alan May 30, 2012 1:19 AM (in response to osgood_)Thanks, John and Osgood. That solved the problem.
(slowly trying to learn modern CSS as part of a conversion from GoLive to Dreamweaver CS6)
-
11. Re: Missing Align Attribute & HTML in Properties Inspector in CS6
C5 Alan May 31, 2012 6:54 PM (in response to osgood_)I hope you won't mind me asking a question since you were kind enough to answer my last one:
I was hoping that there would be an easy way to structure web pages by using containers and sub container. For example, a page could start with one container and that container could have some text and then be split into two other containers and each of those could be split into more containers where desired.
This would be easy if containers could be specified as a percentage of their parent but but this doesn't seem to be the case. I found one website that claimed that containers could use a percentage width if the parent container had an absolute width but that does not appear to work.
Is there some way to nest containers inside other containers without having to specify the absolute width of each container?
Thanks.
Alan
-
12. Re: Missing Align Attribute & HTML in Properties Inspector in CS6
John Waller May 31, 2012 6:57 PM (in response to C5 Alan)Since it's a brand new topic, I recommend you start a new thread (discussion).
This one is marked as closed so few people will visit it again and a fresh discussion in the same thread muddies this one for those reading the forum archives later.
-
13. Re: Missing Align Attribute & HTML in Properties Inspector in CS6
erickbrian Jun 27, 2012 4:42 PM (in response to John Waller)GREAT!!!
SO WHAT ABOUT HTML EMAILS? This doesn't help. There's no CSS in HTML EMAILS!!!
Seems like a stupid reason to remove a feature built into HTML, not like it was removed world wide from all the browsers.
I'm finding tons of problems in CS6 lately, how freaking annoying! Adobe, plz step up your game!
*I'll also add that image alignment attributes are useful and still used in wysiwyg editors, used to insert images into copy.
-
14. Re: Missing Align Attribute & HTML in Properties Inspector in CS6
Nancy OShea Jun 27, 2012 5:14 PM (in response to erickbrian)There's no CSS in HTML EMAILS!!!
Sure there is. But it's inline or inside the <body> tags.
http://alt-web.com/Articles/HTML-Emails.shtml
Align has been deprecated since HTML4. If it's deprecated, you won't find it in CS6 which endeavors to produce web standards compliant code.
If all you're doing is HTML e-mails, I can think of a few other tools that might be a better fit for you.
* An unfair comparison. Dreamweaver is not and never has been a WYSIWYG editor.
Nancy O.
-
15. Re: Missing Align Attribute & HTML in Properties Inspector in CS6
erickbrian Jun 27, 2012 6:03 PM (in response to Nancy OShea)Deprecated, understood. But css isn't completely supported nor a standard in email clients, both desktop and web based. Yes, we use inline styles, but valign and float isn't something supported by all clients. Also, many clients tend to change current code and also implement their own code to highlight links.
The point that I was trying to make is that if it's still used, why get rid of it?
* My reference to wysiwyg editors: http://lifehacker.com/5580489/best-wysiwyg-editor-adobe-dreamweaver - of course I haven't used design mode for the past 8 years, but the n00bs I'm training at work sometimes do.
Anyhow, so what are these other tools you mention for email? Are they specifically used for emails and are they useful? (I still use dreamweaver for many other markup languages.)
BTW, being an Adobe forum, I found it funny you're recommending another tool!
Thanks for your input though! (cs6 is still annoying the crap out of me...bug city!)
-
16. Re: Missing Align Attribute & HTML in Properties Inspector in CS6
Nancy OShea Jun 28, 2012 9:59 AM (in response to erickbrian)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.
-
17. Re: Missing Align Attribute & HTML in Properties Inspector in CS6
kirkdickinson Jul 4, 2012 12:31 PM (in response to Nancy OShea)It would be nice if the option was there to turn on that stuff. I frequently do email html and use old html for that. If in the properties, you could specify which level of html your target was and be able to use old tags if you wanted to.
How soon do you think browsers are going to stop understanding what img align="right" is? Bet it is going to be a long time.
-
18. Re: Missing Align Attribute & HTML in Properties Inspector in CS6
Nancy OShea Jul 4, 2012 1:31 PM (in response to kirkdickinson)If deprecated code floats your boat, there's nothing preventing you from applying it in Code View.
Keep in mind that browsers continually issue new releases while e-mail clients like Outlook and Windows Mail remain basically the same. What works in one may not necessarily work well in the other.
Nancy O.
-
19. Re: Missing Align Attribute & HTML in Properties Inspector in CS6
ChickenMusket Aug 12, 2012 12:22 AM (in response to Snarky7D)Hi. If you right click the picture (or whatever you do on a Mac), align is in the context menu. I was looking for it in the properties bar, also. Not there.
-
20. Re: Missing Align Attribute & HTML in Properties Inspector in CS6
sheryltoo Feb 2, 2013 1:40 PM (in response to John Waller)I am new to Dreamweaver. I just bought CS6 and I'm trying to center an image in a div on the left side of my page. My page is set up with multiple background layers and a left navigation column and then the right side is the main context of the page. Instead of using something like a horizontal line in my navigation area, I have a small border type design that I want centered in this column. I understand how I can place the image to the right or left but how do you center it?
I tried creating a class called .center but there's no options for centering something except for text. I did try using align center for text but that didn't work.I'm basically a novice with all of this so any help would be greatly appreciated.
-
21. Re: Missing Align Attribute & HTML in Properties Inspector in CS6
John Waller Feb 2, 2013 1:57 PM (in response to sheryltoo)Start a new discussion in the forum.
-
22. Re: Missing Align Attribute & HTML in Properties Inspector in CS6
johnef Feb 12, 2013 5:27 AM (in response to John Waller)OK you are talking about left and right and center align with CSS bit what about this and how I can do it in css please. (align="absmiddle")
-
23. Re: Missing Align Attribute & HTML in Properties Inspector in CS6
Nancy OShea Feb 12, 2013 10:05 AM (in response to johnef)It really depends on the context in which it is used. Try the CSS vertical-align property.
<!DOCTYPE html> <html> <head> <style> img.middle {vertical-align:middle} </style> </head> <body> <p>An <img class="middle" src="your_image.jpg" alt="#" width="270" height="50"> image with a middle alignment.</p> </body> </html>
Nancy O.