Difference between revisions of "Template:Queens Canada"

Line 5: Line 5:
 
         <nav>
 
         <nav>
 
             <ul class = nav-list>
 
             <ul class = nav-list>
                <div id = brand-elements>
 
                    <li><a href = "index.html" title = "Go to Homepage"><img src = Resources/Logo_With_Pink.png width = 35%></a></li>
 
                </div>
 
 
                 <div id = nav-elements>
 
                 <div id = nav-elements>
 
                     <li id = home-link><a href = "index.html" title = "Go to homepage">home</a></li>
 
                     <li id = home-link><a href = "index.html" title = "Go to homepage">home</a></li>
Line 35: Line 32:
 
         </nav>
 
         </nav>
 
          
 
          
        <!--<script> /* makes the dropdown menus the same width as the dropdown "button". could not use width 100% */
+
   
            function dropdownWidthAdjustment(){
+
                var aboutWidth = document.getElementById("about-drop-link").offsetWidth;
+
                aboutWidth = aboutWidth.toString();
+
                aboutWidth = aboutWidth + "px";
+
                document.getElementById("about-dropdown-content").style.width = aboutWidth;
+
 
+
                var productsWidth = document.getElementById("product-drop-link").offsetWidth;
+
                productsWidth = productsWidth.toString();
+
                productsWidth = productsWidth + "px";
+
                document.getElementById("product-dropdown-content").style.width = productsWidth;
+
 
+
                var contactWidth = document.getElementById("contact-drop-link").offsetWidth;
+
                contactWidth = contactWidth.toString();
+
                contactWidth = contactWidth + "px";
+
                document.getElementById("contact-dropdown-content").style.width = contactWidth;
+
            }
+
        </script>-->
+
 
          
 
          
 
     </header>
 
     </header>

Revision as of 21:08, 29 May 2020