Foros del Web - ayuda menu navegacion css

Foros del Web (http://www.forosdelweb.com/)

- CSS (http://www.forosdelweb.com/f53/)

- - ayuda menu navegacion css (http://www.forosdelweb.com/f53/ayuda-menu-navegacion-css-593517/)

altair_797

04/06/2008 18:52

ayuda menu navegacion css

Hola todos tengo este menu, quiero hacer un menu horizontal de navegacion en mi pagina con css, el problema es que tengo elemntos href y botones, no he podido cuadrarlo.

tengoe ste codigo para el css

#nav {
list-style:none;
margin:0;
padding:0;
}

#nav button {

border-style: none;
background: inherit;
font: inherit;
color: blue;
cursor: hand;
cursor: pointer;
margin:0;
padding:0;

}

Con este codigo intente hacer que el boton se vea como un link , pero me queda descuadrado, se ve mal . Me pueden ayudar?

Gracias

Codigo

Código HTML:

<div id="menu">

                    

        <ul id="nav">

                                

        <li><p><a href="./insertar.php">Insertar datos </a></p></li>

        <li><p><a href="./consultas.php">Consultas </a></p> </li>

        <li> <form  id="frmCerrarSes" name="frmCerrarSes" method="POST" action="./[PHP] echo basename($_SERVER['PHP_SELF']); [/PHP]"><button id="submitFrmCerrar" name="submitFrmCerrar" type="submit" >Cerrar Sesi&oacute;n</button></form></li>

                    

        </ul>
 </div><!-- id="menu"-->

altair_797

12/06/2008 20:57

Respuesta: ayuda menu navegacion css

Bueno parece que no se puede hacer nada, ya busqué en todas partes y no pude arreglarlo, no se si alguien me pueda sugerir entonces alguna forma interesante para manejar links y botones ....gracias

lucasan

12/06/2008 21:48

Respuesta: ayuda menu navegacion css

Por que usas párraos dentro de tu lista?

Intenta asi:

Código HTML:

<li><a href="./insertar.php">Insertar datos </a></li>

Además, en tu CSS, usas button, y en tu HTML no lo pones por ningun lado

Intenta algo asi:

Código:

#nav {

list-style:none;

margin:0;

padding:0;

}
 
 
 

#nav li {
 

border-style: none;

background: inherit;

font: inherit;

color: blue;

cursor: hand;

cursor: pointer;

margin:0;

padding:0;
 

}

Y por último, ¿por que pones un formulario dentro de tu lista?

Si puede spon una visual de lo que intentas hacer y te ayudamos.

Saludos.

altair_797

19/06/2008 23:03

Respuesta: ayuda menu navegacion css

El problema es que manejo con este boton una variable de sesión, en teoría me recomendaron esto para el sistema de sesiones de mi software, asi ha funcionado bien, por este motivo no he podido hacer nada, no lo he podido modificar....

Muchas gracias por la respuesta voy a probarlo de esta forma

lucasan

20/06/2008 11:24

Respuesta: ayuda menu navegacion css

Hola, igual para cerrar sesión no necesitas de un fomulario, ni un botón de tipo formulario.

Un link bastará, y si quieres que s evea como un botón, el mismo link lo puedes transformar con CSS.

Saludos.

Jamati

20/06/2008 11:34

Respuesta: ayuda menu navegacion css

Al no usar la clase buton para el resto de los <li> es evidente que los demás items de la lista no tomarán el formato que definiste en el CSS

La zona horaria es GMT -6. Ahora son las 23:05.