Hi
I've inherited some code and am not familiar with css. I need the main bit in my document to be font size 12 and am not sure how to do it, can someone please advise.
I need it to be that size from the bit that says 'Your advert listed here' ...
my stylesheet:
/* CSS Document */
html, body {
/*font-family: Arial, Helvetica, sans-serif;*/
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
/*font-size: 12px;*/
background-color: #F5F8FA;
margin: 0px;
padding: 10px 0px 0px;
color: #003366;
}
p,td {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color:#003366;
}
/* the white background colour of the main table */
.tablebg {
background-color: #FFFFFF;
}
/* th is for the table header */
th {
background-color:#B5C4D2;
color:#2F567F;
font-size:14px;
}
/* the background colour of the listings table */
.listingsTable {
background-color:#F5F8FA;
}
/* The various border styles used throughout the site */
.leftborder {
border-left:1px solid #B5C4D2;
}
.rightBorder {
border-right:1px solid #B5C4D2;
}
.bottomBorder {
border-bottom:1px solid #B5C4D2;
}
.darkTopBorder {
border-top:1px solid #003366;
}
.darkBottomBorder {
border-bottom:1px solid #003366;
}
/* The Style for the main content cell (applies the background image and a 10px padding) */
.mainContent {
padding:10px;
background-image: url(../images/bodybg.gif);
background-repeat: no-repeat;
background-position: center bottom;
}
/* The colours of the main links */
a{
color: #003366;
text-decoration: none;
}
a:visited {
color: #003366;
text-decoration: none;
}
a:hover {
color: #003366;
text-decoration: underline;
}
/* The background colour of the property form */
.propertyform-bg {
background-color: #C3CFDA;
}
/* appearance for Heading 1 */
H1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
color: #295383;
}
/* appearance for Heading 2 */
H2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color: #255180;
}
/* appearance for Heading 3 */
H3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #31587F;
}
/* Style used to display the shadow on the right hand side of the site */
.rightShadow {
background-image: url(../images/shadow-right
.gif);
background-repeat: repeat-y;
background-position: left;
}
/* th is for the table header */
smallfont {
background-color:#B5C4D2;
color:#2F567F;
font-size:8px;
}
==========================
==========
=========
my html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<title>Private Sales For London - Commission Free</title>
<META name="keywords" content="estate agent,estate agency,estate agents,london estate agent,london estate agents,surrey estate agents,foxtons,foxton,lond
on property,estate agent in london,estate agents in London,estate agents in Central London,london rental properties,rental properties,properties to rent,letting,lettings,lond
on lettings,real estate agent uk,serviced apartments uk,serviced apartments,service apartments,uk property website,property search uk,Estate Agent,Estate Agency,new homes" />
<META name="description" content="Private property sales, rentals and flatshares for London. FREE adverts, no commission.">
<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<LINK href="../stylesheets/maste
r.css" type="text/css" rel="stylesheet">
<script language="javascript" src="../includes/misc.js">
</script>
</HEAD>
<script language="javascript" src="includes/misc.js"></s
cript>
<body>
<form name="frmMain" method="post" action="advertise.aspx?msc
ssid=" id="frmMain">
<input type="hidden" name="__VIEWSTATE" value="dDwtMzU3MjgxOTQyO3Q
8O2w8aTwzP
js+O2w8dDw
7bDxpPDM+O
2k8NT47aTw
3Pjs+O2w8d
DxwPHA8bDx
OYXZpZ2F0Z
VVybDtUZXh
0Oz47bDxza
G9wcGVyX2x
vb2t1cC5hc
3B4P21zY3N
zaWQ9JmRlc
HRfaWQ9MSZ
wZl9pZD0wM
DQmbW9kZT1
uZXcmdGFyZ
2V0PWFkc3B
lYy5hc3B4O
1BsYWNlIGE
gc2FsZXMgY
WR2ZXJ0Oz4
+Oz47Oz47d
DxwPHA8bDx
OYXZpZ2F0Z
VVybDtUZXh
0Oz47bDxza
G9wcGVyX2x
vb2t1cC5hc
3B4P21zY3N
zaWQ9JmRlc
HRfaWQ9MSZ
wZl9pZD0wM
DImbW9kZT1
uZXcmdGFyZ
2V0PWFkc3B
lYy5hc3B4O
1BsYWNlIGE
gcmVudGFsI
GFkdmVydDs
+Pjs+Ozs+O
3Q8cDxwPGw
8TmF2aWdhd
GVVcmw7VGV
4dDs+O2w8c
2hvcHBlcl9
sb29rdXAuY
XNweD9tc2N
zc2lkPSZkZ
XB0X2lkPTE
mcGZfaWQ9M
DA1Jm1vZGU
9bmV3JnRhc
mdldD1hZHN
wZWMuYXNwe
DtQbGFjZSB
hIGZsYXRza
GFyZSBhZHZ
lcnQ7Pj47P
js7Pjs+Pjs
+Pjs+t2c/a
bdXBH6JgVt
+5jUa+imV4
Cc=" />
<table cellSpacing="0" cellPadding="0" width="100%" border="0">
<TBODY>
<tr>
<td> </td>
<td width="756">
<table class="tablebg" cellSpacing="0" cellPadding="0" width="756" border="0">
<TBODY>
<tr>
<td><IMG height="67" src="images/header.jpg" width="756"></td>
</tr>
<tr>
<td class="leftBorder rightBorder darkBottomBorder">
<!------------------------
----------
----------
->
<!-- The table which contains the menu items -->
<!------------------------
----------
----------
->
<P align="center"><!--horizon
tal menu-->
<script language="javascript">
<!--
var sMenu = "";
var qs = new Querystring();
var sShopperID = qs.get("mscssid","");
var sShopperNVP = "";
sShopperNVP = '?mscssid=' + sShopperID;
sMenu = sMenu + '<table width="754" height="30" border="0" cellpadding="0" cellspacing="0" ID="Table1">';
sMenu = sMenu + '<TR>';
sMenu = sMenu + '<TD width="79" VALIGN="center" align="middle"><A HREF="../default.aspx' + sShopperNVP + '" >Home</a></td>';
sMenu = sMenu + '<TD width="79" VALIGN="center" align="middle"><A HREF="../about.aspx' + sShopperNVP + '">About Us</a></td>';
sMenu = sMenu + '<TD width="79" VALIGN="center" align="middle"><A HREF="../faq.aspx' + sShopperNVP + '">FAQ</a></td>';
sMenu = sMenu + '<TD width="79" VALIGN="center" align="middle"><A HREF="../areainfo.aspx' + sShopperNVP + '">Area Info</a></td>';
sMenu = sMenu + '<TD width="79" VALIGN="center" align="middle"><A HREF="../propertysearch.as
px' + sShopperNVP + '&term=buy&searchmode=simp
le&searchp
agemode=se
arch">Sear
ch</a></td
>';
sMenu = sMenu + '<TD width="79" VALIGN="center" align="middle"><A HREF="../advertise.aspx' +sShopperNVP + '">Advertise</a></td>';
sMenu = sMenu + '<TD width="122" VALIGN="center" align="middle"><A HREF="../links.aspx' + sShopperNVP + '">Links Directory</a></td>';
sMenu = sMenu + '</tr></table>';
document.write(sMenu);
//-->
</script>
</P>
<!----------------=-------
>
<!-- End menuItem table -->
<!------------------------
></td>
</tr>
<tr>
<td class="leftBorder rightBorder mainContent">
<!------------------------
----------
->
<!-- MAIN CONTENT AREA STARTS HERE -->
<!-- Enter any content below -->
<!------------------------
----------
->
<table cellSpacing="0" cellPadding="0" width="700" align="center" border="0">
<TBODY>
<tr>
<td vAlign="top" width="171">
<H1> <IMG id="IMG1" height="131" src="images/image-sell.jpg
" width="113" border="0"></H1>
<H1> <IMG height="131" src="images/image-let.jpg"
width="113" border="0"></H1>
<H1> <IMG height="131" src="images/image-ad-flat-
share.jpg"
width="113" border="0"><BR>
</H1>
</td>
<td vAlign="top" width="529">
<P>
<P align="center"><FONT size="4">Sell or Let Your Home Privately and Reach
Millions!</FONT>
</P>
<DIV>
<TABLE id="Table1" cellSpacing="2" cellPadding="0" border="0">
<TBODY>
<TR>
<TD colSpan="2" rowSpan="1">
<P align="center"><STRONG>So what does our FREE service include?</STRONG></P>
<P align="left"><STRONG>If you're selling or letting a property:<BR>
<BR>
</STRONG>
</P>
</TD>
</TR>
<TR>
<TD align="right" width="42">
<P><IMG src="images/bullet.gif"></
P>
</TD>
<TD>
<P><STRONG><FONT color="#000099">Your advert listed here immediately. We will
also promote sales and rentals on the following great sites at no cost:</FONT></STRONG></P>
</TD>
</TR>
<TR>
<TD align="right" width="42">
<P> </P>
</TD>
<TD>
<UL>
<LI>
<STRONG><FONT color="#000099">propertyfi
nder</FONT
></STRONG>
<LI>
<STRONG><FONT color="#000099">timesonlin
e</FONT></
STRONG>
<LI>
<STRONG><FONT color="#000099">yahoo</FON
T></STRONG
>
<LI>
<STRONG><FONT color="#000099">wanadoo</F
ONT></STRO
NG>
<LI>
<STRONG><FONT color="#000099">channel4.c
om</FONT><
/STRONG>
<LI>
<STRONG><FONT color="#000099">upmystreet
</FONT></S
TRONG>
<LI>
<STRONG><FONT color="#000099">uknetguide
</FONT></S
TRONG></LI
></UL>
</TD>
</TR>
<TR>
<TD align="right" width="42"><STRONG><FONT color="#000099"></FONT></S
TRONG></TD
>
<TD><STRONG><FONT color="#000099"></FONT></S
TRONG></TD
>
</TR>
<TR>
<TD align="right" width="42"><STRONG><FONT color="#000099"><IMG src="images/bullet.gif"></
FONT></STR
ONG></TD>
<TD>
<P><STRONG><FONT color="#000099">Your own full web page with your property details</FONT></STRONG></P
>
</TD>
</TR>
<TR>
<TD align="right" width="42"><STRONG><FONT color="#000099"></FONT></S
TRONG></TD
>
<TD>
<P> </P>
</TD>
</TR>
<TR>
<TD align="right" width="42"><STRONG><FONT color="#000099"><IMG src="images/bullet.gif"> </FONT>
</STRONG>
</TD>
<TD><STRONG><FONT color="#000099">Display of up to six digital photographs of your
property. You will need to email these to us after your advert has
been created, details of how to do this will be in your confirmation email.</FONT></STRONG></TD
>
</TR>
<TR>
<TD align="right" width="42"><STRONG><FONT color="#000099"></FONT></S
TRONG></TD
>
<TD><STRONG><FONT color="#000099"></FONT></S
TRONG></TD
>
</TR>
<TR>
<TD align="right" width="42"><STRONG><FONT color="#000099"><IMG src="images/bullet.gif"> </FONT>
</STRONG>
</TD>
<TD><STRONG><FONT color="#000099">Adverts are displayed for 6 months. These can be
renewed, edited or deleted via our advertisment maintenance facility.</FONT></STRONG><
/TD>
</TR>
<TR>
<TD align="right" width="42"><STRONG><FONT color="#000099"></FONT></S
TRONG></TD
>
<TD><STRONG><FONT color="#000099"></FONT></S
TRONG></TD
>
</TR>
<TR>
<TD align="right" width="42"><STRONG><FONT color="#000099"><IMG src="images/bullet.gif"> </FONT>
</STRONG>
</TD>
<TD><STRONG><FONT color="#000099">Free guide - </FONT></STRONG><A href="sellingprivately.pdf
"><STRONG>
<FONT color="#006699">How
to sell your property privately</FONT></STRONG><
/A></TD>
</TR>
<TR>
<TD align="right" width="42"><STRONG><FONT color="#000099"></FONT></S
TRONG></TD
>
<TD><STRONG><FONT color="#000099"></FONT></S
TRONG></TD
>
</TR>
<TR>
<TD align="right" width="42"><STRONG><FONT color="#000099"><IMG src="images/bullet.gif"></
FONT></STR
ONG></TD>
<TD>
<P><STRONG><FONT color="#000099">The ability to sell in conjunction with an estate
agent (you will need to check your contract) For further information </FONT>
</STRONG><A href="
http://www.oft.gov.uk/Consumer/Your+Rights+When+Shopping/Home/default.htm">
<STRONG><FONT color="#000099">click here</FONT></STRONG></A><S
TRONG><FON
T color="#000099">
to see the 'quick guide to buying or selling your home' published by the Office
of Fair Trading</A>. </FONT></STRONG>
</P>
</TD>
</TR>
<TR>
<TD align="right" width="42"><STRONG><FONT color="#000099"></FONT></S
TRONG></TD
>
<TD><STRONG>
<P>
</STRONG> </P></TD>
</TR>
<TR>
<TD align="right" width="42"><STRONG><FONT color="#000099"><IMG src="images/bullet.gif"></
FONT></STR
ONG></TD>
<TD><STRONG><FONT color="#000099">A completely free service (limited period only)</FONT></STRONG></TD>
</TR>
<TR>
<TD align="right" width="42"></TD>
<TD></TD>
</TR>
<TR>
<TD width="300" colSpan="2">
<P align="left"><STRONG><BR>
If you're advertising a flatshare:<BR>
<BR>
</P>
</STRONG>
</TD>
</TR>
<TR>
<TD align="right" width="42"><IMG src="images/bullet.gif"></
TD>
<TD><STRONG><FONT color="#000099">Your advert listed here immediately.</FONT></STRON
G></TD>
</TR>
<TR>
<TD align="right" width="42"></TD>
<TD></TD>
</TR>
<TR>
<TD align="right" width="42"><IMG src="images/bullet.gif"></
TD>
<TD>
<P><STRONG><FONT color="#000099"> Your own full web page with your flatshare details</FONT></STRONG></P
>
</TD>
</TR>
<TR>
<TD align="right" width="42"></TD>
<TD></TD>
</TR>
<TR>
<TD align="right" width="42"><IMG src="images/bullet.gif"></
TD>
<TD><STRONG><FONT color="#000099">Adverts are displayed for 3 weeks. These can be
renewed, edited or deleted via our advertisment maintenance facility.</FONT></STRONG><
/TD>
</TR>
<TR>
<TD width="42" align="right"><STRONG><FON
T color="#000099"></FONT></S
TRONG></TD
>
</td>
</tr>
<TR>
<TD align="right" width="42"></TD>
<TD></TD>
</TR>
<TR>
<TD align="right" width="42"><IMG src="images/bullet.gif"></
TD>
<TD><STRONG><FONT color="#000099">Free adverts</FONT></STRONG></T
D>
</TR>
</TBODY></table>
</DIV> <FONT color="#cc0000"><STRONG>
<BR>
Getting Started</STRONG>
<BR>
</FONT>
<a id="hlPlaceAd1" href="shopper_lookup.aspx?
mscssid=&a
mp;dept_id
=1&pf_
id=004&
;mode=new&
amp;target
=adspec.as
px" style="font-weight:bold;">
Place a sales advert</a><BR>
<a id="hlPlaceAd2" href="shopper_lookup.aspx?
mscssid=&a
mp;dept_id
=1&pf_
id=002&
;mode=new&
amp;target
=adspec.as
px" style="font-weight:bold;">
Place a rental advert</a><BR>
<a id="hlPlaceAd3" href="shopper_lookup.aspx?
mscssid=&a
mp;dept_id
=1&pf_
id=005&
;mode=new&
amp;target
=adspec.as
px" style="font-weight:bold;">
Place a flatshare advert</a></td>
</tr>
<TR>
</td>
</tr>
</TBODY></table>
</form>
</FONT>
<p> </p>
<p>
<!------------------------
----------
->
<!-- MAIN CONTENT AREA ENDS HERE -->
<!------------------------
----------
-></p>
</TD></TR>
<tr>
<td class="leftBorder rightBorder darkTopBorder darkBottomBorder" align="center" height="30"><A id="link1" href="../terms.aspx" name="link4">Terms
& Conditions | Disclaimer</A></td>
</tr>
<tr>
</tr> </TBODY></TABLE></TD>
<td class="rightShadow" vAlign="top" align="left"><IMG height="10" src="images/shadow-toprigh
t.gif" width="4"></td>
</TR>
<tr>
<td> </td>
<td vAlign="top"><IMG height="4" src="images/shadow-bottom.
gif" width="756"></td>
<td vAlign="top" align="left"><IMG height="4" src="images/shadow-bottomr
ight.gif" width="4"></td>
</tr>
</TBODY></TABLE>
</body>
</HTML>