/    Sign up×
Community /Pin to ProfileBookmark

border customization *images

Copy linkTweet thisAlerts:
Jan 08.2007

I want to customize a horizontal bar, this is what i have till now.

[CODE]hr {
height:12px;
width:85%;
background-image:url(“http://servimg.com/u/10/06/71/05/goldba11.gif”);
border-left:4px solid black;
border-left:url(“http://servimg.com/u/10/06/71/05/goldba13.gif”);
border-right:4px solid black;
border-right:url(“http://servimg.com/u/10/06/71/05/goldba12.gif”);
}[/CODE]

What I want is to replace the black borders on left and right with the respective images…how do i do that?? ?

to post a comment
CSS

3 Comments(s) ↴

Copy linkTweet thisAlerts:
@WebJoelJan 08.2007 — I might be wrong, but I think that using "images" to fill the background of "hr" and/or "border" isn't in CSS2. It might be proposed for CSS3, but alot of browsers aren't even fully CSS2-compliant yet... anyone? ?

Instead of using an image to replace a border, I'd make a very narrow DIV (only a few pixels wide?) and fill that with a background-image... floating left or floating right in a container DIV would make the appearance of a 'patterned' border or "hr" (not that I'd even bother to use "hr" since I'd rather use "border-top" or "border-bottom" of whatever container I was using..)
Copy linkTweet thisAlerts:
@ray326Jan 08.2007 — You're probably better off using a div for that rather than an hr. And, yes, border images are not yet supported by any browser AFAIK.
Copy linkTweet thisAlerts:
@Racoon200authorJan 09.2007 — aww, well, then i guess iam ok
×

Success!

Help @Racoon200 spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.28,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...