Jump to content

Using an image as a border


tornator
 Share

Recommended Posts

Hellos! I'm having a problem with a border: What I want to do, is to create a line between my site title and my header image. It would be a bottom border for the title. I want to use an image instead of the normal lines, that you normally use. The image is a sort of a chain which I want to span through whole page. What I've tried out so far is:border-bottom: url("/mywebsite/wp-content/uploads/2012/02/chain.png") no-repeat scroll 0 0 transparent

Link to comment
Share on other sites

You can't use the background syntax for a border image. Border image has its own syntax: http://w3schools.com/cssref/css3_pr_border-image.asp It doesn't have the best browser support. At the moment you could create a new element and put it where you want the image to appear.

Link to comment
Share on other sites

Something like this:>[CSS]>div#chain{height:5px; background-image:url('chain.png')}>

>[/b][code]<div id="chain"><!--Leave here empty--></div>[/code]

NB: Visit w3schools.com, learn HTML and use the 'do it yourself' button to see how things works!

Edited by eTianbun
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...