Heading

H1 Heading

Lid est laborum et dolorum fuga. Et harum quidem rerum facilis est et expeditasi distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihilse impedit quo minus id quod amets untra dolor amet sad. Sed ut perspser iciatis unde omnis iste natus error sit voluptatem accusantium doloremque laste. Dolores sadips ipsums amet fugiats.


H2 Heading

A common layout is to make the column containing the main content of the page autostretch, which automatically sets all the other columns to fixed width. For example, suppose your layout has a wide image on the left side of the page and a column of text on the right. You might set the left column to a fixed width and make the sidebar area autostretch.


H3 Heading

When you make a column autostretch, Dreamweaver inserts spacer images in the fixed width columns to ensure that those columns stay as wide as they should be, unless you specify that no spacer image should be used. A spacer image is a transparent image, used to control spacing, that is not visible in the browser window.


H4 Heading

Change automatically depending on the browser window’s width. If your layout includes an autostretch column, the layout always fills the entire width of the visitor’s browser window. You can make only one column in a given layout table autostretch. An autostretch column displays a wavy line in the column width area.


H5 Heading

Dreamweaver automatically adds spacer images when you set a column to autostretch, unless you specify that no spacer image should be used. You can manually insert and remove spacer images in each column if you prefer. Columns that contain spacer images have a double bar where the column width appears.


H6 Heading

A spacer image (also known as a spacer GIF) is a transparent image that’s used to control spacing in autostretch tables. A spacer image consists of a single-pixel transparent GIF image, stretched out to be a specified number of pixels wide. A browser can’t draw a table column narrower than the widest image contained in a cell in that column, so placing a spacer image in a table column requires browsers to keep the column at least as wide as the image.



Image Aligments

Image Align Left

When Dreamweaver automatically creates a layout table, the table initially appears to fill the entire Design view, even if you change the size of your Document window. This full-window default layout table allows you to draw layout cells anywhere in Design view. You can set the table to a specific size by clicking the table border, then dragging the table’s resize handles.

Image Align Right

You can also create a nested table by drawing a layout table inside another layout table. The cells inside a nested table are isolated from changes made to the outer table; for example, when you change the size of a row or column in the outer table, the cells in the inner table don’t change size.


Highlights

When you draw a layout cell that isn’t inside a layout table, Dreamweaver automatically creates a layout table as a container for the cell. A layout cell cannot exist outside of a layout table. Nullam quis tincidunt lacus. Ut molestie ligula vel arcu aliquam sed facilisis elit molestie. Duis pretium faucibus erat eu iaculis. Donec luctus, ipsum nec feugiat convallis, nulla urna vehicula mi, non imperdiet enim justo a erat.

Lid est laborum et dolorum fuga. Et harum quidem rerum facilis est et expeditasi distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihilseimpedit quo minus id quod amets When you move the pointer over a layout cell, Dreamweaver highlights it. You can enable or disable highlighting or change the highlight color in preferences.

Blockquotes

Pellentesque molestie dignissim dui, vitae tempus nunc iaculis eget. Sed mi sem, ullamcorper id mattis vel, vulputate eget ligula. Suspendisse a libero ligula, vel condimentum magna. Aliquam sed velit cursus velit vestibulum fringilla sit amet ut nibh. Nullam suscipit condimentum mattis.