Tip: Expression Web – who added all these inline styles?

If you’ve been pleasently surprised at how good Expression Web is at forming clean consise CSS code you’ll no doubt have been disappointed by the sudden appearance of inline styles when you resize or drag elements on the page. This seems to go against everything that is great with the quality of the CSS in the product.

Well fear not… Expression Web has two modes of operation, Automatic and Manual.

Automatic adds inline styles by default as you can see from the sceen shot below, although happily these can quickly and easily be moved to an external style sheet.

Manual – well as it’s name implies you are now in total control over every aspect of your CSS – nice. This can be found under ‘Tools -> Page Editor Options’

Simply decide how you’d like your CSS to be treated by using the drop down menus. 


3 Responses to “Tip: Expression Web – who added all these inline styles?”

  1. November 29, 2006 at 11:36 pm

    By being automatic, one can do things like highlight a specific piece of text within a paragraph and then have EW make up a span for you. (example – two words of a para NEED TO BE BOLD AND RED, YOU SIMPLY HIGHLIGHT THE TWO WORDS, MAKE THEM BOLD AND RED) it is then possible to drag that code from internal, (which auto would create) to an external style sheet which is what we should all aspire to anyway. If you are working with an external style sheet then you are doing it right. If you have style1/2/3/4/5/6/7/8/9/10 and so on you perhaps want to rethink your method.

  2. December 7, 2006 at 5:14 pm

    Good point Jim. For anyone considering using Expression Web, or if you’ve already downloaded the trail I suggest you pop over to Jim’s http://www.expression-web-designer-help.com site and join the community over there. You’ll pick up all the latest tips and tricks on Expression Web and some good solid advice around the use of CSS. Great site Jim look forward to seeing how it evolves over the coming months 🙂

  3. December 13, 2006 at 11:16 pm

    Thats very kind of you thanks very much

Leave a Reply

Please log in using one of these methods to post your comment:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s

%d bloggers like this: