31
This section allows you to view all posts made by this member. Note that you can only see posts made in areas you currently have access to.
Net neutrality .
Offspring
<!---style.php---!>
<!--Stylesheet--->
<!--------------->
#nav, #nav ul { /* all lists */
border-style:none;
padding: 0;
margin: 0;
list-style: none;
line-height: 1;
}
#nav a {
border-style:none;
margin:0;
display: block;
width: 10em;
}
#nav li {
border-style:none;
float: left;
width: 10em; /* width needed or else Opera goes nuts */
}
#nav li ul { /* second-level lists */
border-style:none;
position: absolute;
background: #FFFFFF;
width: 10em;
left: -999em;
}
<!---Make sure to add li.jhover here---!>
#nav li:hover ul, #nav li.jhover ul {
border-style:none;
left: auto;
}
<!---index.html---!>
<!---HTML code--->
<!----------------->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<LINK REL=StyleSheet HREF="style.php" TYPE="text/css"/>
<title>Dropdown test</title>
<!---Javascript Code---!>
<!---------------------->
<script type="text/javascript"><!--//--><![CDATA[//><!--
jHover = function() {
var a = document.getElementById("nav").getElementsByTagName("LI");
for (var i=0; i < a.length; i++) {
a.onmouseover=function() {
this.className+=" jhover";
}
a.onmouseout=function() {
this.className=this.className.replace(new RegExp(" jhover\\b"), "");
}
}
}
if (window.attachEvent) window.attachEvent("onload", jHover);
//--><!]]></script>
</head><body>
<table align="left" width="400">
<td>
<ul id="nav">
<li><a href="#"><img border="0" src="http://www.spectere.net/smf/userav//avatar_1.png"></a>
<ul>
<li><a href="#"><img border="0" src="http://www.spectere.net/smf/userav//avatar_9.gif"></a></li>
<li><a href="#"><img border="0" src="http://www.spectere.net/smf/userav//avatar_29.gif"></a></li>
<li><a href="#"><img border="0" src="http://www.spectere.net/smf/userav//avatar_16.gif"></a></li>
</ul>
</li>
</ul>
</div>
</td>
</table>
</body>
tasty happy yummy curry.
THE BIG BOX, I feel obese now.