User:SvenB/DropTest

From 2014.igem.org

(Difference between revisions)
Line 2: Line 2:
     <head>
     <head>
         <meta charset="utf-8">
         <meta charset="utf-8">
-
         <title>CSS3 Dropdown Menu von designyourweb</title>
+
         <title>CSS3 Dropdown Menu von designyourweb.info</title>
         <style>
         <style>
nav {
nav {
Line 89: Line 89:
     </head>
     </head>
     <body>
     <body>
-
        <nav>
+
<div id = "wrapper">
-
            <ul>
+
        <nav>
-
                <li class = "cat1">
+
        <ul>
-
                    <a href="#">Home</a>
+
        <li class = "cat1">
-
                </li>
+
        <a href="#">Home</a>
-
                <li class = "cat2">
+
        </li>
-
                    <a href="#">Über uns</a>
+
        <li class = "cat2">
-
                    <ul>
+
        <a href="#">Über uns</a>
-
                        <li><a href="#">Wer wir sind</a></li>
+
        <ul>
-
                        <li><a href="#">Was wir machen</a></li>
+
        <li><a href="#">Wer wir sind</a></li>
-
                        <li><a href="#">Unsere Ziele</a></li>
+
        <li><a href="#">Was wir machen</a></li>
-
                        <li><a href="#">Unser Team</a></li>
+
        <li><a href="#">Unsere Ziele</a></li>
-
                    </ul>
+
        <li><a href="#">Unser Team</a></li>
-
                </li>
+
        </ul>
-
                <li class = "cat3">
+
        </li>
-
                    <a href="#">Leistungen</a>
+
        <li class = "cat3">
-
                    <ul>
+
        <a href="#">Leistungen</a>
-
                        <li><a href="#">Webdesign</a></li>
+
        <ul>
-
                        <li><a href="#">Programmierung</a></li>
+
        <li><a href="#">Webdesign</a></li>
-
                        <li><a href="#">Online Marketing</a></li>
+
        <li><a href="#">Programmierung</a></li>
-
                        <li><a href="#">Suchmaschinenoptimierung</a></li>
+
        <li><a href="#">Online Marketing</a></li>
-
                    </ul>
+
        <li><a href="#">Suchmaschinenoptimierung</a></li>
-
                </li>
+
        </ul>
-
                <li class = "cat4">
+
        </li>
-
                    <a href="#">Referenzen</a>
+
        <li class = "cat4">
-
                    <ul>
+
        <a href="#">Referenzen</a>
-
                        <li><a href="#">Webseiten</a></li>
+
        <ul>
-
                        <li><a href="#">Themes & Templates</a></li>
+
        <li><a href="#">Webseiten</a></li>
-
                        <li><a href="#">Plugins</a></li>
+
        <li><a href="#">Themes & Templates</a></li>
-
                    </ul>
+
        <li><a href="#">Plugins</a></li>
-
                </li>
+
        </ul>
-
                <li class = "cat5">
+
        </li>
-
                    <a href="#">Kontakt</a>
+
        <li class = "cat5">
-
                    <ul>
+
        <a href="#">Kontakt</a>
-
                        <li><a href="#">Deutschland</a></li>
+
        <ul>
-
                        <li><a href="#">Amerika</a></li>
+
        <li><a href="#">Deutschland</a></li>
-
                        <li><a href="#">Spanien</a></li>
+
        <li><a href="#">Amerika</a></li>
-
                    </ul>
+
        <li><a href="#">Spanien</a></li>
-
                </li>
+
        </ul>
-
            </ul>
+
        </li>
-
        </nav>
+
        </ul>
 +
        </nav>
 +
        </div>
     </body>
     </body>
</html>
</html>

Revision as of 15:57, 5 October 2014

CSS3 Dropdown Menu von designyourweb.info