顯示具有 CSS 標籤的文章。 顯示所有文章
顯示具有 CSS 標籤的文章。 顯示所有文章

2012年2月13日 星期一

Excel 讀取 html 格式的儲存格換行效果

最近用 .NET 產生一個 html 格式的檔案
然後命名為 .xls , 偽裝成 Excel 檔案使用
結果發現在 <td> </td> 中使用 <br>
沒有達到預想中在儲存格換行的效果

幸好找到這一篇 :
[HTML][CSS] 使用 HTML <table> 匯出 Excel 時的斷行 (<br/>) 處理
(From : yilin 的程式日記)

<br style="mso-data-placement: same-cell;" >
只要加上 css , 就可以符合我的需求了
真是太感恩了~

2010年5月21日 星期五

HTML/CSS/Javascript 設定 Table 背景色

常搞不清楚 HTML , CSS , Javascript 設定 Table 背景色的語法
特別在這邊記錄一下

[ HTML ]
使用 bgcolor (table / tr / td 都適用)
範例:
   <table bgcolor="#FF0000" border="1">
      <tr><td>Line 1</td></tr>
      <tr><td>Line 2</td></tr>
   </table>
結果:
Line 1
Line 2


[ CSS ]
使用 background-color (table / tr / td 都適用)
範例:
   <table border="1">
      <tr style="background-color:#00FF00"><td>Line 1</td></tr>
      <tr><td>Line 2</td></tr>
   </table>
結果:
Line 1
Line 2


[ Javascript ]
使用 obj.style.backgroundColor (table / tr / td 都適用)
範例:
   <table border="1">
      <tr><td>Line 1</td></tr>
      <tr><td onmouseover="this.style.backgroundColor='#0000FF'"
                  onmouseout="this.style.backgroundColor=''">
            Line 2
      </td></tr>
   </table>
結果:
Line 1
Line 2

2010年5月18日 星期二

CSS Hack

現在寫網頁最討厭的就是瀏覽器不同
CSS 顯示的效果也不同
所以這邊記錄一下各瀏覽器支援的 CSS Hack 寫法

p=property / v=value
p:v;p:v \9;*p:v;_p:v;p:v !important;
Firefox
IE6
IE7
IE8

範例 :
<style type="text/css">
   #container {
      width:200px; /* for Firefox */
      width:205px \9; /* for IE8 */
      *width:210px; /* for IE7 */
      _width:215px; /* for IE6 */
   }
</style>