RSSAll Entries Tagged With: "DHTML"

Easy steps to create a drop down box in Microsoft Expression Web

Easy steps to create a drop down box in Microsoft Expression Web

A drop down box can be created as a form object. But when you want it to be independent, without a form, you could do it with a ‘Jump Menu’. Here is how to create a jump menu, follow these steps: Go to the Behaviors task pane, which should be visible besides the Apply and [...]

Universal Selector in CSS2

Universal Selector in CSS2

CSS2 had introduced a new selector, the universal selector to match any element in your page. The selector is indicated as an asterisk ‘*’. The universal selector could be used to list every element in your page. For example, * {font-size: 12px} This declaration would set the font size of all the elements used in [...]

Element Selectors in CSS

Element Selectors in CSS

Why is CSS preferred by all the designers? Well that is because of its ability to separate presentation from the content and most importantly its power to edit the document style by changing a single line of code. Don’t believe me? Find it yourself! An element selector is an HTML element. There are other types [...]

Create scrollable area using CSS in Microsoft Expression Web 2

Create scrollable area using CSS in Microsoft Expression Web 2

A scrollable area is where content can be presented and can be scrolled through. When you have a lot of content to be presented in a particular section, it is beneficial to add a scrollable area, without occupying much space on the page and keeping it organized. You can always add a textarea or use [...]

Separate your content with horizontal rules in Microsoft Expression Web 2

Separate your content with horizontal rules in Microsoft Expression Web 2

A Horizontal rule or line can be used to divide or separate your content and organize it well. IT could be used to separate pieces of text or images. To get an idea of how a horizontal rule would look, take a look at this image: To add a Horizontal rule (<hr> tag in HTML), [...]

Float an image and wrap text around it in Microsoft Expression Web

Float an image and wrap text around it in Microsoft Expression Web

CSS property float is used to position (float) a block level element within another element. You can float block level elements like divisions <div>, paragraphs <p>, images <img /> and lists <ul> to left or right of the page. Float is widely used to align image and wrap text around it in a same container. [...]

Difference between 'em' and 'ex' units

Difference between 'em' and 'ex' units

‘em’ and ‘ex’ units are both relative units; viz. they are measured in relation to other values. In CSS, one ‘em’ is defined to be the value of font-size of a given element. For example, if the font-size of a paragraph element is 12 pixels then 1em = 12 px. But as I already mentioned [...]

Using z-index property to stack layers in Microsoft Expression Web 2

Using z-index property to stack layers in Microsoft Expression Web 2

What makes Layers so popular is their ability to overlap each other and create certain effects. You can have images and text that could be placed over each other.  The z-index property is used to set the stack order of an element. So an element with a greater stack order (higher z-index value) is always [...]

What’s on the status bar of Microsoft Expression Web 2?

What’s on the status bar of Microsoft Expression Web 2?

The Expression Web 2 status bar displays information about your current editing modes like visual aids mode, Style Application mode, Rendering mode and Page size mode along with some information about the file your are working with such as file size, HTML and CSS Schema. To view status bar, go to Tools > Application Options [...]

Rearrange commands on toolbars and menu in Microsoft Expression Web 2

Rearrange commands on toolbars and menu in Microsoft Expression Web 2

Rearrange Commands tool lets you do all possible actions to customize your toolbars and menus the way you want them. You can rearrange the commands on the toolbar to: ·         Add, remove, reorder the commands on the menu bar and toolbar. ·         Modify the name, image and keyboard shortcut associated with a menu command or [...]