Ver Mensaje Individual
  #1 (permalink)  
Antiguo 17/11/2008, 11:50
Kronox
 
Fecha de Ingreso: noviembre-2008
Mensajes: 21
Antigüedad: 15 años, 5 meses
Puntos: 0
Problema Menu CSS y Banner

Hola a todos, tengo un problema con mi menu css, ya que quiero que este menu este encima del banner que tengo en mi pagina:

http://redboard.awardspace.com/pruebas/index.php
(No me deja poner link porque no tengo antiguedad -_-)

Ahora, ya he logrado que se ponga encima del banner pero al momento de cambiar de resolucion, sea de 1024x768 a 1200x800, el menu css se ve en otra parte del banner que no quiero que se vea. Logre hacer que el menu se centre en la pagina pero ahora quiero que este encima del banner y que este centrado a la vez. Alguien sabe como hacer esto?? Se los voy a agradecer muchisimo! Aqui les pongo el codigo css del menu:

.jqueryslidemenu{
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
background: #B61818;
width: 235px;
margin:0 auto;
list-style-type:none;
}

.jqueryslidemenu ul{
padding: 0;
list-style-type: none;
}

.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;
}

.jqueryslidemenu ul li a{
display: block;
background: #B61818;
color: #000000;
padding: 15px 18px;
text-align:center;
color: #000000;
text-decoration: none;
}

* html .jqueryslidemenu ul li a{
display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
color: #000000;
}

.jqueryslidemenu ul li a:hover{
background: black;
color: #CC0000;
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
}

.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
}

.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
}

.jqueryslidemenu ul li ul li ul{
top: 0;
}

.jqueryslidemenu ul li ul li a{
font: normal 13px Verdana, Arial, Helvetica, sans-serif;
width: 160px;
padding: 8px 10px;
margin:0 auto;
border-top-width: 0;
border-bottom: 1px solid #000000;
}

.jqueryslidemenuz ul li ul li a:hover{
background: #eff9ff;
color: black;
}

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}