How to Make Objects Touch in Dreamweaver
Adobe Dreamweaver CS5 provides a set of tools and features that allow you to customize all aspects of your pages, including the layout of table elements and their position in relationship to one another. For example, by modifying a CSS property, you can make objects touch one another. The ability to make this adjustment can help you when you are attempting to obtain a specific look for your page, or if you have a limited amount of room and need to maximize space.
Other People Are Reading
Instructions
-
-
1
Launch Adobe Dreamweaver CS5.
-
2
Click "File" at the top of the window, click "Open," and then double-click the file containing the elements that you want to touch one another.
-
-
3
Click "File," click "Open," and then double-click the CSS style sheet for the page you just opened. If your CSS properties are contained on the web page itself, you will not have a CSS style sheet to open.
-
4
Click the "Code" button at the top-left corner of the window.
-
5
Navigate to the table containing the objects that you want to touch one another, and then note the CSS style for the table.
-
6
Browse to that CSS style on your Web page or your CSS style sheet.
-
7
Type "border-collapse: collapse;" within the CSS style name for your table. For example, if your table style name was ".style123," the entire code for the table might look like
.style123 {
border-collapse: collapse;
} -
8
Click the "Live View" button at the top of the window to see how your page elements look when they are touching each other.
-
9
Click "File" at the top of the window, and then click "Save" to save your changes.
-
1
Tips & Warnings
Adjusting the border collapse element will affect the layout of other items on the page as well. After making changes to the elements that you want to touch one another, check the rest of your page to ensure that these changes had no adverse effects.
