I am trying to rebuild a website after a few years away from things
due to a major HD failure. Only was able to recovery about 40% of it
and I notices things are not working like they did 3 years ago.
The site is a strict XHTML and CSS and it was validated by W3 as far
back as 2000.
I get background images coming up as 1/4 or numerous blocks when they
are supposedly to be solid in the first place. background-image:
url(../../../icons/bg/bg33.jpg);}.
If I add no-repeat 6000px 6000px, the whole background changes to a
different solid colour. Any reason for this as it is in both IE7 and
FF2?
I want to do a drop down or side menu and it not working out.
I have a table with 5 columns and 5 rows where I want a mouseover
dropdown list or side that various from cell to cell. Below is the
largest list cell and I don't want the Sq or circles showing up. The
rest have only 4 li under one ul.
I only want the menus showing up if the link is mouse. IE TTC/TTC.html
If there a better way of doing this? I welcome it. Thanks
<style type="text/css">
<!--
ul #nav li ul {
display: none;
list-style: none;
padding: 0;
margin: 0;
ul #nav li:hover ul {
display: block;
list-style: none;
padding: 0;
margin: 0;
-->
</style>
<script type="text/javascript"><!--//--><![CDATA[//><!--
startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("nav");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
}
node.onmouseout=function() {
this.className=this.className.replace(" over", "");
}
}
}
}
}
window.onload=startList;
//--><!]]></script>
<body>
<tr>
<td><ul id="nav">
<li><a href="TTC/TTC.html" tabindex="" title="Taking you to the main
site for none TTC site"><img src="../icons/transit/TTC.gif"
width="100" height="40" alt="TTC Icon" border="0" /></a>
</li>
<ul>
<li><a href="Photo's">Photo's</a></li>
<ul id=list>
<li><a href="TTC/photo's/bus.html">Buses</a></li>
<li><a href="">Streetcars</a></li>
<li><a href="">Subway</a></li>
<li><a href="">SRT</a></li>
<li><a href="">Terminals</a></li>
<li><a href="">MISC</a></li>
<li><a href="">Loops</a></li>
</ul>
<li><a href="">Construction</a></li>
<ul id="nav"><li><a href="">St Clair ROW</a></li>
<li><a href="">Park lawn Loop</a></li>
<li><a href="">Humber Loop</a></li>
<li><a href="">Queensway</a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
</ul>
<li><a href="">TTC Reports</a></li>
<li><a href="">EA Reports</a></li>
<li><a href="">Comments</a></li>
<li><a href="">Main TTC Website</a></li>
</ul>
</ul></td>
</body>
</html>