I'm using IE 11 and FF 32.0.3.
I realise I'm using a lot of inline styles and will try to refrain from doing so if it'll cause problems.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/mainwithsidebar.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>A History of Education in Greencastle Parish</title>
<!-- InstanceEndEditable -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script> <!-- Flash Map -->
<script src="Scripts/smooth.pack.js" type="text/javascript"></script> <!-- Smooth Scroll -->
<script type="text/javascript" src="Scripts/Fancybox/fancybox_params.js"></script>
<script type="text/javascript" src="Scripts/jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="Scripts/Fancybox/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="Scripts/Fancybox/jquery.fancybox-1.2.1.pack.js"></script>
<script type="text/javascript">
/* <![CDATA[ */
$(document).ready(function() {
$("a.iframe").fancybox();
});
$(document).ready(function() {
$("a.yesopen").fancybox();
});
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}
/* ]]> */
</script>
<!-- InstanceBeginEditable name="head" -->
<!-- InstanceEndEditable -->
<style type="text/css">
body,td,th {
font-family: Arial, Helvetica, sans-serif;
}
body {
background-color: #d9ffdb;
margin-top: 0px;
}
</style>
<link rel="icon" href="http://www.greencastleparish.com/favicon.ico" type="image/x-icon" />
<link rel="stylesheet" type="text/css" href="CSS/template.css" media="screen" />
<link rel="stylesheet" type="text/css" href="Scripts/Fancybox/jquery.fancybox.css" media="screen" />
<link rel="stylesheet" href="Webfonts/ArialNarrow/stylesheet.css" type="text/css" charset="utf-8" />
<link href='http://fonts.googleapis.com/css?family=Oswald:400,300,700' rel='stylesheet' type='text/css'/>
<!-- InstanceBeginEditable name="css" -->
<link rel="stylesheet" type="text/css" href="CSS/historyofeducation.css" media="screen" />
<!-- InstanceEndEditable -->
<style type="text/css">
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
</style>
</head>
<body>
<a name="topofpage" id="topofpage"></a>
<div id="main-div">
<div class="wrapper">
<div class="topbanner">WELCOME TO THE GREENCASTLE PARISH WEBSITE</div>
<!-- InstanceBeginEditable name="bannerimg" -->
<img src="Images/History/Education/banner.png" alt="Greencastle Parish" /><!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="menu" -->
<div class="menucntr">
<div class="menubtn" style="padding-left: 8px;">HOME</div>
<div class="menubtn">HISTORY</div>
<div class="menubtn">NEWS SHEET</div>
<div class="menubtn">PARISH EVENTS</div>
<div class="menubtn">MINISTRY GROUPS</div>
<div class="menubtn">YOUNG PEOPLE</div>
<div class="menubtn">SCHOOL</div>
<div class="menubtn">GUESTBOOK</div>
<div class="menubtn">LINKS</div>
<div class="menubtn" style="border-right: none;">CONTACTS</div>
</div>
<!--menucntr-->
<!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="body" -->
<div class="bodywrapper">
<div class="heading">A History of Education in Greencastle Parish</div>
<div class="maintext">
In Greencastle parish there were five schools. Greencastle, Cashel, Crock, Ligatraght (Coneyglen) and Broughderg.
<div style="height: 5px;"></div>
These schools were built in the early 1800s and had two classrooms with two entrance halls and playground.
<div style="height: 5px;"></div>
The classroom had an open grate. Parents took a load of turf each year for the fires and some children carried a few daily.
<div style="height: 5px;"></div>
There was little money to spare on the upkeep of the school. There were no caretakers so the teachers had to put on school fires as well as sweep the rooms daily and do the dusting.
<div style="height: 5px;"></div>
According to today’s standards, school furniture and equipment was meagre consisting mainly of some long modern desks which held 8 to 10 children as well as a large cupboard, high desk and store for the teacher.
<div style="height: 5px;"></div>
Toilets were outdoors and near the turf shed at the back (no indoor sanitation). Water was carried from
neighbouring houses.
<div style="height: 5px;"></div>
The assistant teacher taught the infants as well as classes one, two and three. The Principal taking classes four, five and six. Children started school at five years old and left after their 14<sup>th</sup> birthday.
<span class="clicktojumptext">Click on a name to jump directly to it</span>
</div> <!-- maintext -->
<div class="anchornames" style="font-size: 18px;">
<a href="#greencastle">GREENCASTLE</a> • <a href="#cashel">CASHEL</a> • <a href="#crock">CROUCK / CROCK</a> • <a href="#coneyglen">CONEYGLEN (LIGATRAGHT)</a>
<br />
<a href="#broughderg">BROUGHDERG</a> • <a href="#ourladyoflourdes">OUR LADY OF LOURDES</a> • <a href="#schoolclosures">SCHOOL CLOSURES</a>
</div> <!--anchornames -->
<div class="schoolwrapper">
<a name="greencastle" id="greencastle"></a>
<a class="yesopen" href="Images/History/Education/greencastle.png" rel="fancybox[gallery]" title="">
<span class="roll"></span>
<div class="imgborder"><img alt="" src="Images/History/Education/greencastle-s.png" /></div>
</a>
<div class="schooldetailswrapper">
<div class="schoolname">Greencastle Public Elementary School</div>
<div class="schooldetails">
Education records show that this school was established in January 1862. The first Principal was Michael Clarke, next appointment CJ Donnelly (1887 – 1929) followed by J.A. Rodgers and Bernard O’Boyle, Maurice Rodgers, Michael J. McElduff, John Ward, Malachy McAleer, Miss Mary Morris, Jenny McAleer, Mary O’Kane Kelly and Alice Keenan.
<div style="height: 5px;"></div>
<span style="font-family: 'arialnarrow_bold', 'Arial Narrow', Arial, sans-serif; font-size: 14px;">Photograph:</span> <span style="font-size: 14px;">Christina Morris</span>
</div> <!-- schoolsdetails -->
</div> <!-- schooldetailswrapper -->
</div> <!-- schoolwrapper -->
<div class="pagetop"><a href="#topofpage">PAGE TOP <sup>▲</sup></a></div>
<div class="schoolwrapper">
<a name="cashel" id="cashel"></a>
<a class="yesopen" href="Images/History/Education/cashel.png" rel="fancybox[gallery]" title="">
<span class="roll"></span>
<div class="imgborder"><img alt="" src="Images/History/Education/cashel-s.png" /></div>
</a>
<div class="schooldetailswrapper">
<div class="schoolname">Cashel</div>
<div class="schooldetails">
Cashel School was established in 1886. The first Principal was Solomon Morris with his wife acting as assistant teacher, other teachers were Rhona Morris, Sara Collins, Cissie Fox, Mary Gormley, Mary Keenan, Miss Sally, Rose O’Hagan, Kathleen Donaghy, Mrs. Long and Frances McCrory.
<div style="height: 5px;"></div>
<span style="font-family: 'arialnarrow_bold', 'Arial Narrow', Arial, sans-serif; font-size: 14px;">Photograph:</span> <span style="font-size: 14px;">Mickey Fox</span>
</div> <!-- schoolsdetails -->
</div> <!-- schooldetailswrapper -->
</div> <!-- schoolwrapper -->
<div class="pagetop"><a href="#topofpage">PAGE TOP <sup>▲</sup></a></div>
<div class="schoolwrapper">
<a name="crock" id="crock"></a>
<a class="yesopen" href="Images/History/Education/crock.png" rel="fancybox[gallery]" title="">
<span class="roll"></span>
<div class="imgborder"><img alt="" src="Images/History/Education/crock-s.png" /></div>
</a>
<div class="schooldetailswrapper">
<div class="schoolname">Crouck / Crock</div>
<div class="schooldetails">
The first reference to Crock School dates back to 30<sup>th</sup> November, 1886. The Education Board approved a grant of £224 to accommodate 120 children. The house was to be built with one room and the land was leased from Mr. C. Morris. Fr. G. Nelson appointed manager, an extension added in 1892.
<div style="height: 5px;"></div>
<span style="font-family: 'arialnarrow_bold', 'Arial Narrow', Arial, sans-serif;">Teachers:</span> Patrick McAleer was appointed principal in January 1888 assisted by William Sharkey. Other teachers in Crock were Master Rodgers, Susan Rodgers, Miss Brigid Monaghan, Miss Celia McConnell, Miss Mary Josephine Clarke, Miss Monaghan, Mrs. Mary Sally, Peter A. McCullagh, Alice Keenan and Catherine Donnelly.
</div> <!-- schoolsdetails -->
</div> <!-- schooldetailswrapper -->
</div> <!-- schoolwrapper -->
<div class="pagetop"><a href="#topofpage">PAGE TOP <sup>▲</sup></a></div>
<div class="schoolwrapper">
<a name="coneyglen" id="coneyglen"></a>
<a class="yesopen" href="Images/History/Education/coneyglen.png" rel="fancybox[gallery]" title="">
<span class="roll"></span>
<div class="imgborder"><img alt="" src="Images/History/Education/coneyglen-s.png" /></div>
</a>
<div class="schooldetailswrapper">
<div class="schoolname">Coneyglen (Ligatraght)</div>
<div class="schooldetails">
Established to educate the children of the employees of Dorvail Farm.
<div style="height: 5px;"></div>
The patron of the school is E Greer Esq. It dates from 1861. It always had Catholic teachers.
<div style="height: 5px;"></div>
The school closed in 1961; one hundred years after it opened.
<div style="height: 5px;"></div>
<span style="font-family: 'arialnarrow_bold', 'Arial Narrow', Arial, sans-serif;">Teachers:</span> Francis Kelly (resigned in December 1878). Pat Conway,
Michael Morton (1880), Miss Mary A. Conway, Miss Margaret Bradley,
Miss A. Conway, Mr. Maurice Rodgers, Miss Brigid Monaghan,
Mrs. Sally (nee Kelly), Miss Kathleen McCullagh, Miss Mary McCullagh.</div> <!-- schoolsdetails -->
</div> <!-- schooldetailswrapper -->
</div> <!-- schoolwrapper -->
<div class="pagetop"><a href="#topofpage">PAGE TOP <sup>▲</sup></a></div>
<div class="schoolwrapper">
<a name="broughderg" id="broughderg"></a>
<a class="yesopen" href="Images/History/Education/broughderg.png" rel="fancybox[gallery]" title="">
<span class="roll"></span>
<div class="imgborder"><img alt="" src="Images/History/Education/broughderg-s.png" /></div>
</a>
<div class="schooldetailswrapper">
<div class="schoolname">Broughderg</div>
<div class="schooldetails">
Broughderg National School was set up in 1829. A report shows 36 male and 24 female pupils on the roles. The teachers were Robert and Pat Conway and paid £5-10s (five pounds and ten shillings) for six months. <div style="height: 5px;"></div>
A new school was built in 1910. Built on a new site, a 1921 report states average numbers of pupils on roll was 56.
<div style="height: 5px;"></div>
<span style="font-family: 'arialnarrow_bold', 'Arial Narrow', Arial, sans-serif;">Teachers:</span> Miss Eileen Loughran, Miss McGurk, Mr. McGlynn, Miss Bradley, Miss Mary McConnell and Miss Lucy McCullagh (all Principals). Miss Annie Kelly, Miss Annie Toner, Miss Sheila Campbell, Miss Mary O’Neill, Miss Rita Loughran, Miss Mary McCullagh, Miss Sarah Donnelly, Miss Margaret Lynch, Alice Keenan, and Mrs. Sarah Warnock (assistant teachers).
</div> <!-- schoolsdetails -->
</div> <!-- schooldetailswrapper -->
</div> <!-- schoolwrapper -->
<div class="pagetop"><a href="#topofpage">PAGE TOP <sup>▲</sup></a></div>
<div class="schoolwrapper">
<a name="ourladyoflourdes" id="ourladyoflourdes"></a>
<a class="yesopen" href="Images/History/Education/ourladyoflourdes.png" rel="fancybox[gallery]" title="">
<span class="roll"></span>
<div class="imgborder"><img alt="" src="Images/History/Education/ourladyoflourdes-s.png" /></div>
</a>
<div class="schooldetailswrapper">
<div class="schoolname">Our Lady of Lourdes</div>
<div class="schooldetails">
When Our Lady of Lourdes Primary School Greencastle opened in September 1980 all other schools in the parish closed.
<div style="height: 5px;"></div>
<span style="font-family: 'arialnarrow_bold', 'Arial Narrow', Arial, sans-serif;">Teachers:</span> Peter A. McCullagh (Principal), Mrs. Rose O’Hagan (Vice Principal), Mrs. Catherine Donnelly, Mrs. Marie Bradley, Mrs. Sarah Warnock and Alice Keenan.
</div> <!-- schoolsdetails -->
</div> <!-- schooldetailswrapper -->
</div> <!-- schoolwrapper -->
<div class="pagetop"><a href="#topofpage">PAGE TOP <sup>▲</sup></a></div>
<div class="schoolwrapper">
<a name="schoolclosures" id="schoolclosures"></a>
<div class="schooldetailswrapper" style="width: 739px;">
<div class="schoolname">School Closures</div>
<div class="schooldetails">
At the beginning of the 1960s secondary education changed the picture for primary schools. The transfer of pupils at eleven years of age reduced the primary school population by half. St. Colm’s in Draperstown was one of the earlier secondary schools. Children from Broughderg and Crock transferred to Draperstown travelling on the newly introduced school bus service between Broughderg and Draperstown.
</div> <!-- schoolsdetails -->
</div> <!-- schooldetailswrapper -->
</div> <!-- schoolwrapper -->
<div class="pagetop"><a href="#topofpage">PAGE TOP <sup>▲</sup></a></div>
</div> <!-- bodywrapper -->
<!-- InstanceEndEditable -->
<div class="mainsidebarcntr">
<div class="mainsidebarbtn">LATEST UPDATES</div>
<div class="mainsidebarbtn">NEWS SHEET</div>
<div class="mainsidebarbtn" style="font-size: 14px; line-height: 16px; padding: 9px 0 11px 0;; border: none;">SERVING OUR PARISH<br />VOLUNTEER SCHEDULE</div>
<img style="margin-bottom: 10px;" src="Images/Sidebar/dorvillepics.png" width="127" height="227" alt="Dorville Mass Rock Gathering" />
<img style="margin-bottom: 10px;" src="Images/Sidebar/cemeteryplan.png" width="127" height="70" alt="Dorville Mass Rock Gathering" />
</div>
<div class="copyrightwrapper">
<div class="copyright">© Greencastle Parish 2014. All rights reserved</div>
<div class="comigo">Designed, created and maintained by Comigo Web Design</div>
</div> <!-- copyrightwrapper -->
</div> <!--wrspper-->
</div> <!--main-div-->
</body>
<!-- InstanceEnd --></html>
Adding the .roll class to the img tag causes the hover effect to mess up as seen in the attached image.
The span tag I originally used along with the guidelines provided by Wynn seem to cause the hover effect to work properly
Are span tags a bad idea though and would it matter if I change it to a div tag?
If I remove either of the following jQuery it stops Fancybox from functioning.
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script type="text/javascript" src="../Scripts/jquery-1.6.1.min.js"></script>
The page checks out fine through W3C validation.