CSS Border Background

Need to put an image as my background inside my borders.

Page 1 of 1

4 Replies - 3382 Views - Last Post: 30 September 2006 - 11:51 AM

#1 kenash88   User is offline

  • D.I.C Regular
  • member icon

Reputation: 1
  • View blog
  • Posts: 368
  • Joined: 29-August 06

CSS Border Background

Posted 29 September 2006 - 06:36 PM

<td width="15%" valign="top">
<div class="groove">
<center>
<h3>Links</h3>
Link1<br>
Link2<br>
Link3<br>
Link4
</center>
</div>
</td> 


This is what I have and I need to set an image as the background in this section.

Here is my site

This post has been edited by kenash88: 29 September 2006 - 09:59 PM


Is This A Good Question/Topic? 0
  • +

Replies To: CSS Border Background

#2 Jayman   User is offline

  • Student of Life
  • member icon

Reputation: 423
  • View blog
  • Posts: 9,532
  • Joined: 26-December 05

Re: CSS Border Background

Posted 29 September 2006 - 09:38 PM

Are you asking how to set an image as a background using CSS or are you looking for a background image?
Was This Post Helpful? 0
  • +
  • -

#3 kenash88   User is offline

  • D.I.C Regular
  • member icon

Reputation: 1
  • View blog
  • Posts: 368
  • Joined: 29-August 06

Re: CSS Border Background

Posted 29 September 2006 - 09:47 PM

I need to know how to assign an image to be the background for only the area inside the border
Was This Post Helpful? 0
  • +
  • -

#4 Arbitrator   User is offline

  • D.I.C Addict
  • member icon

Reputation: 52
  • View blog
  • Posts: 530
  • Joined: 26-January 05

Re: CSS Border Background

Posted 29 September 2006 - 11:41 PM

View Postkenash88, on 29 Sep, 2006 - 09:47 PM, said:

I need to know how to assign an image to be the background for only the area inside the border
This can be done with a CSS 3 background-clip: padding declaration. Mozilla has a proprietary implementation of it called -moz-background-clip. In Internet Explorer, background-clip: padding is the default rendering. I'm unaware of an equivalent for Opera.

Alternatively, you can utilize a more universal solution since CSS 3 support is lacking: add a second container. The outer container would host the border while the inner container would host the background image.

This post has been edited by Arbitrator: 29 September 2006 - 11:43 PM

Was This Post Helpful? 0
  • +
  • -

#5 kenash88   User is offline

  • D.I.C Regular
  • member icon

Reputation: 1
  • View blog
  • Posts: 368
  • Joined: 29-August 06

Re: CSS Border Background

Posted 30 September 2006 - 11:51 AM

I'll try to work something out. Thanks.
Was This Post Helpful? 0
  • +
  • -

Page 1 of 1