|
|
Posted by Andy Dingley on 03/12/07 17:05
On 12 Mar, 14:58, "Desmond" <otuat...@aol.com> wrote:
> Can anyone help on the style sheet issues.
> http://www.des-otoole.co.uk/YBC/holidayClub.htm
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"
> I can't get the table ti use the style sheet font.
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.
> I also do not now the significance oh the # in
> the stylesheet as it works without.
Tutorial time! But (simply) #ybclogo in CSS goes with <DIV
id="ybclogo"> in HTML
> There is a contact us on this section taking me to a web based email
> with the wrong font. Should be FONT-FAMILY: verdana,helvetica,arial;
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:webmaster@yorkbaptist.org.uk"
target="_parent"
>webmaster@yorkbaptist.org.uk</a></div>
<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).
[Back to original message]
|