/    Sign up×
Community /Pin to ProfileBookmark

Can be defined bottom border with image?

Copy linkTweet thisAlerts:
Apr 14.2010

Can be defined bottom border with image like <h1></h1> and under this border as image not line solid…

to post a comment
CSS

4 Comments(s) ↴

Copy linkTweet thisAlerts:
@mordaukApr 14.2010 — You can't apply and actual border image, but you could give it a background image.

Like this:

[CODE]
h1 {
background: url('images/border.jpg') repeat-x;
display: block;
}
[/CODE]
Copy linkTweet thisAlerts:
@toplisekauthorApr 16.2010 — See enclosed sample divider as sample.

It can not be used repeat-x as it is image not SOLID colour and it moves above H1

How to deal with this?

[upl-file uuid=705dc9f7-0503-421b-b235-1416a7cf239b size=192B]divider1.png[/upl-file]
Copy linkTweet thisAlerts:
@mordaukApr 16.2010 — Then just get rid of repeat-x and position the image however you want.

h1 {

background: url('images/h1_bg.jpg') 0 top;

display: block;

height: 20px;

padding-top: 5px;

}

This will give you an h1 that is 25px tall with the background image positioned in the top left. Modify to suit your needs.
Copy linkTweet thisAlerts:
@toplisekauthorMay 10.2010 — thank you.
×

Success!

Help @toplisek 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 6.16,
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: @nearjob,
tipped: article
amount: 1000 SATS,

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

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...