Team:TU-Delft/Templates/Header

From 2012.igem.org

(Difference between revisions)
Line 150: Line 150:
         }
         }
     </style>
     </style>
-
<body>
+
<!-- Dropdown Menu -->
-
    <ul class="menu">
+
<div class="stickToTop" id="naviBox" style="text-align:center; line-height: 0px; font-size: 0px; z-index: 500;">
-
        <li><a href="http://www.egrappler.com">Home</a></li>
+
<div style="width:210px; display: inline-block; position: relative; height:0px;"></div>
-
        <li><a href="http://www.egrappler.com/about">About</a></li>
+
<div style="position: relative; margin: 0 auto; display:inline-block; left: 0px; right: 0px;">
-
        <li><a href="#">Services </a>
+
<div align="center" id="naviMenu" style="left: 0px; right: 0px; margin: 0pt auto; text-align: left;">
-
            <ul>
+
</html>{{:Team:TU-Delft/Templates/Header/MenuItems}}<html>
-
                <li><a href="#">Sofware Development</a>
+
</div>
-
                    <ul>
+
</div>
-
                        <li><a href="#">Web Apps</a></li>
+
</div>
-
                        <li><a href="#">Widgets</a>
+
-
                            <ul>
+
-
                                <li><a href="#">jQuery Plugins</a></li>
+
-
                                <li><a href="#">Asp.NET Controls</a></li>
+
-
                                <li><a href="#">Salesforce Integration</a> </li>
+
-
                            </ul>
+
-
                        </li>
+
-
                    </ul>
+
-
                </li>
+
-
                <li><a href="#">Interface Design</a></li>
+
-
                <li><a href="#">Technical Writing</a></li>
+
-
                <li><a href="#">Resume Writing</a></li>
+
-
            </ul>
+
-
        </li>
+
-
        <li><a href="#">Portfolio</a>
+
-
            <ul>
+
-
                <li><a href="#">Web Appliations</a></li>
+
-
                <li><a href="#">SaaS</a></li>
+
-
                <li><a href="#">Windows Applications</a></li>
+
-
                <li><a href="#">Mobile Applications</a></li>
+
-
                <li><a href="#">Server Applications</a> </li>
+
-
            </ul>
+
-
        </li>
+
-
        <li><a href="http://www.egrappler.com">Blog</a></li>
+
-
        <li><a href="http://www.egrappler.com">Contact</a></li>
+
-
    </ul>
+
-
</body>
+
</html>
</html>

Revision as of 20:57, 1 September 2012