Hello ,
Hoping you can help me in this. I was successfully able to make a ribbon across a container using css from the tutus at http://www.pvmgarage.com/2010/01/how-to-create-depth-and-nice-3d-ribbons-only-using-css3/ but i had some very interesting revelations. Based on the tuts to make a 3d ribbon. i had the follwing construct <div="bubble"> <div class="rectangle"></div> <div class="triangle-l"></div> <div class="triangle-r"></div> </div> No container ...Simple.... Dimensions: Bubble width:980px position:realtive z-index:90 Rectangle: 15 on each side so (15+15=30)+980=1010px; top=60px; left:-15px; position:relative ; height:30px; z-index:100 For the triangles: Now here is the interesting part when it comes to making the triangles, in order for the triangles to sit neatly below the rectangle i have to do top:60 px + 30px(Rectangle's height) left:-15px; z-index :-1; but that does not work in my case infact i had to do top:60px; (why) left:-7.5px; (why half should work ??????) Thanks again Meera ______________________________________________________________________ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
