resulta que ojeando por internet, encontre una bonita barra parecida a la de facebook..
este es el codigo.. talcual..
Código CSS:
Ver original
#taskbar{ height:20px; width:100%; margin:auto; position:fixed; top: 0; z-index: 99; } #taskbar #container{ background-color:#97c5ff; border:1px solid #FFF; display:block; margin-left:15px; margin-right:15px; height:20px; } #taskbar #container .block-left{ position:relative; float: left; width:15%; height:20px; border-right:1px solid #FFF; } #taskbar #container .block-center{ position: relative; float: left; width: 50%; height:15px; border-right:1px solid #FFF; padding: 3px; top: -3px; } #taskbar #container .block-right{ position: relative; float: left; width: 25%; height:20px; border-right:1px solid #FFF; } #taskbar #container .btns{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; padding: 0; display:marker; vertical-align:middle; line-height:15px; }
.. pero al momento de que intento hacer un menu desplegable.. en mozilla me funciona super..
pero en ie no.. y dedusco de esto que ...:MI WEBSITE ES DEMACIADO COOL PARA IE .. : ..
Este es el codigo que agregue:
Código CSS:
.. Ver original
ul { padding: 0; margin: 0; list-style: none; } li { float: left; position: relative; width: auto; } li ul { /* second-level lists */ display: none; position: absolute; top: 1px; -webkit-border-radius: 6px 6px 6px 6px; /* Safari */ -moz-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px; /* propiedad CSS3 */ -ms-border-radius: 6px 6px 6px 6px; background-color: #84BBFF; } li > ul { top: auto; left: auto; } a:hover ul, a.over ul{ display: inline-block; }
de aqui ps.. me salen varias dudas..
como hago para que funcione en ie.. como puedo implementar un hover que funcione..
que significa la linea...
li > ul
..