Categories
Downloads
How to specify font styles for text inside tables, the easy way
If you're using font tags inside large tables to change the style of the text inside cells, you maybe making your pages larger than necessary.
<table border=1>
<tr><td>
<font face="Arial">test 1</font>
</td></tr>
<tr><td>
<font face="Arial">test 2</font>
</td></tr>
<tr><td>
<font face="Arial">test 3</font>
</td></tr>
<tr><td>
<font face="Arial">test 4</font>
</td></tr>
</table>
<tr><td>
<font face="Arial">test 1</font>
</td></tr>
<tr><td>
<font face="Arial">test 2</font>
</td></tr>
<tr><td>
<font face="Arial">test 3</font>
</td></tr>
<tr><td>
<font face="Arial">test 4</font>
</td></tr>
</table>
Listing #1 : HTML code. Download tblcss1.html (0.22 KB).
<html>
<head>
<STYLE TYPE="text/css">
<!--
TD{font-family: Arial; font-size: 10pt;}
--->
</STYLE>
</head>
<body>
<table border=1>
<tr><td> test 1 </td></tr>
<tr><td> test 2 </td></tr>
<tr><td> test 3 </td></tr>
<tr><td> test 4 </td></tr>
</table>
</body>
</html>
<head>
<STYLE TYPE="text/css">
<!--
TD{font-family: Arial; font-size: 10pt;}
--->
</STYLE>
</head>
<body>
<table border=1>
<tr><td> test 1 </td></tr>
<tr><td> test 2 </td></tr>
<tr><td> test 3 </td></tr>
<tr><td> test 4 </td></tr>
</table>
</body>
</html>
Listing #2 : HTML code. Download tblcss2.html (0.29 KB).
To share this: BlinkBits | BlinkList | Blogmarks | Co.mments | Connotea | Del.icio.us | Digg | Facebook | FrankIt | Furl | Ma.gnolia | Newsvine | Reddit | Yahoo
Applicable Keywords : Cascading Style Sheets, Cascading Style Sheets 1, HTML, Internet Explorer, Explorer 3.x, Explorer 4.x, Explorer 5.x, Internet, Netscape Navigator, Communicator 4.x, Netscape 6.x, World Wide Web
Previous Tip : Reading web server response
Random Tip : Say no to program closings!
Next Tip : Font embedding for web pages
Random Tip : Say no to program closings!
Next Tip : Font embedding for web pages