Foros del web, para los que viven de bits

altair_797 · 04-jun-2008, 18:52

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-jun-2008, 20:57

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-jun-2008, 21:48

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-jun-2008, 23:03

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-jun-2008, 11:24

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-jun-2008, 11:34

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

04-jun-2008, 18:52	#1 (permalink)
altair_797 Fecha de Ingreso: marzo-2008 Mensajes: 16	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ón</button></form></li> </ul> </div><!-- id="menu"-->

12-jun-2008, 20:57	#2 (permalink)
altair_797 Fecha de Ingreso: marzo-2008 Mensajes: 16	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

12-jun-2008, 21:48	#3 (permalink)
lucasan Fecha de Ingreso: junio-2007 Ubicación: Cali - Colombia Mensajes: 718	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. __________________ ~$>sudo apt-get install -f "Asi debería arreglarse todo en la vida"

19-jun-2008, 23:03	#4 (permalink)
altair_797 Fecha de Ingreso: marzo-2008 Mensajes: 16	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

20-jun-2008, 11:24	#5 (permalink)
lucasan Fecha de Ingreso: junio-2007 Ubicación: Cali - Colombia Mensajes: 718	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. __________________ ~$>sudo apt-get install -f "Asi debería arreglarse todo en la vida"

20-jun-2008, 11:34	#6 (permalink)
Jamati Fecha de Ingreso: febrero-2008 Mensajes: 223	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

Herramientas
Mostrar Versión Imprimible Enviar por Correo
Desplegado
Mode Lineal Cambiar a Modo Hibrido Cambiar a Modo Hilado