Dear Experts

I have following codes

<html>

<style type="text/css">

#box1	{
	width:400px;
	height:400px;
	background:e3eeff;
	color:blue;
	padding:10px;
	text-align:center;
	margin-top:100px;
	margin-left:300px;
	vertical-align:middle; 
	{
</style>

<body>
<div id="box1"><h1>Div <br>with<br> four<br> border<br> images</h1></div>
</body>
</html>

I want to apply attached images as border.

For example bg_left.gif will be display on left border of div.

Please help

Recommended Answers

That's one nested div for each one of your border graphics set as a background image with the background color set to transparent.

<div id="inner_top" style="background:transparent url(bk_top.gif) top left no-repeat">
Jump to Post

All 3 Replies

That's one nested div for each one of your border graphics set as a background image with the background color set to transparent.

<div id="inner_top" style="background:transparent url(bk_top.gif) top left no-repeat">

Dear Sir,
Could you please provide some more details?

Each graphic is set in its own div with background-color set to transparent. Each div can be made to fit the graphic and independently positioned or simply nested, one on top of the other, with identical sizes.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of 1.20 million developers, IT pros, digital marketers, and technology enthusiasts learning and sharing knowledge.