More Related Content
More from Abdel Suarez (16)
Menu css
- 1. <!doctype html> <html>
<head> <meta charset="UTF-8"> <title>Menu desplegable</title>
<style type="text/css">
* {padding:0px; margin:0px;}
#header {margin:auto; width:500px; font-family:Gotham, "Helvetica Neue",
Helvetica, Arial, sans-serif}
ul, ol´{list-style:none }
.nav li a { background-color:#000000; color:#fff;
text-decoration:none; padding:10px 15px; display:block
}
.nav li a:hover {background-color:#434343} .nav > li {float: left;}
.
nav li ul {display:none; position:absolute; min-width:140px
} .nav li:hover > ul {display:block}
.nav li ul li {position:relative;} .nav li ul li ul {right:-
140px; top:0px} </style>
</head> <body> <div id="header"> <ul class="nav"> <li><a href="">inicio</a></li>
<li><a href="">portafolio</a> <ul><li><a href="">submenu1</a><ul><li><a
href="">submenu1.1</a></li></ul></li></ul> <li><a
href="">contacto</a></li> </ul> </div> </body> </html>