Clear search
Close search
Google apps
Main menu

Creating a one-pixel border for ads

Publishers often require ads to have a one-pixel contrasting border. The width and height values of elements in Google Web Designer represent CSS values, and CSS borders are displayed on the outside of an element. To make the borders work correctly, you will need to draw your border div slightly smaller than the banner size so the borders can be seen.

To create a one-pixel border for your ad:

  1. Select the tag tool from the tools panel and click the div element icon  from the tool options panel.
  2. Draw a rectangle from the top right of the page (position 0,0) to the bottom of the page so that the div is the same size as your page. (Use snapping to make fitting the div to the page easy).
  3. While the div is still selected, reduce the width and height values in the "Position and size" section of the Properties panel by two pixels each. For example, if your banner is 320 x 50, the div should be 318 x 48.
  4. In the "Style" section of the Properties panel, make sure the border color contrasts with the ad's background color, and that the border size is set to 1 pixel.
Was this article helpful?
How can we improve it?