Banner ad borders/"picture frames" - How are they created?

Jaiem's picture

They have: 1,191 posts

Joined: Apr 1999

I've noticed on many sites the banner ads are surrounded by a border graphic. That is, the banner add appears with in some sort of outline or "picture frame" graphic.

How is such a "picture frame" border created?
How is the HTML coded to put the banner ad inside the border?

Thanks.

----------
Original Artwork...Professionally Tied Saltwater Flies...Unique Books, Gifts and More!
ArtsNFlies.com

Ken Elliott's picture

They have: 358 posts

Joined: Jun 1999

I am not sure what kinda border you mean. Could you maybe provide a url to an example? I suspect what you see is the border of a table...I may be mistaken though.
<table border=[pixel width desired]>
<tr>
<td><img></td>
</tr>
</table>

Hope this helps
VulKen

----------
Art is Good
http://www.hdcnet.com

Pimpin like a pimp with an electrofied pimpin machine!

Jaiem's picture

They have: 1,191 posts

Joined: Apr 1999

Vulken - take a look at coolsig.com then click on any subpage for an example. Note the banner at the top of the page surrounded by the "tree" graphics. That's what I mean.

I've seen it on other websites too.

Thanks.

----------
Original Artwork...Professionally Tied Saltwater Flies...Unique Books, Gifts and More!
ArtsNFlies.com

They have: 2,390 posts

Joined: Nov 1998

a table bg attribute is used in this example for the trees and the central img is in the table.

Code below:
<center><table border="0" width="348" height="148" background="http://www.coolsig.com/cs_box.jpg"><tr><td><p align="center"><img src="http://www.coolsig.com/work.gif" width="265" height="78"></td></tr></table></center>

JP

----------
[red]The Next Step in Website Development [/red] - http://www.what-next.com
The Webmaster Promotion and Resource Center

They have: 14 posts

Joined: Apr 1999

To create the effect your looking for first you need to design the image you want the banner to appear in. And in the spot where you want to add the banner make a cutout of the exact size you need.

Then slice the image and align with tables. Instead of placing the blank image where the banner goes, insert your banner code.

Its just like designing an interface and aligning it with tables but instead of the image you add the banner code.

Doni

----------
No Design skills? Who needs them?
http://www.freewebtemplates.com

Ken Elliott's picture

They have: 358 posts

Joined: Jun 1999

Whoa....I was way off... 8]

----------
[red]Art is Good[/red]
http://www.hdcnet.com

Jaiem's picture

They have: 1,191 posts

Joined: Apr 1999

Is there anyway to turn off the tile effect of the background image??

----------
Original Artwork...Professionally Tied Saltwater Flies...Unique Books, Gifts and More!
ArtsNFlies.com

Ken Elliott's picture

They have: 358 posts

Joined: Jun 1999

No there is no way to turn of the tiling effect. You have to either scale the image to the td's size or vise versa. Someone correct me if I am wrong.....again..hehe
And while we are on the subject is there anyway to assign a image map to a bg image? I don't think there is...but hey it's worth a try.

VulKen

----------
[red]Art is Good[/red]
http://www.hdcnet.com

Pimpin like a pimp with an electrofied pimpin machine!

They have: 14 posts

Joined: Apr 1999

If you dont want the background to tile try using css positioning that is the only way i know of to make the background appear in the exact position you need it. And is more accurate than using tables.

----------
No Design skills? Who needs them?
http://www.freewebtemplates.com

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.