Borda arredondada com fundo degrade.

[Deep 0]

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?

[Giovani 104]

Movido:

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

[Apokalypse 0]

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!

[Akwen 1]

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!