How can you use html/css/php to give each corner of a div tag a different background image?
-
I have four images (rounded corners). I want each one to be placed in the corner of a single div as background images. Please help! If placing them all in one div isn't possible then what is the most efficient way of doing this? I tried randomly: #window { background-image: url(images/window_tl.gif) , url(images/window_tr.gif) , url(images/window_bl.gif) , url(images/window_br.gif) ; background-position: top left, top right, bottom left, bottom right; background-repeat: no-repeat; background-color: #9bbbe3; padding: 10px; height: 300px; width: 200px; } ... It didn't work. Will choose best answer quickly!
-
Answer:
I think when css3 becomes standard, rounded corners will be easier to implement. Until then, here is how I have created rounded corners: You'll need three different divs... A top, a middle, and a bottom. The top div contains the the very top of the rounded corner box as a background image, with out any content. The middle div contains the sides of the box, repeated down (repeat-y, I think... I can never remember which is which) and also contains what ever you are placing inside the box. The bottom div then contains the bottom of the rounded corner box as a background image, with no content.
Ryan M at Yahoo! Answers Visit the source
Related Q & A:
- How to place a different background image on each part of a book?Best solution by TeX - LaTeX
- How can I use a button to retrieve a phone 'number' from contacts?Best solution by Stack Overflow
- How can I use different language with Yahoo messenger?Best solution by messengeroo.com
- How do I put in a different background in my Blogger blog?Best solution by helplogger.blogspot.com
- How do I add a custom background image to my Tumblr?Best solution by Yahoo! Answers
Just Added Q & A:
- How many active mobile subscribers are there in China?Best solution by Quora
- How to find the right vacation?Best solution by bookit.com
- How To Make Your Own Primer?Best solution by thekrazycouponlady.com
- How do you get the domain & range?Best solution by ChaCha
- How do you open pop up blockers?Best solution by Yahoo! Answers
For every problem there is a solution! Proved by Solucija.
-
Got an issue and looking for advice?
-
Ask Solucija to search every corner of the Web for help.
-
Get workable solutions and helpful tips in a moment.
Just ask Solucija about an issue you face and immediately get a list of ready solutions, answers and tips from other Internet users. We always provide the most suitable and complete answer to your question at the top, along with a few good alternatives below.