1448 sujets

Web Mobile et responsive web design

Bonjour à tous,

J'ai créer un email responsive à deux colonne
avec un classique

<style type="text/css">@media only screen and (max-device-width: 480px) { table[class=contenttable] {width:320px !important;}}</style>
<table width="640" border="0" cellpadding="0" cellspacing="0" class="contenttable" border="1" style="margin: auto;">
	<tr><td>
		<table width="320" border="0" cellspacing="0" cellpadding="5" align="left">
		  <tr><td>
				<a href="">
					<img src="mini2/p.jpg">
				</a>
			</td></tr>
		</table><table width="320" border="0" cellspacing="0" cellpadding="5" align="right">
		  	<tr><td>
				<a href=" ">
					<img src="mini2/pr.jpg"></a>
			</td></tr>
		</table><table width="320" border="0" cellspacing="0" cellpadding="5" align="left">
		  <tr><td>
				<a href="">
					<img src="mini2/p.jpg">
				</a>
			</td></tr>
		</table><table width="320" border="0" cellspacing="0" cellpadding="5" align="right">
		  	<tr><td>
				<a href=" ">
					<img src="mini2/pr.jpg"></a>
			</td></tr>
		</table>

	</td></tr>
</table>


Ceci fonctionne parfaitement mais lotus ne tiens pas compte du table width du tableau principale, le passe en width 100% et je me retrouve avec tout les colonnes cote à cote

Connaitriez vous un hack?