All Entries Tagged With: "css"
Classification of elements in CSS
A document is structured by it elements. The HTML elements that we commonly know are p, div, table, headings, span and many more. In CSS (2.1) each element has its own box that contains the element’s content. Hence these elements are broadly classified as: Replaced and Non-replaced elements Block-level and Inline elements This classification is [...]
Unitless Line Heights in CSS
One of my fellow designers asked me the other day, what are unitless line-heights and how do they work. And I remembered what Eric Meyer’s post on ‘Unitless line-heights’. I was new to designing then and used the old methods of specifying line height in pixels or percentages. Well that was until I came across [...]
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 [...]
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
‘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
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?
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 [...]
What is Incremental Search in Microsoft Expression Web 2
Incremental search is a user interface interaction method to progressively search for and filter through text. In Expression Web, Incremental Search, searches the text as you type, and as soon as a match is found it immediately presents it to you. Incremental Search gives you an advantage, to stop short of typing the entire word [...]
Quick Tag Editor Tool in Microsoft Expression Web 2
The Quick Tag Editor enables you to quickly add, modify or wrap a set of tags around other tag or set of tags while working in Design view or Code view of a web page. You also have access to IntelliSense in Quick Tag Editor. To access Quick Tag Editor: 1. Switch to Design or [...]
Set Document Type Information in Microsoft Expression Web 2
DocType describes a Document Type Definition (DTD).The DocType declaration in your web pages let the browsers determine which version of HTML, the pages use. It also determines the schema the Expression Web uses to drive the incompatibility notifications and IntelliSense for HTML and script. If the DocType declaration is missing in your page then Expression [...]
