Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 15 of 15

Thread: Need CSS help

  1. #1
    New Coder
    Join Date
    Oct 2006
    Posts
    21
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Need CSS help

    This page looks and acts correctly in Monzilla and Firefox except for the color of the second level fly outs under:

    "GENERAL": Studio Policies and Privacy Policies and the same under "SUPPORTIVE INFO": Web Questionnaire

    I also noticed that the <h1> shows out-of-place in Firefox.


    In IE and Opera it is messed up! The menu tab for PHOTOS shows solid and has the <h1>About Us included and it also pushes the page content down.


    The css for the drop menu will be an external css and the html of the menu will be an include call.

    So-o-o-o: I need to have the menu look and perform in 'all' browsers. And if someone can figure out the cause of the incorrectly colored fly-outs, I would consider that an extra.

    Code:
    www.waterfallrecordings.com/sendaboutus.html
    Thanks

  • #2
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Adding clear:both; to the H1 will fix the issue in Firefox. It may as well fix IE and Opera too. What color should the drop downs be?
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #3
    New Coder
    Join Date
    Oct 2006
    Posts
    21
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by _Aerospace_Eng_ View Post
    Adding clear:both; to the H1 will fix the issue in Firefox. It may as well fix IE and Opera too. What color should the drop downs be?
    Thanks for the clear:both tip; that did bump the H1 down to its proper place in Firefox. However; now the drop menus won't show for enough time to move the cursor down the selections!

    In IE6 (My cousin hasn't upgraded to IE7 yet), The clear:both didn't do anything. When I go back upstairs I'll try it in Opera 7 and Opera9.

    As for the color; when the menus fly out, while in the active stage all of the menus within their particular fly out grouping should be the same.

    Tomorrow I'll try adding some screen shots to the page!

    BTW: You are fast!

    Thanks,
    Michael
    Last edited by mstevenson; 12-16-2006 at 10:34 AM.

  • #4
    Regular Coder
    Join Date
    May 2006
    Posts
    290
    Thanks
    6
    Thanked 14 Times in 14 Posts
    Its because of the gaps between the buttons. You need to make sure that they are seemlessly touching eachother vertically and horizontally. Otherwise that gap is considered not part of the button when the cursor is on the gap. Your code is telling it to be hidden when the cursor is NOT on a button so thats what is does is close the drop downs.

    -trigger

  • #5
    New Coder
    Join Date
    Oct 2006
    Posts
    21
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Need css help

    Quote Originally Posted by trigger_tre View Post
    Its because of the gaps between the buttons. You need to make sure that they are seemlessly touching eachother vertically and horizontally. Otherwise that gap is considered not part of the button when the cursor is on the gap. Your code is telling it to be hidden when the cursor is NOT on a button so thats what is does is close the drop downs.

    -trigger
    -trigger: That hasn't been a problem, BUT you may be correct! I'll give that a shot, although the other problems still exist!

    If you look at the following link, you'll see what I mean when I said that the gaps hadn't been a problem. At least in Firefox! That is excluding the errant '<!--[if lte IE 6]>'

    http://www.waterfallrecordings.com/aboutus1.html
    Thanks,
    Michael
    Last edited by mstevenson; 12-16-2006 at 08:52 PM. Reason: Addition of comment

  • #6
    Regular Coder
    Join Date
    May 2006
    Posts
    290
    Thanks
    6
    Thanked 14 Times in 14 Posts
    Well I experienced the same problem when I was changing from a javascript dependent drop down menus to one that is almost entirely css based. It has something to do with a mix of the position attribute and sizes of the li.

    Also its hard to compare those menus because they are coded differently.

    btw, did you build those menus or find them. The code on them isnt very clean and I could possibly find you better if you like.

    -trigger

  • #7
    New Coder
    Join Date
    Oct 2006
    Posts
    21
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Need css help

    Quote Originally Posted by trigger_tre View Post
    Well I experienced the same problem when I was changing from a javascript dependent drop down menus to one that is almost entirely css based. It has something to do with a mix of the position attribute and sizes of the li.

    Also its hard to compare those menus because they are coded differently.

    btw, did you build those menus or find them. The code on them isnt very clean and I could possibly find you better if you like.

    -trigger

    -trigger:

    I modified one from CSSPlay. If you do know of another source that will accomadate three levels, please let me know!

    Thanks,
    Michael

  • #8
    Regular Coder
    Join Date
    May 2006
    Posts
    290
    Thanks
    6
    Thanked 14 Times in 14 Posts
    Try this one:

    Its strictly css, with very small Javascript file for IE browsers less than IE7, highly customizable, cross-browser compatible, horizontal or vertical drop down menu with up to 4 levels, very clean code.

    Find it here:
    http://solardreamstudios.com/learn/css/cssmenus/

    I altered mine a little bit so that I could have image roll-over effects. You can see my example here:
    http://harvestwhitecounty.com/

    hope it helps,

    -trigger

  • #9
    New Coder
    Join Date
    Oct 2006
    Posts
    21
    Thanks
    0
    Thanked 0 Times in 0 Posts
    This is where I'm at now:

    http://www.waterfallrecordings.com/testaboutus.html

    The page validates as XHTML at the W3C, but when I used the W3C CSS Validator I received:

    menu :hover > a, .menu ul ul :hover > a Parse Error -

    The page works fine on Firefox, Opera7 and Opera9. On IE6 it look as I want it but the menu doesn't function. except for the initial dropdown from HOME. The only browsers I'm able to test are Firefox, IE6, Opera7 and Opera9.

    The page source shows the Conditional Comments used; I'm guessing that additional CC's may be needed for IE.

    This is where I need the help!

    Thanks,
    Michael

  • #10
    Regular Coder
    Join Date
    May 2006
    Posts
    290
    Thanks
    6
    Thanked 14 Times in 14 Posts
    First of all menu looks good to me. FF 2.O and IE7 render it properly.

    Secondly both html and CSS passed the validation test, good job.

    Thirdly. For IE6 and lower, you need to use the javascript file that was located on that linked page in my previous post. Follow the directions below.

    1.) create a blank file called "menu.js"

    2.) copy the code below and paste it into the "menu.js" file:
    Code:
    navHover = function() {
    	var lis = document.getElementById("navmenu").getElementsByTagName("LI");
    	for (var i=0; i<lis.length; i++) {
    		lis[i].onmouseover=function() {
    			this.className+=" iehover";
    		}
    		lis[i].onmouseout=function() {
    			this.className=this.className.replace(new RegExp(" iehover\\b"), "");
    		}
    	}
    }
    if (window.attachEvent) window.attachEvent("onload", navHover);
    3.) copy the code below and paste it between the <head></head> section of your html page.
    Code:
    <!--[if lt IE 7]>
    <script language="JavaScript" src="menu.js" type="text/JavaScript"></script>
    <![endif]-->
    Of course the src= will change depending on if its in a seperate root.

    4.)save and refresh your page and all should work.


    What does all this do?

    Simply put the javascript is very lightweight and only meant to load if any IE browser less than IE7 is detected. This way your browser is CSS based and still cross-browser compatible when IE6 and IE5.5 start to struggle with :hover commands.

    try it and let me know if you have any more problems.

    -trigger

  • #11
    New Coder
    Join Date
    Oct 2006
    Posts
    21
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by trigger_tre View Post
    First of all menu looks good to me. FF 2.O and IE7 render it properly.

    Secondly both html and CSS passed the validation test, good job.

    Thirdly. For IE6 and lower, you need to use the javascript file that was located on that linked page in my previous post. Follow the directions below.

    1.) create a blank file called "menu.js"

    2.) copy the code below and paste it into the "menu.js" file:
    Code:
    navHover = function() {
    	var lis = document.getElementById("navmenu").getElementsByTagName("LI");
    	for (var i=0; i<lis.length; i++) {
    		lis[i].onmouseover=function() {
    			this.className+=" iehover";
    		}
    		lis[i].onmouseout=function() {
    			this.className=this.className.replace(new RegExp(" iehover\\b"), "");
    		}
    	}
    }
    if (window.attachEvent) window.attachEvent("onload", navHover);
    3.) copy the code below and paste it between the <head></head> section of your html page.
    Code:
    <!--[if lt IE 7]>
    <script language="JavaScript" src="menu.js" type="text/JavaScript"></script>
    <![endif]-->
    Of course the src= will change depending on if its in a seperate root.

    4.)save and refresh your page and all should work.


    What does all this do?

    Simply put the javascript is very lightweight and only meant to load if any IE browser less than IE7 is detected. This way your browser is CSS based and still cross-browser compatible when IE6 and IE5.5 start to struggle with :hover commands.

    try it and let me know if you have any more problems.

    -trigger
    -trigger:

    It didn't work.

    It doesn't work on your site either in IE5 or IE6. I don't have IE7.

    You did mean for me to add the Condition Comment to the head of the main HTML document after the link for the dropmenu.css, correct?

    Do you think that the failure might have something to do with needing z-indexes added to the various UL's?

    Michael
    Last edited by mstevenson; 12-19-2006 at 10:34 PM. Reason: Additional thought

  • #12
    Regular Coder
    Join Date
    May 2006
    Posts
    290
    Thanks
    6
    Thanked 14 Times in 14 Posts
    You didn't place it in your html page correctly.

    1.) You didn't link to the .css file, and you didnt link to the .js file

    2.) The code below is an example of what needs to be in your HTML page. Place the .js link inside of the head portion of your HTML page. DO NOT place the the link to the .js file inside of the <body> tags.

    Here is an example of how a page could look:

    Code:
    <!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">
    <head>
    
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Home Page &bull; Harvest Assembly of God</title>
    
    <link rel="stylesheet" type="text/css" href="mainstyle.css" />
    <link rel="stylesheet" type="text/css" href="menu.css" />
    
    <!--[if lt IE 7]>
    <script language="JavaScript" src="menu.js" type="text/JavaScript"></script>
    <![endif]-->
    
    </head>
    <body>
    <ul id="navmenu">
      <li><a href="#">Blog</a></li>
    
      <li><a href="#">Work +</a>
        <ul>
          <li><a href="#">Websites +</a>
            <ul>
              <li><a href="#">qrayg</a></li>
              <li><a href="#">qArcade</a></li>
              <li><a href="#">qLoM</a></li>
    
              <li><a href="#">qDT</a></li>
            </ul>
          </li>
          <li><a href="#">Pen and Ink</a></li>
          <li><a href="#">Free Interfaces</a></li>
        </ul>
      </li>
    
      <li><a href="#">Learn +</a>
        <ul>
          <li><a href="#">Fireworks +</a>
            <ul>
              <li><a href="#">aquaButton</a></li>
              <li><a href="#">aquaButton2</a></li>
              <li><a href="#">waterDrop</a></li>
    
              <li><a href="#">lightFX</a></li>
              <li><a href="#">lightFX2</a></li>
            </ul>
          </li>
          <li><a href="#">CSS +</a>
            <ul>
              <li><a href="#">footerStick</a></li>
    
              <li><a href="#">spriteNav</a></li>
              <li><a href="#">@import</a></li>
            </ul>
          </li>
        </ul>
      </li>
      <li><a href="#">Info</a></li>
      <li><a href="#">Contact</a></li>
    </ul>
    </body>
    </html>
    The code in red is what is related to the navigation menu. Let me know.....

    -trigger
    Last edited by trigger_tre; 12-20-2006 at 04:46 AM.

  • #13
    New Coder
    Join Date
    Oct 2006
    Posts
    21
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Need css help

    Quote Originally Posted by trigger_tre View Post
    You didn't place it in your html page correctly.

    1.) You didn't link to the .css file, and you didnt link to the .js file

    2.) The code below is an example of what needs to be in your HTML page. Place the .js link inside of the head portion of your HTML page. DO NOT place the the link to the .js file inside of the <body> tags.

    Here is an example of how a page could look:

    Code:
    <!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">
    <head>
    
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Home Page &bull; Harvest Assembly of God</title>
    
    <link rel="stylesheet" type="text/css" href="mainstyle.css" />
    <link rel="stylesheet" type="text/css" href="menu.css" />
    
    <!--[if lt IE 7]>
    <script language="JavaScript" src="menu.js" type="text/JavaScript"></script>
    <![endif]-->
    
    </head>
    <body>
    <ul id="navmenu">
      <li><a href="#">Blog</a></li>
    
      <li><a href="#">Work +</a>
        <ul>
          <li><a href="#">Websites +</a>
            <ul>
              <li><a href="#">qrayg</a></li>
              <li><a href="#">qArcade</a></li>
              <li><a href="#">qLoM</a></li>
    
              <li><a href="#">qDT</a></li>
            </ul>
          </li>
          <li><a href="#">Pen and Ink</a></li>
          <li><a href="#">Free Interfaces</a></li>
        </ul>
      </li>
    
      <li><a href="#">Learn +</a>
        <ul>
          <li><a href="#">Fireworks +</a>
            <ul>
              <li><a href="#">aquaButton</a></li>
              <li><a href="#">aquaButton2</a></li>
              <li><a href="#">waterDrop</a></li>
    
              <li><a href="#">lightFX</a></li>
              <li><a href="#">lightFX2</a></li>
            </ul>
          </li>
          <li><a href="#">CSS +</a>
            <ul>
              <li><a href="#">footerStick</a></li>
    
              <li><a href="#">spriteNav</a></li>
              <li><a href="#">@import</a></li>
            </ul>
          </li>
        </ul>
      </li>
      <li><a href="#">Info</a></li>
      <li><a href="#">Contact</a></li>
    </ul>
    </body>
    </html>
    The code in red is what is related to the navigation menu. Let me know.....

    -trigger
    -trigger:

    This is what I have in the page:
    Code:
    <link rel="stylesheet" href="css/testwaterfall.css" type="text/css" />
    <link rel="stylesheet" href="css/testdropmenu.css" type="text/css" />
    <!--[if lt IE 7]>
    <script language="JavaScript" src="js/menu.js" type="text/JavaScript"></script>
    <![endif]-->
    	</head>
    	<body id="aboutus">
    When I took a look at the source, it had it all on one line but it is there.


    Michael

  • #14
    Regular Coder
    Join Date
    May 2006
    Posts
    290
    Thanks
    6
    Thanked 14 Times in 14 Posts
    I copied this directly from your page source. The RED indicates what should not be there. The BLUE indicates what I added and how it should be in your page.

    Code:
    <!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">
    	<head>
    		<title>
    			About Us - WaterFall Records and our Mission Statement
    		</title>
    		<meta http-equiv="content-Type" content="text/html; charset=iso-8859-1" />
    		<meta name="description" content="About Us: WaterFall Mixing, Mastering and Recording Studios and our Mission Statement. We understand that quality product is an integral part of your careers' every day operations. The Mission Statement of WaterFall Records/WaterFall Studios Staff and DummyDog Productions." />
    		<meta name="keywords" content="about us waterfall mixing and mastering studio, mission statement, michael stevenson, ken sutton" />
    		<meta name="author" content="Michael R. Stevenson for Stevenson Enterprises" />
    		<meta name="robots" content="index,follow" />
    
    		<link rel="stylesheet" href="css/waterfall.css" type="text/css" />
    		<link rel="stylesheet" type="text/css" href="menu.css" />
    <!--[if lt IE 7]>
    <script language="JavaScript" src="menu.js" type="text/JavaScript"></script>
    <![endif]-->
    
    <style type="text/css" media="screen">
    .menu {
    	font-size: 0.85em; font-family:Verdana,Arial,Garamond,Courier,sans-serif;font-weight: bold;padding-bottom: 3px; width: 750px;
    }
    .menu ul {
    	padding:0; margin: 0px;list-style-type: none;
    }
    .menu ul ul {
    	width: 150px;
    }
    
    .menu ul ul a.drop {
    	background: #74b3ed;
    }
    .menu ul ul a.drop:visited {
    	background: #74b3ed;
    }
    .menu ul ul a.drop:hover {
    	background: #809fff;
    }
    
    .menu li {
    	float: left; width: 150px; position: relative;
    }
    
    .menu a {
    	border-right: #fff 1px solid; border-top: #fff 1px solid; display: block; padding-left: 10px; font-size: 11px; background: #6196C7; border-left: #fff 0px solid; width: 139px; color: #fff; line-height: 29px; border-bottom: #fff 0px solid; height: 30px; text-decoration: none;
    }
    .menu a:visited {
    	border-right: #fff 1px solid; border-top: #fff 1px solid; display: block; padding-left: 10px; font-size: 11px; background: #6196C7; border-left: #fff 0px solid; width: 139px; color: #fff; line-height: 29px; border-bottom: #fff 0px solid; height: 30px; text-decoration: none;
    }
     html .menu a {
    	width: 139px;
    }
     html .menu a:visited {
    	width: 139px;
    }
    unknown {
    	background: #74b3ed;
    }
    .menu ul ul ul a {
    	background: #74b3ed;
    }
    .menu ul ul ul a:visited {
    	background: #6196c7;
    }
    .menu ul ul ul a:hover {
    	background: #809fff;
    }
    unknown {
    	background: #809fff;
    }
    .menu ul ul {
    	left: 0px; visibility: hidden; width: 140px; position: absolute; top: 31px; height: 0px;
    }
     html .menu ul ul {
    	top: 31px;
    }
    .menu ul ul ul {
    	left: 150px; width: 140px; top: 0px;
    }
    .menu ul ul ul.left {
    	left: -150px;
    }
    .menu table {
    	left: 0px; position: absolute; top: 0px;
    }
    .menu ul ul a {
    	padding-right: 10px; padding-left: 10px; background: #74b3ed; padding-bottom: 5px; width: 129px; color: #000; line-height: 1em; padding-top: 5px; height: auto;
    }
    .menu ul ul a:visited {
    	padding-right: 10px; padding-left: 10px; background: #74b3ed; padding-bottom: 5px; width: 129px; color: #000; line-height: 1em; padding-top: 5px; height: auto;
    }
     html .menu ul ul a {
    	width: 129px;
    }
    .menu a:hover {
    	background: #74b3ed; color: #000;
    }
    .menu ul ul a:hover {
    	background: #809fff; color: #000;
    }
    unknown {
    	background: #74b3ed; color: #000;
    }
    .menu ul li:hover ul {
    	visibility: visible;
    }
    .menu ul a:hover ul {
    	visibility: visible;
    }
    .menu ul :hover ul ul {
    	visibility: hidden;
    }
    .menu ul :hover ul :hover ul ul {
    	visibility: hidden;
    }
    .menu ul :hover ul :hover ul {
    	visibility: visible;
    }
    .menu ul :hover ul :hover ul :hover ul {
    	visibility: visible;
    }
    
    </style>
    
    	</head>
    	<body id="aboutus">
    		<div class="header">
    			<a href="http://www.waterfallrecordings.com/" class="home"><img src="images/WFLogo.gif" width="60" height="60" border="1" align="left" alt="Welcome to the WaterFall Mixing, Mastering, and Recording Studios Web Site." title="Welcome to the WaterFall Mixing, Mastering, and Recording Studios Web Site." /></a><a href="webdevel.html" class="webdevel"><img src="images/SE static.jpg" width="60" height="60" border="1" align="right" alt="Web Designs by Stevenson Enterprises." title="Web Designs by Stevenson Enterprises." /></a><h2>WaterFall Studios in Michigan<br />Affordable Mixing, Mastering and Recording</h2>
    		</div>
    
    		<div class="menu ca">
    <ul>
    	<li><a title="Main Listings for WaterFall Records" href="index.html" class="home">HOME<!--[if IE 7]><!--></a><!--<![endif]--><!--[if lte IE 6]> </li>
      <table>
        <tbody>
        <tr>
    <td>
    <![endif]-->
    	<ul>		          
    		<li class="dmli"><a title="Book sessions here">To Book Time&nbsp;&nbsp;<img src="images/crumbarrows.gif" width="12" height="6" alt="Leads to booking" />
    <!--[if IE 7]><!--></a><!--<![endif]--><!--[if lte IE 6]></li>
              <table>
                <tbody>
                <tr>
    <td>
    <![endif]-->		                
    		<ul>			                  
    			<li class="dmli"><a title="What services and format(s) you want to book at WaterFall Studio for your Session" href="bookingoffice.html" class="bookingoffice">Booking Offices</a></li>			                  
    			<li class="dmli"><a title="Check for and request available dates to schedule for your WaterFall Studio Session" href="schedulingpage.html" class="schedulingpage">Availability</a></li>			                  
    			<li class="dmli"><a title="The services and format(s) you want for your Recording Session" href="recordbooking.html" class="recordbooking">Recording Time</a></li>			                  
    			<li class="dmli"><a title="Let us know which services you want for your Mixing and/or Mastering Session" href="mixbooking.html" class="mixbooking">Session Time</a></li>			                  
    			<li class="dmli"><a title="More About Recording">About Recording&nbsp;<img src="images/crumbarrows.gif" width="12" height="6" alt="Leads to more info" /><!--[if IE 7]><!--></a>
    
    			<!--<![endif]-->
    <!--[if lte IE 6]> </li>
                      <table>
                        <tbody>
                        <tr>
    <td>
    <![endif]-->			                        
    			<ul>				          
    				<li class="dmli">
    				<a title="What we need. Reference and Proof CD's, rates, etc." href="masteringrates.html" class="masteringrates">
    					Mastering Rates
    				</a>				 
    				</li>				          
    				<li class="dmli">
    				<a title="Frequently Asked Questions about our mastering procedures" href="faqmastering.html" class="faqmastering">
    					Mastering FAQ
    				</a>				 				                  
    			</ul>
    
    <!--[if lte IE 6]>
    </td>
    </tr>
    </tbody>
    </table>
    </a>
    <![endif]-->
    		</ul>
    <!--[if lte IE 6]>
    </td>
    </tr>
    </tbody>
    </table>
    </a>
    <![endif]-->
    		</li>		          
    		<li class="dmli"><a title="About WaterFall Studios" href="aboutus.html" class="aboutus">About Us</a></li>		          
    		<li class="dmli"><a title="Various methods to contact WaterFall Studios" href="contactus.html" class="contactus">Contact Us</a></li>		          
    		<li class="dmli">
    		<a title="Where WaterFall is located" href="ourlocation.html" class="ourlocation">
    			Our location
    		</a>		 
    		</li>		          
    		<li class="dmli">
    
    		<a title="Biographies WaterFall studios staff" href="resumes.html" class="resumes">Staff Biographies</a></li>		          
    		<li class="dmli">
    		<a title="Biography of Michael Stevenson" href="michael.html" class="michael">
    			Michael Stevenson
    		</a>		 
    		</li>		          
    		<li class="dmli">
    		<a title="Biography of Ken Sutton" href="ken.html" class="ken">
    			Ken Sutton
    		</a>		 
    		</li>
    
    	</ul>
    <!--[if lte IE 6]>
    </td>
    </tr>
    </tbody>
    </table>
    </a>
    <![endif]-->
    	</li>	  
    	<li>
    	<a title="Tutorial pages of WaterFall">
    		TUTORIALS
    <!--[if IE 7]>
    <!-->
    	</a>
    	<!--<![endif]-->
    <!--[if lte IE 6]> 
      <table>
        <tbody>
        <tr>
    <td>
    <![endif]-->	        
    	<ul>		          
    		<li class="dmli">
    
    		<a title="Mastering Tutorial 1" href="mastering1.html" class="mastering1">
    			Tutorial 1
    		</a>		 
    		</li>		          
    		<li class="dmli">
    		<a title="Mastering Tutorial 2" href="mastering2.html" class="mastering2">
    			Tutorial 2
    		</a>		        
    		</li>		          
    		<li class="dmli">
    		<a title="Mastering Tutorial 3" href="mastering3.html" class="mastering3">
    			Tutorial 3
    		</a>		 
    		</li>		          
    		<li class="dmli">
    
    		<a title="Mastering Check List" href="masteringlist.html" class="masteringlist">
    			Mastering Check List
    		</a>		           
    		</li>		          
    		<li class="dmli">
    		<a title="Mixing Tips" href="mixingtips.html" class="mixingtips">
    			Mixing Tips
    		</a>		        
    		</li>		          
    		<li class="dmli">
    		<a title="Recording Tips" href="recordingtips1.html" class="recordingtips1">
    			Recording Tips
    		</a>		    
    		</li>		          
    		<li class="dmli">
    
    		<a title="Michael on Musicianship" href="ssormusic.html" class="ssormusic">
    			Musicianship
    		</a>		          
    		</li>
    	</ul>
    <!--[if lte IE 6]>
    </td>
    </tr>
    </tbody>
    </table>
    </a>
    <![endif]-->
    	</li>	  
    	<li>
    	<a title="General Pages">
    		GENERAL
    <!--[if IE 7]>
    <!-->
    
    	</a>
    	<!--<![endif]-->
    <!--[if lte IE 6]> </li>
      <table>
        <tbody>
        <tr>
    <td>
    <![endif]-->	        
    	<ul>		          
    		<li class="dmli">
    		<a title="Sign in and post a message for visitors to read" href="guestbookpage.html" class="guestbookpage">
    			Guest Book
    		</a>		 
    		</li>		          
    		<li class="dmli">
    		<a title="Scheduled performances of some their clients" href="ourcalendar.html" class="ourcalendar">
    			Our Calendar
    		</a>		 
    		</li>		          
    		<li class="dmli">
    
    		<a title="News items of interest to the music community" href="newspage.html" class="newspage">
    			News &amp; Things
    		</a>		 
    		</li>		          
    		<li class="dmli">
    		<a title="Preview of upcoming a few WaterFall Studio projects" href="music.html" class="music">
    			Song Snippets
    		</a>		           
    		</li>		          
    		<li class="dmli">
    		<a title="Subscribe to the WaterFall Studios Newsletter" href="newsletter.html" class="newsletter">
    
    			Get the Newsletter
    		</a>		 
    		</li>		                  
    		<li class="dmli">
    		<a class="sub2">
    			Our Policies&nbsp;
    			<img src="images/crumbarrows.gif" width="12" height="6" alt="Leads to more info" />
    <!--[if IE 7]>
    <!-->
    		</a>
    		<!--<![endif]-->
    
    <!--[if lte IE 6]> </li>
                      <table>
                        <tbody>
                        <tr>
    <td>
    <![endif]-->		                        
    		<ul>			          
    			<li class="dmli">
    			<a title="Studio Policies of WaterFall Studios" href="studiopolicies.html" class="studiopolicies">
    				Studio Policies
    			</a>			           
    			</li>			          
    			<li class="dmli">
    			<a title=" To Privacy Policy, Parts One, Two and Three" href="privacypolicy1.html" class="privacypolicy">
    				Privacy Policies
    			</a>			 
    			</li>
    			          
    			<li class="dmli">
    
    			<a title="Terms and Conditions for WaterFall Records and DummyDog Productions" href="termsandconditions.html" class="termsandconditions">
    				Terms and Conditions
    			</a>			 
    			</li>
    		</ul>
    <!--[if lte IE 6]>
    </td>
    </tr>
    </tbody>
    </table>
    </a>
    <![endif]-->
    	</ul>
    <!--[if lte IE 6]>
    </td>
    </tr>
    </tbody>
    </table>
    </a>
    <![endif]-->
    	</li>	  
    	<li>
    	<a title="Supportive Information">
    
    		SUPPORTIVE INFO
    <!--[if IE 7]>
    <!-->
    	</a>
    	<!--<![endif]-->
    <!--[if lte IE 6]> </li>
      <table>
        <tbody>
        <tr>
    <td>
    <![endif]-->	        
    	<ul>		          
    		<li class="dmli">
    		<a title="A Partial Studio Equipment List" href="equipment.html" class="equipment">
    			In-house Equipment
    		</a>		 
    		</li>		          
    		<li class="dmli">
    
    		<a title="Here is a partial list of VST Plug-Ins that are available" href="vstlist.html" class="vstlist">
    			VST Plug-Ins
    		</a>		 
    		</li>		          
    		<li class="dmli">
    		<a title="Relevent Links" href="resources.html" class="resources">
    			Resources
    		</a>		 
    		</li>		          
    		<li class="dmli">
    		<a title="DummyDog Productions - Seeking select Independent Artists" href="promo.html" class="promo">
    			DummyDog Productions
    		</a>		 
    		</li>		                  
    		<li class="dmli">
    
    		<a title="To Stevenson Enterprises area"><img src="images/crumbarrowsl.gif" width="12" height="6" alt="Leads to more info" />
    			Stevenson Enterprises area&nbsp;
    			<!--[if IE 7]>
    <!-->
    		</a>
    		<!--<![endif]-->
    <!--[if lte IE 6]></li> 
                      <table>
                        <tbody>
                        <tr>
    <td>
    <![endif]-->		                        
    		<ul class="left">			          
    			<li class="dmli">
    			<a title="S E - About Us" href="stevensonenterprises.html" class="stevensonenterprises">
    				About Stevenson Enterprises
    			</a>			 
    			</li>			          
    			<li class="dmli">
    
    			<a title="S E - Web Site Designs Questionnaire" href="webdevel.html" class="webdevel">
    				Web Questionnaire
    			</a>			 
    			</li>			          
    			<li class="dmli">
    			<a title="Sample Agreement" href="websiteagreement.html" class="websiteagreement">
    				Sample Agreement
    			</a>			 
    			</li>			          
    			<li class="dmli">
    			<a title="Before Site Design" href="strategy.html" class="strategy">
    				Before we design your site
    			</a>			 
    			</li>
    
    		</ul>
    <!--[if lte IE 6]>
    </td>
    </tr>
    </tbody>
    </table>
    </a>
    <![endif]-->
    		</li>
    	</ul>
    <!--[if lte IE 6]>
    </td>
    </tr>
    </tbody>
    </table>
    </a>
    <![endif]-->
    	</li>	  
    	<li>
    	<a title="Photos of the staff">
    		PHOTOS
    <!--[if IE 7]>
    <!-->
    	</a>
    
    	<!--<![endif]-->
    <!--[if lte IE 6]> 
      <table>
        <tbody>
        <tr>
    <td>
    <![endif]-->	        
    	<ul>		          
    		<li class="dmli">
    		<a title="Photos of the WaterFall Studios Staff" href="photos.html" class="photos">
    			Staff Photos
    		</a>		 
    		</li>		          
    		<li class="dmli">
    		<a title="More pictures of the various artists and friends of WaterFall Records/WaterFall Studios" href="photos2.html" class="photos2">
    			More Photos
    		</a>		 
    		</li>
    
    	</ul>
    <!--[if lte IE 6]></td></tr></tbody></table>
    <!--<![endif]-->
    <!--[if lte IE 6]> 
    <!-- end of info -->
    </ul>
    		</div>
    		<div class="body">
    		</div>
    	</body>
    </html>
    You have way to many "if statments"

    -trigger

  • #15
    New Coder
    Join Date
    Oct 2006
    Posts
    21
    Thanks
    0
    Thanked 0 Times in 0 Posts
    -trigger:

    Thanks, I'm about to give it a try.

    I'll let you know how it comes out.

    Now; in IE6 the 'HOME' acknowledges the roll-over. Nothing drops down anywhere.

    The page with your suggestions can be viewed:

    http://www.waterfallrecordings.com/testaboutust.html

    The menu has always worked and still does in Firefox. (Why didn't MS FIX IE?)

    Michael


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •