ayuda menu navegacion css

[altair_797]

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]

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]

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]

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]

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]

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