 |
|
|
| View previous topic :: View next topic |
| Author |
Message |
Chrizzle
Joined: 03 Apr 2009
Posts: 4
|
|
sticks464
Joined: 31 Dec 2006
Posts: 2629
|
 Posted: Fri Apr 03, 2009 10:38 am |
 |
|
|
I'm t work right now and limited to IE only, but I see the dropdown for Teams does not dropdown, it flies up. Is this what you are refering to?
I will be home in a couple of hours and will look at it in FF. |
|
Chrizzle
Joined: 03 Apr 2009
Posts: 4
|
| Posted: Fri Apr 03, 2009 10:51 am |
|
|
|
| I didn't know that it was flying up now. Okay, yeah it's not supposed to be doing that either. Haha. If you could help me with that too that'd be great. Thanks! |
|
sticks464
Joined: 31 Dec 2006
Posts: 2629
|
| Posted: Fri Apr 03, 2009 1:09 pm |
|
|
|
Is this a menu from Dynamic Drive? If so there is a documented bug that the author has not fixed that makes the drop down go up instead of down.
I would suggest getting a different menu. Or I can do a menu for you that requires no javascript. |
|
Chrizzle
Joined: 03 Apr 2009
Posts: 4
|
| Posted: Fri Apr 03, 2009 4:36 pm |
|
|
|
If you could do that for me, I would be ETERNALLY grateful. I don't have the patience to even try to figure out what is wrong with that script. I just basically want the menu to do two things:
1-Look and function exactly as is
2-Work
Thank you so much! |
|
sticks464
Joined: 31 Dec 2006
Posts: 2629
|
| Posted: Fri Apr 03, 2009 8:08 pm |
|
|
|
I went ahead and included the script if you are supporting IE6.
html
| Code: |
<table class="indexframe" style="width: 908px" bordercolor="#ffffff" cellspacing="0" cellpadding="0" align="center" bgcolor="#000000" border="0">
<tbody>
<tr>
<td colspan="8"><img alt="" src="images/headertest.jpg" /></td></tr>
<tr>
<td>
<ul id="nav">
<li class="home"><a href="index.html">| Home |</a>
<ul>
<li><a href="index.html">- Updates -</a></li>
<li><a href="index.html">- Flyers -</a></li>
</ul>
</li>
<li class="about"><a href="about.html">| About Us |</a>
<ul>
<li><a href="history.html">- History -</a></li>
<li><a href="meet.html">- Meet the Owners -</a></li>
<li><a href="chinatown.html">- Chinatown Arts -</a></li>
</ul>
</li>
<li class="training"><a href="training.html">| Training |</a>
<ul>
<li><a href="instructors.html" onClick="return popup(this, 'instructors')">- Instructors -</a></li>
<li><a href="curriculum.html" onClick="return popup(this, 'curriculum')">- Curriculum -</a></li>
<li><a href="course.html" onClick="return popup(this, 'course')">- Course Schedule -</a></li>
<li><a href="corporate.html">- Corporate Training -</a></li>
</ul>
</li>
<li class="teams"><a href="teams.html">| Teams |</a>
<ul>
<li><a href="azplayers.html">- All Players -</a></li>
<li><a href="aftermath.html">- Aftermath -</a></li>
<li><a href="belligerent.html">- Belligerent -</a> </li>
<li><a href="casual.html">- Casual Threat -</a> </li>
<li><a href="first.html">- First Class -</a> </li>
<li><a href="therapy.html">- Group Therapy -</a> </li>
<li><a href="iyfi.html">- IYFI -</a> </li>
<li><a href="jolly.html">- Jolly All Stars -</a> </li>
<li><a href="loose.html">- Loose Screws -</a> </li>
<li><a href="second.html">- Second Class Citizens -</a> </li>
</ul>
</li>
<li class="media"><a href="media.html">| Media |</a>
<ul>
<li><a href="photos.html" onClick="return popup(this, 'photos')">- Photos -</a> </li>
<li><a href="presskit.html" onClick="return popup(this, 'press')">- Press Kit -</a></li>
</ul>
</li>
<li class="buy"><a href="buy.html">| Purchase |</a>
<ul>
<li><a href="tickets.html" onClick="return popup(this, 'tickets')">- Tickets -</a> </li>
<li><a href="classes.html" onClick="return popup(this, 'classes')">- Classes -</a> </li>
</ul>
</li>
<li class="contact"><a href="contact.html">| Contact Us |</a>
<ul>
<li></a><a href="email.html" onClick="return popup(this, 'contact')">- Email Us -</a></li>
<li><a href="streetteam.html" onClick="return popup(this, 'streetteam')">- Street Team -</a></li>
<li><a href="rent.html">- Rent the Space -</a></li>
</ul>
</li>
</ul>
</td>
<td valign="right" width="292"><img alt="" src="images/header2test.jpg" /> </td></tr>
<tr></tr></tbody></table> |
this goes on the stylesheet
| Code: |
ul#nav, ul#nav ul {
margin: 0;
padding: 0;
list-style: none;
font-family:"Georgia", Times New Roman, Times, serif;
font-size: .85em;
}
ul#nav li {
position: relative;
float: left;
text-align:left;
}
ul#nav li.home{width:75px;}
ul#nav li.about{width:86px;}
ul#nav li.training{width:98px;}
ul#nav li.teams{width:87px;}
ul#nav li.media{width:68px;}
ul#nav li.buy{width:101px;}
ul#nav li.contact{width:101px;}
#nav li ul {
position: absolute;
margin-left: -999em; /* hide menu from view */
top: auto;
left:0;
}
#nav li ul a {width:140px; text-align:left;}
/* Styles for Menu Items */
ul#nav li a {
display: block;
text-decoration: none;
color: #fff;
background: #000; /* IE6 Bug */
padding: 5px;
margin-bottom:-1px;
min-height:0;
font-weight:bold;
}
/* commented backslash mac hiding hack \*/
* html ul#nav li a {height:1%; position:relative;}
/* end hack */
/* this sets all hovered lists to red */
#nav li:hover a,#nav li.over a,
#nav li:hover li a:hover,#nav li.over li a:hover {
color: #b2121a;
}
/* set dropdown to default */
#nav li:hover li a,#nav li.over li a {
color: #fff;
background-color: #000;
}
#nav li ul li a { padding: 5px 5px; } /* Sub Menu Styles */
#nav li:hover ul,#nav li.over ul {margin-left:0; } /* show menu*/ |
Put this conditional statement in the head section of each page
| Code: |
<!--[if lte IE 7]>
<style type="text/css">
ul#nav li a { {font-size:70%;}
ul#nav li ul a {font-size:80%;}
</style>
<![endif]-->
|
If you are supporting IE6, this goes in the head section of each page
| Code: |
<!--[if lt IE 7]>
<script type="text/javascript">
sfHover = function() {
var sfEls = document.getElementById("nav").getElementsByTagName("LI");
for (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=function() {
this.className+=" over";
}
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp(" over\\b"), "");
}
}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
</script>
<![endif]--> |
Chrome does not render the font-size correctly and Opera does not show the hover color. My computer browsers have been known to be wrong before so you can test and see for yourself. |
|
Chrizzle
Joined: 03 Apr 2009
Posts: 4
|
| Posted: Mon Apr 06, 2009 2:09 am |
|
|
|
| Thank you SOOOOO very much. You just saved me a lot of time (and hair). =) |
|
|
|
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
|
|
|
|
|
 |
|
|
|
|
|
|
|
HTML Help Forum
FAQ
Search
Memberlist
Register
Profile
Log in to check your private messages
Log in
