Menú Desplegable

[NewbPHP]

Hola tengo una duda estoy tratando de hacer un menu desplegable ya que tengo uno Normal...

Y me dieron esto:

Código PHP:

  <div class="menu bubplastic horizontal aqua"> 
 
<ul> 
 
<li><span class="menu_r"><a href="?controlador=Persona&accion=formulario"><span class="menu_ar"><b>Persona</b></span></a></span></li> 
 
<li><span class="menu_r"><a href="?controlador=Geocentros&accion=formulario"><span class="menu_ar"><b>Geo Centros</b></span></a></span></li> 
 
<li><span class="menu_r"><a href="?controlador=Geo&accion=formulario"><span class="menu_ar"><b>Territorio</b></span></a></span></li> 
<li><span class="menu_r"><a href="?accion=partidos"><span class="menu_ar"><b>Partidos</b></span></a></span></li> 
 
<li><span class="menu_r"><a href="?accion=ubv"><span class="menu_ar"><b>UBV</b></span></a></span></li> 
<li><span class="menu_r"><a href="#"><span class="menu_ar"><b>Estadisticas</b></span></a></span></li> 
<li><span class="menu_r"><a href="#"><span class="menu_ar"><b>Usuarios</b></span></a></span></li> 
<li><span class="menu_r"><a href="?accion=salir"><span class="menu_ar"><b>Salir</b></span></a></span></li> 
 
</ul><br class="clearit" /> 
</div>  
   

y este estilo:

Código CSS:

html 
 
{
font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
font-style: 
normal;
font-weight: normal;
font-variant: normal;overflow: auto;
}
 
 
 
body 
{
background-image: url("../image/fondog.gif");
background-repeat: repeat;
/*width:100%; height:100%; overflow:hidden;*/
}
 
 
 
#cab_p 
{
height:90px;
background-image:url(../image/banner2.png);
}
 
 
 
#cuerpo {
background: white;
}
 
#ingresa {
height:200px;
background-image:url(../image/fondousuario.png);
background-repeat: no-repeat;
padding: 1px;
}
 
 
 
 
 
#contenido {
height:100%;
font: 100% bold;
}
 
 
#mensaje{ text-align:center; margin-top:1px; font-weight:bold;font-size:120%; color:#FFFFFF; }
 
#error{
/*border: 1px solid #FF0000; */
background:#660000;
 }
 
 
 
#form{ font: normal100% Arial, Helvetica, sans-serif;font-weight: bold;
}
 
 
 
#pie {
  color:white;
  background-image:url(../image/pie.jpg);
  clear: both;
  height:40px;
  font-size:14;
}
 
 
 
#titulo{  width:100%; height:auto; background:#804040; color:#FFFFFF; text-align:center; font-size:140%; font-weight: bold;}
 
 
.inputt {
border:1px solid #525151;
}
 
 
.inputt:hover{
border:1px solid red;
}
 
 
 
 
.bubplastic.horizontal {
    width: 100%;
    height: 27px;
    margin: 0;
    padding: 0;
    
background: #000000 url(../image/bg-bubplastic.gif) top left repeat-x;
}
 
 
.bubplastic.horizontal ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
 
 
.bubplastic.horizontal ul li {
    float: left;
    margin: 0;
    padding: 0;
    background: transparent url (../image/bg-bubplastic-button.gif) top left no-repeat;
}
.bubplastic.horizontal ul li a {
    display: block;
    height: 27px;
    padding-left: 30px;
    float: left;
    
text-transform: uppercase;
    font-family: "Helvetica Neue",helvetica,"microsoft sans serif",arial,sans-serif;
    
font-size: 70%;
    color: #FFFFFF;
    text-decoration: none;
}
 
 
.bubplastic.horizontal ul li a span.menu_ar {
    display: block;
    float: left;
    height: 22px;
    
padding-top: 5px;
    padding-right: 35px;
    background: transparent url(../image/bg-bubplastic-button.gif) top right no-repeat;
    cursor: pointer;
}
 
 
 
/* END BUBBLE PLASTIC HORIZONTAL MENU */
/* AQUA HOVER */
 
 
.bubplastic.aqua ul li a:hover,
.bubplastic.aqua ul li.highlight a {
    background:
 transparent url(../image/bg-bubplastic-h-aqua.gif) top left repeat-x;
}
 
 
.bubplastic.aqua ul li a:hover span.menu_ar,
.bubplastic.aqua ul li.highlight a span.menu_ar 
{
    background: transparent url(../image/bg-bubplastic-h-aqua.gif) top right repeat-x;
}
 

Me dijeron que eso es lo que nada mas necesitaba saber que de hay podia hacer el menú desplegable.

Yo no puedo hacer un menú despegable sin ver la Vista.

Entonces vengo aquí a ver si me podrían ayudar ya que saben mas php que yo apenas comienzo como agarrar ese menú que esta hay y volverlo desplegable.

Me imagino que con sus mismas características no.

AH y en la carpeta viene 3 IMG de nombres = bg-bubplastic, bg-bubplastic-button y bg-bubplastic-h-aqua

Gracias...

[shaserUsa]

Hola amigo ese codigo solo tiene codigo html y css, lo que tienes que hacer es darle a tu pagina el camino correcto del css para que el navegador lo carge y listo debes tener el codigo funcionando.

Saludos

[NewbPHP]

no lo carga :S

[C2am]

El código funciona pero...

No es un menú desplegable, es un menú común, sin submenus (lo que se dice menu desplegable).

¿Por qué dices que no te carga? muestra un enlace.

Yo no puedo hacer un menú despegable sin ver la Vista.

???

¿No puedes ver lo que vas haciendo en el navegador?

Ten en cuenta lo que te han dicho más arriba, chequea que el link del css este correcto en el html o php que tienes-

Saludos

[NewbPHP]

Si pero Yo se hacer menús desplegables y todo.. con programas o a pie en CSS pero Uno que ya este echo hacerlo desplegable y con ese código asi desordenado no se... no tengo idea