[html]電子報相關語法

html css

mayyola 2020-02-20 13:24:43 ‧ 1421 瀏覽

分享至

大家好:
我用iphone的郵件收信，直式看電子報很正常，但是若改橫式menu以下的內容就會位移，用chrome或gmail app直式跟橫式都正常，我覺得是table標籤的問題..
但怎麼改都改不好，所以想上來請問大家，謝謝!
以下是語法

<html>
<style type="text/css"> 
body{
	max-width:700px;
	margin:0px auto;	
}
table{
background-color:#FFFFFF;
}
table tr td:not(:last-child){
font-size: 1rem;
text-align:justify;
}

a{
text-decoration:none;
	}

.intro p{
     text-align:justify;
     text-justify: distribute;}

.fixed {
  position: fixed;
  bottom: 0;
  right: 0;
  width: 200px;
   }
   
.alumni{
max-width:636.2px;
}

.scholar tr td{
border-style:solid;
border-width:0.5px;
text-align:center;
width:200px;
}
</style> 

<head>
<meta content="text/html; charset=big5" http-equiv="Content-Type"/>
<title>電子報</title>
</head>
<body style="background-color:#FFDAB9;margin:0 auto;">
<center>
<table border="0" cellpadding="0" cellspacing="0"width="700" style="background-color:#FFFFFF;margin:0 auto;">
<tr>
<td colspan="5">
<img border="0" src="https://xxx.tw/photo/banner.jpg" width="700">
</td>
</tr>
</table>

<table border="0" cellpadding="0" cellspacing="0"width="700" style="background-color:#FFFFFF;margin:0 auto;">
<tr>
<td width="21%" bgcolor="#FFFFBB" style="padding:5px">
<a name="one"></a><span class="text2">
<font size="3" color="#AA7700" face="Tahoma">動態</font></span>
</td>
<td width="77%" bgcolor="#FFFFBB" style="padding:5px"colspan="3"></td>
</tr>
</table>

</center>
</body>
</html>