Borda arredondada com fundo degrade.

Movido:

Webstandards http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Dreamweaver

>
Olá, Eu tenho isso aqui.

Borda

Existe o conteúdo inteiro com um degrade do azul para o branco e uma borda arredondada branca dentro onde vai uma imagem.

Eu até estou tentando fazer uma table e tal, o bicho está pegando no degrade, pq as vezes a imagem vai ser um maior maior, então tudo vai dar uma aumentada.

eu tenho isso aqui.

<table border="0" width="450" cellpadding="0" cellspacing="0" align="center"><tr> <td width="27"><img src="EZ2UL.gif" /></td> <td width="27" background="EZ2TOP.gif"></td> <td width="27"><img src="EZ2UR.gif" /></td></tr><tr> <td width="27" background="EZ2RIGHT.gif"></td> <td width="100%" height="300" background="EZ2CENTER.gif"> <center> Teste </center> </td> <td width="27" background="EZ2LEFT.gif"></td></tr><tr> <td width="27"><img src="EZ2LL.gif" /></td> <td width="27" background="EZ2BOT.gif"></td> <td width="27"><img src="EZ2LR.gif" /></td></tr></table>Alguém conhece alguma solução para isso?

E ai rapaz, beleza?

Eu to fazendo o layout do meu site em um quadrado com cantos arredondados sobre uma imagem de background. para deixar transparente eu fiz assim:

• em tableless;

criei uma div principal (quadrado) e 4 divs dentro da principal (uma para cada canto do quadrado). Basta apenas você formatar as divs pra ficar alinhadas em cada canto e jogar um png transparente pra fazer o efeito que você quer.

Ta, mas no internet explorer nao funciona o png!!!

Então tu entra nesse site e vÊ como funciona esse esquema... e problema resolvido! http://webfx.eae.net/dhtml/pngbehavior/pngbehavior.html

abçs!

Cara, usa a biblioteca Rico, que é baseada na Prototype...

Dá uma olhada nesse link http://openrico.org/rico/demos.page?demo=rico_corner

Dá uma olhada aê e fala!