gentax wrote: >hallo everybody! >here's the question. > >I must put a div with a transparent png as a background (must be png 'couse i >can move the box picture below it) >The box contains some text from a DB, and it can grow in width and/or height. > >the png has a gradiant from white to gray, from top to bottom. > >So my idea is to put the text in a div with the graddient as background. > >an around it i'd think to construct a simulated table, with three div on top >(one for the left corner, one for the line above, one fot the right one), >three in the center ( one with the line on the left, one with the >text&gradient described above, and one with the line on the right). Other >three div similar to the top ones closed the simulated table... > >ok, it's difficult to explain.. ;-) > >how can i do this? it's possible without a real table? >what do you think? > >thanks in advance ;-) > > Hi Gentax, I think it is good possible to have a pure css corner/border-solution (with transparent outside of the corners) without using a table. See: article/tutorial Liquid Round Corners <http://home.tiscali.nl/developerscorner/liquidcorners/liquidcorners.htm>, and examples: Liquid Corner Playgarden <http://home.tiscali.nl/developerscorner/liquidcorners/liquid-corners-playgarden-index.htm>. The middle part of the "corner-box" can get the png as background-image in it.
But as I understand, you want the png having a gradient (white to grey) and also the png being semi-transparent at the same time. That is some more complicated. [1]. Then the top-part and the bottom part for the corners you can make also in (semi-transparant) png format, using white for the inner side of the top part, and grey for the inner side of the bottom part. In this way they don't have a visible transition in respect to the inner transparent png. Succes with it! francky [1] Besides the IE-difficulties (and extra tricks to solve them) for showing a gradient png, I think it will be rather difficult to find a good balance between the amount of transparency and the white-to-grey gradient. If much transparency (so the background image can be seen through), then there will be hardly no effect of the gradient. And if the gradient is good visible (less transparency), then there will be almost nothing of the background-image. - Of cause it all depends of the background image. ;-) (Did you try already in a paint program what the result will be?) ______________________________________________________________________ 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/
