The problem of adding vertical line in Dreamweaver

dreamweaver| problem

Web page production often used to 1 pixels high or wide thin line to decorate, you can make the layout of the page more clear, the overall more beautiful. Because you have been accustomed to using Dreamweaver to edit the Web page, so in reading "Cleverly in FrontPage to add a vertical line" after the article, I use the text of method two, in the Dreamweaver to add a vertical line to the Web page.

According to the method two described in the article, the author inserts a table in the Dreamweaver, sets the cell padding and spacing to 0, the table width is 1 pixels, and sets the background color to blue. Confirm that the settings are correct, press F12 preview, but the Web page did not appear as a vertical thin line (see Figure 1). Clearly made the correct setting but can not achieve vertical thin line, really depressed!

Figure 1

What's the reason? So I opened the Dreamweaver Source Code window, after careful observation, found that the set to 1 pixel wide cell has a "" tag (Figure 2), this tag is an escape character in HTML, in the browser output to a space. Found this mark, I finally realized that this is the mark in trouble! Then delete this tag, open the page again, the vertical thin bar finally succeeded in setting!

Figure 2

Inserting a table in Dreamweaver automatically adds a "" tag to each cell, because it makes a cell that is set to 1 pixels wide more space when it is displayed in the browser and braces the cell.

In addition, the "artful" method uses the

statement to insert a vertical line, I think there is something wrong, because the statement inserted vertical line up and down will be left blank, and can not at any time to meet their needs, so I suggest that as far as possible using the method of inserting a table to achieve.