Hi
my nephew and his mate have constructed a message board and used a template they liked, but the overall text is a bit too large. Anyone know in the code below how to make the overall text of the board smaller please ??
Thanks in advance
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title><yabb title></title>
<a href="
http://forumnetworkchat.net/kids"><img src="
http://i184.photobucket.com/albums/x286/mufc_jay/M-YPcopy.jpg"
alt="Mennell & Young Productions FORUM" border="0" /></a>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body
body {
padding: 0;
background: url(
http://i184.photobucket.com/albums/x286/mufc_jay/M-YPcopy.jpg) fixed top;
background-color: #F2F6F9;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 12px;
margin-top: 5px;
margin-left: 0;
margin-right: 0;
padding-top: 0;
padding-left: 0;
padding-right: 0;
{scrollbar-face-color: #1D1448; scrollbar-shadow-color: #1D1448; scrollbar-highlight-color: #cccccc;
scrollbar-3dlight-color: #1D1448; scrollbar-darkshadow-color: #1B1E25; scrollbar-track-color: #194B6E;
scrollbar-arrow-color: #FFFFFF; font-family: Verdana}
table {border: 4 groove; border-color: #5482B2;}
td {border: 1 outset; border-color: #5482B2;}
A:link {text-decoration: none; color: #CFD1D3;}
A:visited {text-decoration: none; color: #CFD1D3;}
A:hover {text-decoration: none; color: #4682B4; font-style: normal; text-decoration: underline overline}}
BODY {scrollbar-face-color: #1D1448; scrollbar-shadow-color: #1D1448; scrollbar-highlight-color: #cccccc;
scrollbar-3dlight-color: #1D1448; scrollbar-darkshadow-color: #1B1E25; scrollbar-track-color: #194B6E;
scrollbar-arrow-color: #FFFFFF; font-family: Verdana}
.nav {text-decoration: none; color: #FFFFFF;}
.nav:link {text-decoration: none; color: #D80005;}
.nav:visited {text-decoration: none; color: #DCD6DA;}
.nav:hover {text-decoration: none; color: #4682B4; font-style: normal; text-decoration: underline}
.windowbg {background-color: #194B6E ;}
.windowbg2 {background-color: #194B6E ;}
.windowbg3 {background-color: #1D1448;}
.titlebg {background-color: #194B6E ;}
.text1 {font-style: normal; font-weight: bold; font-size: 10px; color: #FFFFFF;}
.catbg {background-color: #142E47; color: #FFFFFF; font-weight: bold; font-size: 10px;}
.bordercolor {background-color: #000000;}
.quote {font-size: 10px; font-family: Arial; color: white; background-color: #142E47;}
.code {font-size: 10px; font-family: Courier New; color: #FFFFFF; background-color: #FFB920;}-->
TD {font-family: Verdana; color: #FFFFFF}
input {background-color: #194B6E; font-family: Verdana; font-size: 7pt; color: #FFFFFF;}
textarea {background-color: #194B6E; font-family: Verdana; font-size: 7pt; color: #FFFFFF;}
select {background-color: #1D1448; font-family: Verdana; font-size: 7pt; color: #FFFFFF;}
</style>
</head>
<body bgcolor="#142E47" text="#FFFFFF" link="#FFFFFF" vlink="#FFFFFF" alink="#FFFFFF">
<div align="center">
<table width="70%" border="0" cellspacing="1" cellpadding="1">
<tr bgcolor="#214263">
<td>
<div align="center"><font size="1"><yabb boardname> : <yabb title></font></div>
</td>
</tr>
<tr>
<td>
<div align="center"><font size="1"><yabb uname><yabb im></font><br>
<yabb menu> </div>
</td>
</tr>
</table><br>
<p><yabb main></p>
<p><font size="1"><yabb time></font></p>
<p><font size="1"><yabb copyright></p>
</div>
</body>
</html>
<br><br>
</font>
</td>
</tr>
</table>
</body>
</html>
Pages: 1
How to make text smaller ? (Read 2181 times)
