Visual InterDev

Advanced Tab (CSS Editor Window)

See Also      Tasks

Use this tab to set the visible portions of an element and the position and z-order of elements, as well as how element content is displayed. For more information, see Positioning and CSS Attributes Reference.

Note   The CSS Editor allows you to modify HTML tags supported by Microsoft® Internet Explorer version 4.0 or later. HTML tags not supported by Internet Explorer will be converted to UNKNOWN when you save the .css file. For more information, see HTML References.

Options

Positioning

By default, elements are positioned based on the order they appear in the HTML source. These following options allow you to specify specific coordinates for elements that will override their placement based on the order in the source.

Type

Select to set the position of the element on the page. Choose from Static, Absolute, or Relative. To position an element irrespective of the layout of the surrounding elements, choose Absolute. If another element already occupies the coordinates you entered in the Top and Left options, the elements will overlap. Use the Z-order option below to specify the stacking order of the elements on the page. To position an element with respect to the preceding content on the page, choose Relative.

Note   An absolutely positioned element is always relative to either the next positioned parent or, if there isn't one, the <BODY> tag by default. Values for the left and top options are relative to the upper-left corner of the next positioned element in the hierarchy.

Placement

Select to specify whether or not text flows around the object. Choose from Do not float, Float on left, or Float on right.

Top

Select to specify the position of the element relative to the top of the document. Top accepts negative values. Select a unit of measurement from the drop-down list.

Left

Select to specify the position of the element relative to the left of the document. Left accepts negative values. Select a unit of measure from the drop-down list.

Clipping rectangle

Select to specify the visible portions of positioned elements. Portions of the element outside of the clipped area are transparent. Use this option with the Overflow option to create scrollable elements on your pages. You must select Absolute in the Type option above to set this option.

Top

Select to specify the top portion of the element visible on the page.

Bottom

Select to specify the bottom portion of the element visible on the page.

Left

Select to specify the left portion of the element visible on the page.

Right

Select to specify the right portion of the element visible on the page.

Do not display or take up space

Select to set whether the element is visible and has space reserved for the element on the screen.

Visibility

Select to set whether the content of a positioned element is visible.

Z-order

Select to specify the stacking order of the positioned element if the element's position overlaps with another element.

Overflow

Select to determine how to handle the content of a positioned element if the content exceeds the height and width of the element. To make content overflow accessible by scroll bars, choose Scroll. To display only the content that fits into the height and width of the element, choose Hidden. To display all of the content of the element and to disregard the height and width settings for the element, choose Visible.

Clear space on

Left

Select to set whether an element allows floating elements, such as images, to the left of the element. If checked, the element would then appear below floating elements on the left.

Right

Select to set whether an element allows floating elements, such as images, to the right of the element. If checked, the element would then appear above floating elements on the right.