Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Apokalypse

Duas imagens de background na div

Recommended Posts

Olá pessoal, tudo beleza??

Então, eu queria uma dica de como fazer esta caixa com css: http://www.mmsweb.com.br/caixa.gif

 

No caso seria uma imagem de background alinhada a direita-topo (aba dobrada) e outra a esquerda-centro (icone de alerta), mas eu só consigo colocar ou uma ou outra, não as duas ao mesmo tempo.

Eu já fiz isso (imagem de alerta): http://www.mmsweb.com.br/caixa.html

 

 

Eu também tentei fazer só a aba, mas ela fica com a borda da div aparecendo em volta, não sei como resolver: http://www.mmsweb.com.br/caixa2.html

 

Então, eu precisava que aparecesse as duas imagens ao mesmo tempo, e que sumisse aquela borda em volta da aba dobrada da caixa.

 

Alguém pode me dar uma luz ai??? http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

Abraço a todos!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Ou você coloca tudo como background ou você coloca somente a parte vermelha como background e a imagem de alerta insere normalmente, no próprio documento.

 

[]´s

Compartilhar este post


Link para o post
Compartilhar em outros sites

Olá gio!, td bem?

 

Então, eu coloquei a aba mesmo de background, e a imagem eu inseri como imagem mesmo.

 

Agora ficou com este problema aqui: http://www.mmsweb.com.br/caixa2.html

Eu coloquei uma border na caixa, mas eu não queria que ela aparecesse onde tem a aba dobrada. Como eu faço isso?

 

Valeu!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Não tem como tirar essa borda? http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Hehe..pior q eu precisava da bendita... ;)mas achei a solução, aqui o link: http://www.dynamicdrive.com/style/csslibra...rner-container/Eu só precisei colocar a aba no local exato que eu queria... ;)Abçs!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Show de bola!!!Parabéns pela pesquisa e, principalmente, pela solução![]´s

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.