Archive for January, 2009
Can I control the way Expression Web 2 adds and manages styles for me?
If you ask this question every time you create a new style, then you are at the right place. Expression Web helps you to create short and snappy CSS rules, automatically and but adds one style as inline and another as a class. Why? Do not worry. I will tell you how it works and [...]
Set Text Spacing in Microsoft Expression Web 2
Spacing can be set between characters, words, lines and paragraphs. The Font dialog box contains text space settings for characters and words; whereas the Paragraph dialog box lets you adjust the space between lines and paragraphs. To set spacing between characters: 1. In Design, Split or Code view; select the piece of text you want [...]
Modify Code and Design View Settings in Microsoft Expression Web
Microsoft Expression Web has default display settings for its views; viz. Code view and Design view. Code view settings include colors and font style for the entire markup. Similarly it has specific color settings for the entire page layout in its Design view. But you can change these default settings. Go to Tools > Page [...]
Generate CSS Reports in Microsoft Expression Web 2
Microsoft Expression Web has this interesting feature of generating CSS Usage and Error reports that list the types of styles in use, styles that are defined but not used, or list of style errors. You can generate such reports for individual web pages, entire web site or for specific styles. Let us see how to [...]
Add Margins and Padding to page elements in Easy steps with Microsoft Expression Web 2
We have been writing CSS rules to set margins and padding to page elements and then previewing them in the browser to check if that looks fine. But with Microsoft Expression Web set your margins and padding in easy steps and preview it right away. Here is how you can do that. 1. Switch to [...]
How to use Border variations with Microsoft Expression Web 2
The best way to create HTML borders is by using CSS. But there are a variety of properties and different borders to choose from. So to define a border by writing a CSS code you will have to do the following. For example: <div style=” width: 100px; height: 20px; text-align: center; border: 8px double #888;“> [...]
Use Microsoft Expression Web to fix your Page Footer at the bottom
If you want the footer to be positioned to the bottom of your page, even while you scroll up and down the page, here is how you can do that in Expression Web 2. 1. Add the footer div after your main container div. See example below: <body> <!–Main container for the page begins [...]
Center align div elements in Microsoft Expression Web
Div based layouts and table based layouts are the popularly used layout web pages. Though each layout has its own set advantages and disadvantages, designers now prefer div based CSS layouts. Aligning a table was a line of code, but aligning divs is not the same. In earlier versions of HTML and CSS you could [...]
Change color on mouse hover in Microsoft Expression Web
To change the background color and font color of a div on mouse hover, use this CSS code. <style type=”text/css” > .title_div{ background-color:black; color:white; } .title_div:hover{ background-color:green; color:black; } </style> <body> <div class=” title_div”> On mouse over div becomes green and text turns black. </div> </body> [...]
