How to add buttons on both sides of banner in Dreamweaver

This article is about how to add buttons on both sides of banner in Dreamweaver. The editor thinks it is very practical, so share it with you as a reference and follow the editor to have a look.

Banner images in Dreamweaver pages need to be switched. We can add buttons to switch images. Method of operation:

1. Prepare a piece of banner material, as shown in the picture, and put it in img Photo Gallery.

2. Open the Dreamweaver software, create a new html file for ctrl+n and save it.

3. Establish a content build content box in body and set the class name

Include a picture and two arrow keys in a large box, and finally position the left and right to the left and right.

4. Add the style tag under head, and set the width and height attribute value for banner:

.banner {width:1200px;height:300px;margin:0 auto;overflow:hidden;}. Banner img {width:100%;}

5. Set the relative positioning of the large frame banner, set the absolute positioning of the left button, and set the position.

.bt _ left {position:absolute;top:50%;left:20px;}

6. Set the absolute positioning for the right button and set the position

.bt _ right {position:absolute;top:50%;right:20px;}

Thank you for reading! This is the end of this article on "how to add buttons on both sides of banner in Dreamweaver". I hope the above content can be of some help to you, so that you can learn more knowledge. if you think the article is good, you can share it out for more people to see!