Just make the exact image dimensions and radius with the heading 'news1' . Save it as a transparent png (no background) in your image editing program. Fireworks is the best for this
Create the div as before but put the img in. I rember trying to put it in as a background-image but this does not support transparency so you will have to use the img tag. For ie you need to add the png transparency fix by adding this at the head. <script defer type="text/javascript" src="pngfix.js"></script> all the files you need are here, just open the image.png file in photoshop and save 3 versions with your headings - make sure you re-save them as transparent pngs and not jpegs or gifs. http://www.blue-fly.co.uk/rooftops/example.html http://www.blue-fly.co.uk/rooftops/image.png http://www.blue-fly.co.uk/rooftops/pngfix.js ----- Original Message ----- From: "Jeralyn Merideth" <[EMAIL PROTECTED]> To: <[EMAIL PROTECTED]> Cc: <css-d@lists.css-discuss.org> Sent: Tuesday, July 18, 2006 6:34 PM Subject: Re: [css-d] rounded corners issue I'm not familiar with how to do this graphically. I know I would have to use PS to make the image (of course) but I wouldn't know the appropriate size for the boxes I need...and then wouldn't I have to position them relative or absoute? Not sure what to do. Any other suggestions anyone? [EMAIL PROTECTED] wrote: I wouldn't use that anyway as the corners look a bit ragged. Why not just use a transparent png and then apply the ie fix. R. ----- Original Message ----- From: "Jeralyn Merideth" To: Cc: ; Sent: Tuesday, July 18, 2006 5:19 PM Subject: Re: [css-d] rounded corners issue >I didn't use images. They are css rounded corners taken from the article >"Nifty Corners" :) > > [EMAIL PROTECTED] wrote: > I meant, make the corners in the image itself transparent in Photoshop or > whichever image program you use. If the white corners are still there, > then you've probably got a background color declared somewhere. > > I have foolishly deleted your original e-mail, so I can't take a second > look > > -- > Marc Luzietti > Flagship Project > Bayview Financial, L.P. > (305) 341-5624 > > > --------------------------------- > Do you Yahoo!? > Everyone is raving about the all-new Yahoo! Mail Beta. > ______________________________________________________________________ > css-discuss [EMAIL PROTECTED] > http://www.css-discuss.org/mailman/listinfo/css-d > IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 > List wiki/FAQ -- http://css-discuss.incutio.com/ > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ > > ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ --------------------------------- Groups are talking. We're listening. Check out the handy changes to Yahoo! Groups. ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/