Mueva el mouse sobre la navegación en la página asp para mostrar el menú desplegable
lt;meta name="Copyright" content="blog.529600.com, ***Mismo debate, se permite la reimpresión" /gt;lt;!--Copyright Información --gt;
lt;meta name="descripción" content="Menú desplegable, CSS, diseño" /gt;lt;!
lt;meta name="descripción " content="desplegable, CSS, diseño" /gt;lt;!--Introducción--gt;
lt;meta content="desplegable, menú, CSS, diseño" name="palabras clave" / gt;lt;!--Palabra clave--gt;
lt;! --Inicio de estilo CSS --gt;
lt; tipo de estilo=text/cssgt
*{
margen: 0; p> relleno: 0;
borde: 0;
}
html{
fondo: #bfc4c7; **
}
cuerpo{
fuente: 12px/150 'Canción'
margen: 0 auto
ancho: 770px;
alineación de texto: centro
}
#menú, #nav, #pie de página{
claro: ambos;
}
#nav{
padding-left: 20px
text-align.left;
fondo: #a60;
}
#footer{
fondo: #a30;
#logo, #banner, #mail, #left, #middle, #right{
float: left
ancho: 180px; >
fondo: #f00;
}
#logo, #banner, #mail{
altura: 60px; >}
# banner{
ancho: 468px;
fondo: #f60; #correo{
ancho: 122px;
fondo: #f90;
}
# izquierda, #derecha{
ancho: 200px;
}
#left{
fondo:
}
#middle{
ancho: 370px;
<p> fondo: #063;
}
#right{
fondo: #033; p>/*sección de menú**/
#menu{
margen: 0;
posición: relativa
ancho: 770px! importante;
}
#menu ul{
estilo de lista: ninguno;
}
# menú li {
flotante: izquierda
posición: relativa
}
#menu ul {
visibilidad: oculta
posición: absoluta
izquierda:
arriba:
}
#tabla de menú{
posición: absoluta
izquierda:
arriba:
} p>
#menu ul: desplazar ul, #menu ul a: desplazar ul{
visibilidad: visible
}
#menu a{
pantalla: bloque;
alineación de texto: centro;
decoración de texto: ninguna
ancho: 77px; p>
p>
altura: 30px;
color: #000;
altura de línea: 30px;
fondo: #c9c9a7 ;
}
#menú a:hover{
color: #fff;
fondo: #b3ab79;
}
#menu ul ul li {
claro: ambos
alineación de texto: izquierda
}
#menu ul ul li a{
pantalla: bloque
ancho: 77px
alto: 30px;
fondo: #faeec7;
color: #000;
}
#menu ul li a: hover{
fondo: #dfc184;
color: #000;
}
lt;/stylegt;lt;! -- Fin del estilo CSS --gt;
lt;/headgt;lt;! --Fin del encabezado--gt;
lt;bodygt;lt;! --El comienzo del texto de la página--gt;
lt; div id="logo"gt
logo
lt;/divgt;
lt;div id="banner"gt;
banner
lt;/div! gt;
lt;div id="mail"gt;
Correo
lt;/divgt;
lt;div id="menu"gt;
lt;ulgt;
lt;ligt;
lt;a href=""gt;La primera categoríalt;! --[si IE 7]gt;lt;! --gt;lt;/agt;lt;!--lt;! [endif]--gt;lt;! --[if lte IE 6]gt;
lt;tablegt;
lt;trgt;
lt;tdgt;lt;![endif]- -gt;
lt;ulgt;
lt;ligt;lt;a href=""gt;XHTMLlt;/agt;lt;/ligt; > lt;ligt;lt;a href=""gt;CSSlt;
lt;ligt;lt;a href=""gt;PHPlt;/agt;lt;/ligt;
lt;ligt;lt;a href=""gt;MySQLlt;/agt;lt;/ligt;
lt;ligt;lt;a href=""gt;Fuegos artificialeslt;/agt ;lt;/ligt;
lt;ligt;lt;a href=""gt;Photoshoplt;/agt;lt;/ligt
lt;ligt; ;lt;a href=""gt;Flashlt;/agt;lt;/ligt;
lt;ligt;lt;a href=""gt;Illustratorlt;/agt;lt;/ligt;
lt;/ulgt;lt;! --[si lte IE 6]gt;
lt;/tdgt;
lt;/trgt;
lt;/tablegt;
lt;/agt;lt;! [endif]--gt;
lt;/ligt;
lt;ligt;
lt;a href=""gt;primera categoríalt;! --[si IE 7]gt;lt;! --gt;lt;/agt;lt;!--lt;! [endif]--gt;lt;! --[if lte IE 6]gt;
lt;tablegt;
lt;trgt;
lt;tdgt;lt;![endif]- -gt;
lt;ulgt;
lt;ligt;lt;a href=""gt;XHTMLlt;/agt;lt;/ligt; > lt;ligt;lt;a href=""gt;CSSlt;
lt;ligt;lt;a href=""gt;PHPlt;/agt;lt;/ligt;
lt;ligt;lt;a href=""gt;MySQLlt;/agt;lt;/ligt;
lt;ligt;lt;a href=""gt;Fuegos artificialeslt;/agt ;lt;/ligt;
lt;ligt;lt;a href=""gt;Photoshoplt;/agt;lt;/ligt;
/p>
lt;ligt;lt;a href=""gt;Flashlt;/agt;lt;/ligt;
lt;ligt;lt;a href=" "gt;Illustratorlt;/agt;lt;/ligt;
lt;/ulgt;lt;! --[si lte IE 6]gt;
lt;/tdgt;
lt;/trgt;
lt;/tablegt;
lt;/agt;lt;! [endif]--gt;
lt;/ligt;
lt;ligt;
lt;a href=""gt;primera categoríalt;! --[si IE 7]gt;lt;! --gt;lt;/agt;lt;!--lt;! [endif]--gt;lt;! --[if lte IE 6]gt;
lt;tablegt;
lt;trgt;
lt;tdgt;lt;![endif]- -gt;
lt;ulgt;
lt;ligt;lt;a href=""gt;XHTMLlt;/agt;lt;/ligt; > lt;ligt;lt;a href=""gt;CSSlt;
lt;ligt;lt;a href=""gt;PHPlt;/agt;lt;/ligt;
lt;ligt;lt;a href=""gt;MySQLlt;/agt;lt;/ligt;
lt;ligt;lt;a href=""gt;Fuegos artificialeslt;/agt ;lt;/ligt;
lt;ligt;lt;a href=""gt;Photoshoplt;/agt;lt;/ligt
lt;ligt; ;lt;a href=""gt;Flashlt;/agt;lt;/ligt;
lt;ligt;lt;a href=""gt;Illustratorlt;/agt;lt;/ligt;
lt;/ulgt;lt;! --[si lte IE 6]gt;
lt;/tdgt;
lt;/trgt;
lt;/tablegt;
lt;/agt;lt;! [endif]--gt;
lt;/ligt;
lt;ligt;
lt;a href=""gt;primera categoríalt;! --[si IE 7]gt;lt;! --gt;lt;/agt;lt;!--lt;! [endif]--gt;lt;! --[if lte IE 6]gt;
lt;tablegt;
lt;trgt;
lt;tdgt;lt;![endif]- -gt;
lt;ulgt;
lt;ligt;lt;a href=""gt;XHTMLlt;/agt;lt;/ligt; > lt;ligt;lt;a href=""gt;CSSlt;
lt;ligt;lt;a href=""gt;PHPlt;/agt
;lt;/ligt;
lt;ligt;lt;a href=""gt;MySQLlt;/agt;lt;/ligt;
lt;ligt;lt;a href=""gt;Fuegos artificialeslt;/agt;lt;/ligt;
lt;ligt;lt;a href=""gt;Photoshoplt;/agt;lt;/ligt;
lt;ligt;lt;a href=""gt;Flashlt;/agt;lt;/ligt;
lt;ligt;lt;a href=""gt; Illustratorlt;/agt;lt;/ligt;
lt;/ulgt;lt;! --[si lte IE 6]gt;
lt;/tdgt;
lt;/trgt;
lt;/tablegt;
lt;/agt;lt;! [endif]--gt;
lt;/ligt;
lt;ligt;
lt;a href=""gt;primera categoríalt;! --[si IE 7]gt;lt;! --gt;lt;/agt;lt;!--lt;! [endif]--gt;lt;! --[if lte IE 6]gt;
lt;tablegt;
lt;trgt;
lt;tdgt;lt;![endif]- -gt;
lt;ulgt;
lt;ligt;lt;a href=""gt;XHTMLlt;/agt;lt;/ligt; > lt;ligt;lt;a href=""gt;CSSlt;
lt;ligt;lt;a href=""gt;PHPlt;/agt;lt;/ligt;
lt;ligt;lt;a href=""gt;MySQLlt;/agt;lt;/li gt;
lt;ligt;lt;a href=""gt;Fuegos artificialeslt;/ agt;lt;/ligt;
lt;ligt;lt;a href=""gt;Photoshoplt;/agt;lt;/ligt;
lt; ligt;lt;a href=""gt;Flashlt;/agt;lt;/ligt;
lt;ligt;lt;a href=""gt;Illustratorlt;/agt;lt;/ligt ;
lt;/ulgt;lt;! --[si lte IE 6]gt;
lt;/tdgt;
lt;/trgt;
lt;/tablegt;
lt;/agt;lt;! [endif]--gt;
lt;/ligt;
lt;ligt;
lt;a href=""gt;primera categoríalt;! --[si IE 7]gt;lt;! --gt;lt;/agt;lt;!--lt;! [endif]--gt;lt;! --[si lte IE 6]gt;
lt;tablegt;
lt;trgt;<
/p>
lt; lt; ![endif]--gt;
lt;
lt; ; "gt;PHPlt;/agt;lt;/ligt;
lt;ligt;lt;a href=""gt;MySQLlt;/agt;lt;/li gt;
lt;ligt;lt;a href=""gt;Fuegos artificialeslt;/agt;lt;/ligt;
lt;ligt;lt;a href=""gt;Photoshoplt;/agt; lt ;/ligt;
lt;ligt;lt;a href=""gt;Flashlt;/agt;lt;/ligt;
lt;ligt; lt ;a href=""gt;Illustratorlt;/agt;lt;/ligt;
lt;/ulgt;lt;! --[si lte IE 6]gt;
lt;/tdgt;
lt;/trgt;
lt;/tablegt;
lt;/agt;lt;! [endif]--gt;
lt;/ligt;
lt;ligt;
lt;a href=""gt;primera categoríalt;! --[si IE 7]gt;lt;! --gt;lt;/agt;lt;!--lt;! [endif]--gt;lt;! --[if lte IE 6]gt;
lt;tablegt;
lt;trgt;
lt;tdgt;lt;![endif]- -gt;
lt;ulgt;
lt;ligt;lt;a href=""gt;XHTMLlt;/agt;lt;/ligt; > lt;ligt;lt;a href=""gt;CSSlt;
lt;ligt;lt;a href=""gt;PHPlt;/agt;lt;/ligt;
lt;ligt;lt;a href=""gt;MySQLlt;/agt;lt;/li gt;
lt;ligt;lt;a href=""gt;Fuegos artificialeslt;/ agt;lt;/ligt;
lt;ligt;lt;a href=""gt;Photoshoplt;/agt;lt;/ligt;
lt; ligt;lt;a href=""gt;Flashlt;/agt;lt;/ligt;
lt;ligt;lt;a href=""gt;Illustratorlt;/agt;lt;/ligt ;
lt;/ulgt;lt;! --[si lte IE 6]gt;
lt;/tdgt;
lt;/trgt;
lt;/tablegt;
lt;/agt;lt;! [endif]--gt
>
lt;/ligt;
lt;ligt;
lt;a href=""gt;primera categoríalt;! --[si IE 7]gt;lt;! --gt;lt;/agt;lt;!--lt;! [endif]--gt;lt;! --[if lte IE 6]gt;
lt;tablegt;
lt;trgt;
lt;tdgt;lt;![endif]- -gt;
lt;ulgt;
lt;ligt;lt;a href=""gt;XHTMLlt;/agt;lt;/ligt; > lt;ligt;lt;a href=""gt;CSSlt;
lt;ligt;lt;a href=""gt;PHPlt;/agt;lt;/ligt;
lt;ligt;lt;a href=""gt;MySQLlt;/agt;lt;/ligt;
lt;ligt;lt;a href=""gt;Fuegos artificialeslt;/agt ;lt;/ligt;
lt;ligt;lt;a href=""gt;Photoshoplt;/agt;lt;/ligt
lt;ligt; ;lt;a href=""gt;Flashlt;/agt;lt;/ligt;
lt;ligt;lt;a href=""gt;Illustratorlt;/agt;lt;/ligt;
lt;/ulgt;lt;! --[si lte IE 6]gt;
lt;/tdgt;
lt;/trgt;
lt;/tablegt;
lt;/agt;lt;! [endif]--gt;
lt;/ligt;
lt;ligt;
lt;a href=""gt;primera categoríalt;! --[si IE 7]gt;lt;! --gt;lt;/agt;lt;!--lt;! [endif]--gt;lt;! --[if lte IE 6]gt;
lt;tablegt;
lt;trgt;
lt;tdgt;lt;![endif]- -gt;
lt;ulgt;
lt;ligt;lt;a href=""gt;XHTMLlt;/agt;lt;/ligt; > lt;ligt;lt;a href=""gt;CSSlt;
lt;ligt;lt;a href=""gt;PHPlt;/agt;lt;/ligt;
lt;ligt;lt;a href=""gt;MySQLlt;/agt;lt;/ligt;
lt;ligt;lt;a href=""gt;Fuegos artificialeslt;/agt ;lt;/ligt;
lt;ligt;lt;a href=""gt;Photoshoplt;/agt;lt;/ligt
lt;ligt; ;lt;a href=""gt;Flashlt;/agt;lt;/ligt
l;
t;ligt;lt;a href=""gt;Illustratorlt;/agt;lt;/ligt;
lt;/ulgt;lt;! --[si lte IE 6]gt;
lt;/tdgt;
lt;/trgt;
lt;/tablegt;
lt;/agt;lt;! [endif]--gt;
lt;/ligt;
lt;ligt;
lt;a href=""gt;primera categoríalt;! --[si IE 7]gt;lt;! --gt;lt;/agt;lt;!--lt;! [endif]--gt;lt;! --[if lte IE 6]gt;
lt;tablegt;
lt;trgt;
lt;tdgt;lt;![endif]- -gt;
lt;ulgt;
lt;ligt;lt;a href=""gt;XHTMLlt;/agt;lt;/ligt; > lt;ligt;lt;a href=""gt;CSSlt;
lt;ligt;lt;a href=""gt;PHPlt;/agt;lt;/ligt;
lt;ligt;lt;a href=""gt;MySQLlt;/agt;lt;/li gt;
lt;ligt;lt;a href=""gt;Fuegos artificialeslt;/ agt;lt;/ligt;
lt;ligt;lt;a href=""gt;Photoshoplt;/agt;lt;/ligt;
lt;ligt;lt; a href=""gt;Flashlt;/agt;lt;/ligt;
lt;ligt;lt;a href=""gt;Illustratorlt;/agt;lt;/ligt; >
lt;/ulgt;lt;! --[si lte IE 6]gt;
lt;/tdgt;
lt;/trgt;
lt;/tablegt;
lt;/agt;lt;! [
lt;/ligt;
lt;/ulgt;
lt;/divgt;
lt;div id=" nav"gt;
Tu ubicación: div id="right"gt;
right
lt;/divgt;
lt ;div id="pie de página"gt;
pie de página
lt;/divgt;
lt;/bodygt;! --fin de página bodygt;
lt;/htmlgt;