Border-image help?

gaaran
gaaran
edited September 2012 in Campaign Portal Building
Hey, i was just wondering if anyone has tried out using the "border-image" tag in the CSS and gotten it working. I'm able to get it working just fine in both dream-weaver and on the w3schools sandbox, but when I port it over to OP the border just doesn't appear. Below is an example that works on w3schools, if anyone can get it working (or knows that it doesn't work) I'd appreciate it. (This isn't supported in i.e.)

The CSS definitions:
div
{
border-width:15px;
width:250px;
padding:10px 20px;
}
.border
{
-moz-border-image:url("http://i1246.photobucket.com/albums/gg610/dqotw/test/border.png") 15 15 stretch; /* Firefox */
-webkit-border-image:url("http://i1246.photobucket.com/albums/gg610/dqotw/test/border.png") 15 15 stretch; /* Safari */
-o-border-image:url("http://i1246.photobucket.com/albums/gg610/dqotw/test/border.png") 15 15 stretch; /* Opera */
border-image:url("http://i1246.photobucket.com/albums/gg610/dqotw/test/border.png") 15 15 stretch;
}

The HTML:
Here is an example

Comments

Sign In or Register to comment.

August 2022
In Over Their Heads

Read the feature post on the blog
Return to Obsidian Portal

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

Discussions