By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
440,487 Members | 1,067 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 440,487 IT Pros & Developers. It's quick & easy.

Need help

P: n/a
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>

Feb 20 '07 #1
Share this Question
Share on Google+
2 Replies


P: n/a
Scripsit dr*****@hotmail.com:
If there a better way of doing this? I welcome it. Thanks
You could post the URL. If you want some help, that is.

--
Jukka K. Korpela ("Yucca")
http://www.cs.tut.fi/~jkorpela/
Feb 20 '07 #2

P: n/a
dr*****@hotmail.com wrote:
>
The site is a strict XHTML and CSS and it was validated by W3 as far
back as 2000.
Maybe it's time to try validating it again. The code below (even
assuming the missing code is actually present on your site) is invalid.
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);}.
Ooh, too much orange in this image. Definitely change it.

And as Jukka suggests, an URL would potentially help us help you.

--
John
Feb 20 '07 #3

This discussion thread is closed

Replies have been disabled for this discussion.