Reply to thread

Message: [QUOTE="Jeff Bowman, post: 735411"] Oops, it turns out this one won't work for me. Here's why: [URL]http://www.alistapart.com/d/customcorners/step1.1.html[/URL] See the Bottom Left section? This means I'll have to slice a special image for each rounded-corner DIV I want on the site. What I'm really after is to know how they did it on Yahoo. Given the markup below, are you able to see why theirs is working and mine isn't? [URL]http://groups.yahoo.com/[/URL] Thanks. ------------------------------------------------------------------------------- <html> <head> <title>Rounded Corners</title> <style> /* Container with Rounded Corner Border */ .ygrp-container-border { border:1px solid #7b9ebd; width:auto; margin:0 0 5px 0; padding:0; } #ygrp-home .corner-top { background-image:url([URL]http://us.i1.yimg.com/us.yimg.com/i/yg/img/ui/cr_y_grn_ne.gif);[/URL] } #ygrp-home .corner-top .corner-left { background-image:url([URL]http://us.i1.yimg.com/us.yimg.com/i/yg/img/ui/cr_y_grn_nw.gif);[/URL] } #ygrp-home .corner-bottom { background-image:url([URL]http://us.i1.yimg.com/us.yimg.com/i/yg/img/ui/cr_y_grn_se.gif);[/URL] } #ygrp-home .corner-bottom .corner-left { background-image:url([URL]http://us.i1.yimg.com/us.yimg.com/i/yg/img/ui/cr_y_grn_sw.gif);[/URL] } </style> </head> <body> <div class="ygrp-container-border" id="ygrp-home"> <span class="corner-top"><span class="corner-left"></span></span> Rounded Corners? <span class="corner-bottom"><span class="corner-left"></span></span> </div> </body> </html> [/QUOTE]

Verification