Foros del Web » Creando para Internet » CSS »

menu css

Estas en el tema de menu css en el foro de CSS en Foros del Web. Hola, estoy haciendo un menu con css y nesecito que se vea bien en los exploradores como IE y Firefox, mi pregunta es si alguien ...
  #1 (permalink)  
Antiguo 24/01/2012, 10:34
 
Fecha de Ingreso: mayo-2010
Mensajes: 414
Antigüedad: 14 años, 6 meses
Puntos: 2
menu css

Hola, estoy haciendo un menu con css y nesecito que se vea bien en los exploradores como IE y Firefox, mi pregunta es si alguien sabe de hacks para estos exploradores inferiores a los actuales.

Este es mi menu:


Código CSS:
Ver original
  1. #menu {
  2. border:0px solid #000000;
  3. width:538px;
  4. height:auto;
  5. float:right;
  6. margin-top:45px;
  7. }
  8.  
  9.  
  10. ul{
  11. list-style:none;
  12. }
  13.  
  14. ul li {
  15. display:block;
  16. border:0px solid #000000;
  17. float:left;
  18. position:relative;
  19. width:auto;
  20. margin-right:10px;
  21. height:15px;
  22. font-weight:bold;
  23. position:relative;
  24. }
  25.  
  26. ul li a{
  27. font-size:11px;
  28. font-family:Arial, Helvetica, sans-serif;
  29. color:#0099FF;
  30. }
  31.  
  32. ul li ul li a {
  33. display:block;
  34. border:0px solid #000000;
  35. float:left;
  36. position:relative;
  37. width:70px;
  38. margin-right:10px;
  39. height:15px;
  40. font-weight:normal;
  41. position:relative;
  42. color:#000000;
  43. }
  44.  
  45. ul li ul {
  46. display:block;
  47. border:0px solid #000000;
  48. position:absolute;
  49. width:90px;
  50. height:15px;
  51. padding-bottom:0px;
  52. padding-top:0px;
  53. font-weight:normal;
  54. left:-40PX;
  55. }
  56.  
  57. ul li:hover {
  58. border-bottom:2px solid #0099FF;
  59. }
  60.  
  61.  
  62. ul li:hover  ul{
  63. border:0px solid #009900;
  64. display:none;
  65. margin-top:2px;
  66. }
  67.  
  68.  
  69. ul li ul {
  70. border:0px solid #009900;
  71. display:none;
  72. }
  73.  
  74.  
  75. ul li:hover> ul{
  76. border:0px solid #FF0000;
  77. display:block;
  78. }
  79.  
  80.  
  81. ul li ul li ul {
  82. border:0px solid #009900;
  83. position:absolute;
  84. left:100px;
  85. top:0px;
  86. }
  87.  
  88. ul a{
  89. text-decoration:none;
  90.  
  91. }
  #2 (permalink)  
Antiguo 24/01/2012, 10:59
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 15 años, 9 meses
Puntos: 306
Respuesta: menu css

Hola
Ejemplos de menúes que funcionan con todos o casi todos los navegadores podés conseguir en www.araudi.net

Fijate en el código que allí están las respuestas que buscas.

Saludos
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--

Etiquetas: firefox, hover
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 08:26.