In the following figure, the background image is 45 pixels high, 800 pixels wide, and only 6KB in size. When
the browser window is set at 640 x 480 or 800 x 600, the image is tiled down the page to create the vertical
column effect. You could just as easily create an image 1,000 pixels high by 40 pixels wide to create a horizontal
column.
If you are using Cascading Style Sheets to implement your background image, you can control whether the
image tiles horizontally, vertically, in both directions, or not at all.
Dividing the Web Page with Horizontal Rules
HTML includes a standard horizontal cline that can divide your Web page into specific sections. The horizontal
rule tag,
, is a good tool for adding a little diversion to your page without adding download
time. You can control the width (either absolutely or relative to the browser window), the height, the alignment,
and the shading property of the rule. These horizontal rules appear on a line by themselves; you cannot
place text or images on the same line as a horizontal rule.
To insert a horizontal rule in your Web page in Dreamweaver, follow these steps:
1. Place your cursor where you want the horizontal rule to appear.
2. From the Common category of the Insert bar, click the Horizontal Rule button or choose Insert ???
HTML ??? Horizontal Rule.
Pages:
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671