Click to See Complete Forum and Search --> : repeating the side image
otuatail
06-25-2007, 12:21 PM
Can anyone tell me how I can get the background image on the side menu to extend down the page regarless of each page content. If you look at
http://www.des-otoole.co.uk/ybc2/activities.php
and reduce the width of the browser, you will see the problem
The code in the strle sheet is
#navigation
{ position:absolute;
left:0px;
top:125px;
width:200px;
height:700px;
background-image: url(../images/navigation/menu_back.gif);
padding-top:10px;
}
Thanks Desmond.
WebJoel
06-25-2007, 01:09 PM
#navigation
{ position:absolute;
left:0px;
top:125px;
width:200px;
height:700px;
background: url(../images/navigation/menu_back.gif) repeat-y;
padding-top:10px;
}
Should/might do it. I don't know what image "menu_back.gif" is (haven't looked, -pressed for time right now).
You may need to state a CSS:
body, html {height:100%;}
to get it to 'tile vertically 100%'.
If this doesn't work, I'll re-visit this later tonight..
otuatail
06-25-2007, 02:05 PM
Thanks. I did try both height:100%; and repeat-y
No success
Desmond.
WebJoel
06-25-2007, 07:25 PM
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<title>York Baptist Church - Activities</title>
<link rel="stylesheet" href="http://www.des-otoole.co.uk/ybc2/stylesheets/ybc.css" type="text/css">
<base href="http://www.des-otoole.co.uk/ybc2/">
<style>
body, html {height:100%; background:url(http://www.des-otoole.co.uk/ybc2/images/navigation/menu_back.gif) repeat-y}
</style>
</head>
<body>
<div id="ybclogo">
<img src="images/logo.gif" alt="">
</div>
<div id="PageTitle">
<img src="images/Welcome.gif" alt="">
</div>
<div id="navigation" style="height:100%;">
<ul id="tabnav">
<li><a href="index.php">Welcome</a></li>
<li><a href="about.php">About Us</a></li>
<li>Church Activities</li>
<li><br><br><IMG src="images/w3c.gif" alt=""></li>
<li><IMG src="images/css.gif" alt=""></li>
</ul>
</div>
<div id="PageContent">
<p>As well as our regular Sunday Services (10:45am & 6:30pm) we have a number of activities
in which many people are involved on a regular basis, these are outlined below and take place
in the church unless otherwise stated.</p>
<table>
<tr>
<td class="rowheading">Sunday School and Bible Class: (approx. 60)</td>
<td>Same time as the morning service. The children and young people are in the morning
service for the first 15 minutes when there is a children's talk and the birthday box.</td>
</tr>
<tr>
<td class="rowheading">Prison Fellowship</td>
<td>Monday evenings fortnightly at <a href="http://www.hmprisonservice.gov.uk/prisoninformation/locateaprison/prison.asp?id=380,15,2,15,380,0">HMP Full Sutton</a> and periodically at <a href="http://www.hmprisonservice.gov.uk/prisoninformation/locateaprison/prison.asp?id=230,15,2,15,230,0">HMP Askham Grange</a>.</td>
</tr>
<tr>
<td class="rowheading">Women's Fellowship:</td>
<td>alternate Tuesday afternoons, 2.30pm. Contact office for more details</td>
</tr>
<tr>
<td class="rowheading">'LiveWires' (school Years 3-6):</td>
<td>Tuesday evenings, 6.15 - 7.30pm during term-time</td>
</tr>
<tr>
<td class="rowheading">Parents and Toddlers 'Jellytots': (approx.30)</td>
<td>Wednesday mornings, 10 - 11.30am and Friday mornings 10 - 11.30am</td>
</tr>
<tr>
<td class="rowheading">Wednesday prayer meeting</td>
<td>Wednesdays 6.30 - 7.30pm in the church.</td>
</tr>
<tr>
<td class="rowheading">Home groups: (Bible study and prayer)</td>
<td>5 groups on Thursday evenings, in different homes throughout the city (7.30pm)
& 1 group on Thursday mornings in church (10.30am).
Groups come together once a month for a meeting at church</td>
</tr>
<tr>
<td class="rowheading">Friday Nite Live (school Years 7-10):</td>
<td>alternate Friday evenings, 7.45 - 9.15pm , Church back hall.</td>
</tr>
<tr>
<td class="rowheading">Crossfire (school Years 7-10):</td>
<td>the other Friday evenings, 7.45 - 9.15pm, in a local home.</td>
</tr>
<tr>
<td class="rowheading">Oliver House</td>
<td>Twice a month service at residential home for older people Sunday afternoon 5.30 pm - 6.00 pm </td>
</tr>
<tr>
<td class="rowheading"><a href="students.html">Students and Young Adult's Fellowship:(16 years and over)</a></td>
<td>We have students from 3 different Colleges/Universities in York.
Sunday lunches and meetings after the evening service are regularly arranged.</td>
</tr>
</table>
<p>These activities are supplemented throughout the year by other 'Special' events and on-going work in the community</p>
<ul>
<li>For the last nine years we have held a <a href="holidayClub.htm">Holiday Club</a> for a week around Easter which has seen over 100 children attending daily. The week is themed and the main church is transformed beyond recognition for the adventure. In past years, the church has become a jungle, a seabed and outerspace. The club offers a combination of craft activities, games and Bible teaching for 5-11 year olds. </li>
<li>Every Spring Bank Holiday, the church supports the <a href="http://www.greenfieldcamp.co.uk">Greenfield Camp</a>, an annual weekend for 7 - 11 year olds.</li>
<li>Children from the church regularly attend Scripture Union and Faith Mission camps,
Young Life Holidays both as participants and as leaders </li>
<li>The minister of York Baptist Church also acts as Baptist chaplain at the University of York. </li>
<li>As a 'city-centre church' we have many opportunities for witness to the tourists who visit York from
the UK and overseas. Literature about the church can be found in the guesthouses and hotels of York </li>
</ul>
<div id="webmasterlink">
<A HREF="mailto:webmaster@yorkbaptist.org.uk">
webmaster@yorkbaptist.org.uk</A>
</div>
<div id="lastupdated">
York Baptist Church, last updated : 15 March 2007
</div>
</div>
</body>
</html> It works now. Applied to the background of the body, html.
I added the URL to complete the valid !doctype. There are a few small errors, -unrecognized amperands maybe, etc., that should be written as "&", etc..
otuatail
06-26-2007, 01:42 PM
& ? W3C passed this but have changed it. I'm not an expert on Seperate style sheets but I fave tried both inline in activities.php and in ybc.css. I can't get it working. can anyone see the style sheet. Top bit only
body, html
{
height:100%;
background:url(http://www.des-otoole.co.uk/ybc2/images/menu_back.gif) repeat-y
}
#ybclogo
{ position:absolute;
left:0px;top:0px; }
#PageTitle
{ position:absolute;
left:300px;
top:10px; }
WebJoel
06-26-2007, 04:42 PM
& ? Not sure if these were what was cited when I ran TIDY, but it requires 'escaped character entites'. I only skimmed for page-busting errors and saw none, but 'noted' two or three 'warnings' of "unescaped characters".
"&" throws a validation "warning", while "&" does not. :)