/    Sign up×
Community /Pin to ProfileBookmark

CSS background images

Copy linkTweet thisAlerts:
Jun 13.2008

Im making a website using xhtml and css.

of course like most websites there is a navigation menu. the menu is going to be horizontal and i know how to make it into a horizontal list. what im questioning is how to use background images with it.

the menu is contained in it’s own DIV and i am using css to specify a background image. what i want is to use three images in total.

the first image would be on the far left and would have rounded corners the second image would be the repeated image that stretches as far as needs be to cover the content of the div. the third image would be the image to the far right containing another rounded corner so it kinda looks something like this:

[CODE] _______
(_______)[/CODE]

( & ) representing the rounded corners. is it possible to do this or would i need to use three separate DIVs for each image?

to post a comment
CSS

1 Comments(s) ↴

Copy linkTweet thisAlerts:
@ray326Jun 13.2008 — Do it with two images; e.g. left curve and general background as a background, right end as an image.
×

Success!

Help @tehashman 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.19,
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,
)...