No sistema que desenvolvo, quando algo é modificado em certas seções administrativas, um e-mail é disparado para o mantenedor. Estou utilizando um sistema tableless (CSS) para isso.
O que me preocupa é que, no gerenciador de e-mail da empresa (gerenciador próprio) vem tudo montado corretamente, mas no gmail (o outro único que testei) não. Na primeira linha deveriam estar 3 figuras, uma ao lado da outra, porém estão uma abaixo da outra.
Alguém já passou por isso? Alguma idéia de como posso contornar isto?
Enviar E-mail Com Css
Started By rwar, 18/10/2005, 14:22
6 replies to this topic
#1
Posted 18/10/2005, 14:22
#2
Posted 18/10/2005, 14:35
Para usar style em e-mail eu recomendo que você coloque-os nas tags
<img style="float: left;" />
#3
Posted 18/10/2005, 14:46
Valeu chisto. Já fiz o teste, mas não funcionou. Na verdade, se puder me explicar no que implica em colocar estas tags, ficarei grato. Parece-me que, embora as divs sejam colocadas lado a lado, elas perdem o posicionamento do nada.
<div style="top:130px" id="logo"><a href="%PATH%"><img src="%PATH%/imagens/portalrs_035a.gif" alt="Página Inicial do Tudo Fácil Eletrônico" width="208" height="110" border="0"></a></div> <div style="top:153px" id="centro"><a href="%PATH%"><img src="%PATH%/imagens/portalrs_036.gif" alt="Página Inicial do Tudo Fácil Eletrônico" width="322" height="59" border="0"></a></div> <div style="top:231px" id="sobreperfil2" class="texto01"> <span class="titulo03">Alteração de Perfil </span> <p><span class="titulo02">Perfil:</span> <span class="texto02">%PERFIL%</span><br> <span class="titulo02">Descrição:</span> %DESCRICAO%</p> <p><span class="titulo02">Visível:</span> <span class="texto02"> %VISIVEL%</span></p> <p><span class="titulo02">Descrição do Ícone: </span> %ICONE%<br> <span class="titulo02">Responsável:</span> %RESPONSAVEL%<br></p> </div> <div style="top:181px" id="fundotop"></div>
#4
Posted 18/10/2005, 14:48
Aqui está a folha de estilos:
#logo { position:absolute; left:0px; top:0px; width:208px; height:110px; z-index:3; visibility: visible; } #centro { position:absolute; left:208px; top:23px; width:322px; height:59px; z-index:7; visibility: visible } #sobreperfil2 { position:absolute; left:211px; top:101px; width:398px; height:405px; z-index:18; overflow: visible; visibility: visible; } #fundotop { position:absolute; left:0px; top:51px; width:100%; height:31px; z-index:2; background-image: url(../../imagens/portalrs_037.gif); background-repeat: repeat-x; visibility: visible; }
Edição feita por: rwar, 18/10/2005, 14:49.
#5
Posted 19/10/2005, 09:32
Pelo que notei, no gmail não é aplicado nenhuma folha de estilos nunca! :? Alguém saberia dizer se é alguma característica do próprio ou o que posso estar fazendo errado?
#6
Posted 13/10/2006, 14:35
tipo..
tenta colocar ao invés de por exemplo
#estilo {descrição de um estilo}
<div id='estilo'>
tennta colocar
<div style='descrição de um estilo'>
entendeu ?
tenta colocar ao invés de por exemplo
#estilo {descrição de um estilo}
<div id='estilo'>
tennta colocar
<div style='descrição de um estilo'>
entendeu ?
#7
Posted 13/10/2006, 15:18
Boa parte dos servidores de email mata os CSS da sua página, mesmo que sejam inline (style=""). Use somente HTML 4 na composição do seu e-mail e vai conseguir fazer o que quer.
0 user(s) are reading this topic
0 membro(s), 0 visitante(s) e 0 membros anônimo(s)