Get a decent tutorial, you have a bunch to learn yet.
There are a _handful_ of decent web ones, but most are sadly bad.
The only good book I know is O'Reilly's "Head First HTML with XHTML &
CSS"
Don't sweat it. You can't control choice of typeface on the web with
any real detail, so don't even try. For practical purposes you're
limited to serif, sans-serif and maybe monospace.
Tutorial time! But (simply) #ybclogo in CSS goes with <DIV
id="ybclogo"> in HTML
Replace
<p>For more information<A href="Contact2.html"</a> Contact US</P>
<p>For more information: <A href="Contact2.html">Contact Us</a> </P>
There's a great deal wrong with this page. None of it is major, but
there's a lot of extra grot in there that's actually making your work
harder. Read the O'Reilly and you'll see it too.
Otherwise:
In the HTML, kill all the <br> tags and use a <p> at the start of
every paragraph or paragraph-like section. Add some simple <b>, <em>
or <i> as you want.
Or just replace it with this:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "
http://www.w3.org/
TR/html4/strict.dtd" >
<html>
<head>
<title>York Baptist Church - Holiday Club 2007 :: New York Adventure</
title>
<meta http-equiv="imagetoolbar" content="no">
<link href="ybc_holclub7b.css" type="text/css" rel="stylesheet" >
</head>
<body>
<div id="ybclogo"><img src="Banner2.jpg" alt=""></div>
<div id="navigation"><img src="Liberty.jpg" alt="" ></div>
<div id="PageContent">
<h1 >Holiday Club 2007</h1>
<p>For all children from school years 1 to 6.
<p><b>Tues 10th - Fri 13th April 2007</b>
<p>9.45am - 12.30pm daily
<p>Join the New York Adventure at York Baptist Church's Holiday Club!
Come and join our programme of activities: games, arts, crafts,
quizzes, songs and Bible stories.
<p>There is <b>no charge</b> for joining in our adventure.
<p><em>Please note smoke effects may be used.</em>
<p>All club volunteers are required to undergo a Criminal Records
Bureau check.
<p>There is a <a href="
http://www.yorkbaptist.org.uk/resources.html">Pre-registration
form</a> available.
<p><a href="Contact2.html"> Contact Us</a> for more information.</p>
<p><a href="
http://www.yorkbaptist.org.uk" >Back to YBC Home</a></p>
</div>
<div id="webmasterlink" ><a
href="mailto:
[email protected]"
target="_parent"
<div id="lastupdated" >York Baptist Church, last updated 7th March
2007</div>
</body>
</html>
In the CSS, remove all these:
POSITION: absolute;
FONT-WEIGHT: *;
FONT-SIZE: *;
FONT-STYLE: *;
FONT-FAMILY: verdana,helvetica,arial;
Also remove all the "left", "top" and even the margin or padding
settings from anything except #pageContent. Make the CSS absolutely
minimal, and remove anything you don't understand. Then adjust it
(with at least some sort of tutorial) until you're happy.
If you insist, leave POSITION: absolute; on #pageContent and the
banner images (I wouldn't, but it's the easiest place to start from).
