SoloCodigo

CLR: .Net / Mono / Boo / Otros CLR => ASP .NET => Mensaje iniciado por: elgaiti en Miércoles 7 de Febrero de 2007, 20:17

Título: Pagina Con Menu..
Publicado por: elgaiti en Miércoles 7 de Febrero de 2007, 20:17
Buenas a todos...

tengo una pagina "default.aspx", en la cual tengo un menu desde el cual accedo a todas las paginas.

Como hago para que el menu este siempre visible ?

¿Tengo que mostrar al mismo tiempo 2 paginas (la del menu a la izquierda y la otra a la derecha ?

probe con frames, pero cada vez que lo ejecuto, la pagina me aparece en blanco y al volver para ver el codigo, se borro todo..

espero que me entiendan...

Muchas gracias !!

Damian
Título: Re: Pagina Con Menu..
Publicado por: Mollense en Miércoles 7 de Febrero de 2007, 20:50
Si lo que te interesa es no recargar totalmente la página creo que lo mejor es usar frames (Aunque muchos tengan argumentos contra ellos. Podés buscar al respecto en este mismo foro). El hecho que no te funcione obviamente es porque estás haciendo algo mal.-

Si no te importa que se recargue la parte del menú en cada página podés usar div's y javaScript como se menciona en esta discusión (http://foros.solocodigo.com/index.php?showtopic=25414&hl=capa).-

Saludos :beer:
Título: Re: Pagina Con Menu..
Publicado por: ing_marco en Miércoles 7 de Febrero de 2007, 20:56
Yo te recomiendo hacerlo con <DIV></DIV>
tu menu coviertelo en un control de usuarios de modo que se ordena un poco en el diseño.
Configuras tu paginas en cabecera, cuerpo{lateral y menu} y pie, le aplicas un poco de CSS y listo, jalas tu control de usuario a la parte de lateral y todo esta listo.

Si tienes problemas con la parte de <DIV> o CSS,dejame mensaje y podre seguir ayudandote.

Salu2.
Título: Re: Pagina Con Menu..
Publicado por: elgaiti en Miércoles 7 de Febrero de 2007, 21:00
mmm gracias por tu respuesta, pero no es lo q estoy queriendo que haga...
Título: Re: Pagina Con Menu..
Publicado por: Mollense en Miércoles 7 de Febrero de 2007, 21:15
Cita de: "elgaiti"
mmm gracias por tu respuesta, pero no es lo q estoy queriendo que haga...
Bueno...

¿Entonces :think: ?

¿No quieres hacerlo con frames y no quieres hacerlo con DIV's?

 :scream:
Título: Re: Pagina Con Menu..
Publicado por: elgaiti en Jueves 8 de Febrero de 2007, 13:30
no...

es que mi post fue de antes del tuyo...o no habia visto tu respuesta al momento de contestar...

si, la idea es hacerlo con div, pero no se muy bien como hacerlo.
trabajo con div, pero no se como hacer para que cargue una pag. aspx en un div y otra pag aspx en otro div...

Mil Gracias !
Título: Re: Pagina Con Menu..
Publicado por: ing_marco en Viernes 9 de Febrero de 2007, 13:27
Bueno prepara tu notepad para hacer un ejemplo.

Código: Text
  1. &#60;HTML&#62;&#60;HEAD&#62;&#60;TITLE&#62;Dos columnas con cabecera y pie&#60;/TITLE&#62;
  2. &#60;META http-equiv=Content-Type content=&#34;text/html; charset=windows-1252&#34;&#62;
  3. &#60;STYLE type=text/css&#62;
  4. BODY {
  5.   MARGIN: 0px; FONT: 8pt Verdana, Geneva, Arial, Helvetica, sans-serif; background-color: #ebebeb;
  6. ; TEXT-ALIGN: center
  7. }
  8. #contenedor {
  9.   MARGIN: 0px; TEXT-ALIGN: center
  10.  
  11. }
  12. #cabecera{
  13. TEXT-ALIGN: right;
  14. background-color:darkblue;
  15. color: #333300;
  16. font-size:12pt;
  17. font-weight: bold;
  18. padding: 3 3 3 10px;
  19. }
  20.  
  21. #cuerpo {
  22.   MARGIN: 10px 0px
  23. }
  24. #lateral{
  25. width: 160px;
  26. background-color: #999999;
  27. float:left;
  28. }
  29.  
  30. #lateral UL {
  31.   PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
  32. }
  33. #lateral LI {
  34.   PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; PADDING-TOP: 2px; BACKGROUND-COLOR: #ffffcc
  35. }
  36. #lateral A {
  37.   COLOR: #3333cc; TEXT-DECORATION: none
  38. }
  39. #principal{
  40. margin-left: 170px;
  41. background-color: #ffffff;
  42. padding: 4 4 4 4px;
  43.  
  44. }
  45.  
  46.  
  47. #pie {
  48.   CLEAR: both; PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; BACKGROUND-COLOR: #cccccc; TEXT-ALIGN: right
  49. }
  50. &#60;/STYLE&#62;
  51.  
  52.  
  53. &#60;META content=&#34;MSHTML 6.00.2900.3020&#34; name=GENERATOR&#62;&#60;/HEAD&#62;
  54. &#60;BODY&#62;
  55. &#60;DIV id=contenedor&#62;
  56. &#60;DIV id=cabecera &#62;ACA PODRIAS PONER UN IMAGEN&#60;/DIV&#62;
  57. &#60;DIV id=cuerpo&#62;
  58. &#60;DIV id=lateral&#62;ACA DEBES PONER TU MENU&#60;/DIV&#62;
  59. &#60;DIV id=principal&#62;
  60. &#60;P&#62;ACA PONER EL CONTENIDO DE TU PAGINA&#60;/P&#62;
  61. &#60;P&#62;ACA PONER EL CONTENIDO DE TU PAGINA&#60;/P&#62;
  62. &#60;P&#62;ACA PONER EL CONTENIDO DE TU PAGINA&#60;/P&#62;
  63. &#60;P&#62;ACA PONER EL CONTENIDO DE TU PAGINA&#60;/P&#62;
  64. &#60;P&#62;ACA PONER EL CONTENIDO DE TU PAGINA&#60;/P&#62;
  65.  
  66. &#60;P&#62;ACA PONER EL CONTENIDO DE TU PAGINA&#60;/P&#62;
  67. &#60;P&#62;ACA PONER EL CONTENIDO DE TU PAGINA&#60;/P&#62;
  68. &#60;P&#62;ACA PONER EL CONTENIDO DE TU PAGINA&#60;/P&#62;
  69. &#60;P&#62;ACA PONER EL CONTENIDO DE TU PAGINA&#60;/P&#62;
  70. &#60;P&#62;ACA PONER EL CONTENIDO DE TU PAGINA&#60;/P&#62;
  71. &#60;P&#62;ACA PONER EL CONTENIDO DE TU PAGINA&#60;/P&#62;
  72. &#60;P&#62;ACA PONER EL CONTENIDO DE TU PAGINA&#60;/P&#62;
  73. &#60;P&#62;ACA PONER EL CONTENIDO DE TU PAGINA&#60;/P&#62;
  74. &#60;P&#62;ACA PONER EL CONTENIDO DE TU PAGINA&#60;/P&#62;
  75. &#60;P&#62;ACA PONER EL CONTENIDO DE TU PAGINA&#60;/P&#62;
  76. &#60;/DIV&#62;&#60;/DIV&#62;
  77. &#60;DIV id=pie&#62;© 2007 Derechos Reservados &#60;/DIV&#62;&#60;/DIV&#62;&#60;/BODY&#62;&#60;/HTML&#62;
  78.  

COPIA EL CODIGO EN UN NOTEPAT(BLOC DE NOTAS)
FINALMENTE GUARDALO COMO EJEMPLO.HTM
Y PRUEBALO.

TE DEJO UN IMAGEN DE COMO DEBERA QUEDA, LE BAJE LA RESOLUCION, POR MOTIVOS OBVIOS.

SALUDOS.
MARQUITO
Título: Re: Pagina Con Menu..
Publicado por: Mollense en Viernes 9 de Febrero de 2007, 16:03
Buenasssssss

Muy buen ejemplo de maquetación pero no se si realmente sea lo que elgaiti quiere.-

Creo que lo que el quiere es que el menú se vea en todo momento.-

Esperemos a ver que dice  :comp:
Título: Re: Pagina Con Menu..
Publicado por: elgaiti en Viernes 9 de Febrero de 2007, 19:04
mmm que complicado...los 2 tienen razon !!!

antes que nada, gracias a los 2...

en base a lo de marquito, aprendi como dividir la pantalla, pero es cierto lo de angel, ya que la idea es que el menu y la cabecera esten siempre...

Haciendo uso de lo escrito por marquito, la idea seria:

<DIV id=lateral>CARGAR PAGINA DE MENU</DIV>

GRACIAS...
Título: Re: Pagina Con Menu..
Publicado por: Mollense en Sábado 10 de Febrero de 2007, 15:56
Buenassssssss

En el ejemplo de Marco deberías cambiar
Código: Text
  1. #lateral{
  2.   width: 160px;
  3.   background-color: #999999;
  4.   float:left;
  5. }
  6.  
por
Código: Text
  1. #lateral{
  2.   position:fixed;
  3.   width: 160px;
  4.   background-color: #999999;
  5.   float:left;
  6. }
  7.  
Luego en la parte de
Código: Text
  1. &#60;P&#62;ACA PONER EL CONTENIDO DE TU PAGINA&#60;/P&#62;
  2.  
agregale unos cuantos <br /> (20 por lo menos) para que veas el efecto.-
Título: Re: Pagina Con Menu..
Publicado por: Mollense en Sábado 10 de Febrero de 2007, 16:00
:angry: Maldita sea mi suerte y maldita companía M.-

Me acabo de dar cuenta que solamente funciona en exploradores serios y no en prototipos.-  :lightsabre:

Saludos
Título: Re: Pagina Con Menu..
Publicado por: F_Tanori en Sábado 10 de Febrero de 2007, 19:28
:lol:

te refieres a la basura de IE?

lastima que es al que hay que ponerle cuidado, porque es el que usa mucha gente  :angry:



 Aqui yo dejo un ejemplo con IFrame tal vez y pueda servir de algo,

o pudieras usar algo como como AJAX (creo que es el proyecto ATLAS en .NET  :unsure: )

Saludos
Título: Re: Pagina Con Menu..
Publicado por: ing_marco en Lunes 12 de Febrero de 2007, 13:37
Al parecer mi ejemplo no fue el optimo :(
de hecho hay que hacer algunos cambios.
Espero poder mejorar esto
Atte
Marco
Título: Re: Pagina Con Menu..
Publicado por: elgaiti en Lunes 12 de Febrero de 2007, 16:32
Muchisimas gracias....me sirvio y mucho el ejemplo de uds..

Existe alguna manera de cargar directamente una pagina en un div determinado ?

ejemplo:

div princiapal: load XXX.aspx

Muchas gracias nuevamente---
Título: Re: Pagina Con Menu..
Publicado por: Mollense en Lunes 12 de Febrero de 2007, 18:46
Cita de: "F_Tanori"
:lol:

te refieres a la basura de IE?

lastima que es al que hay que ponerle cuidado, porque es el que usa mucha gente  :angry:



 Aqui yo dejo un ejemplo con IFrame tal vez y pueda servir de algo,

o pudieras usar algo como como AJAX (creo que es el proyecto ATLAS en .NET  :unsure: )

Saludos
:angry: SI  :fire:

IE es el producto de un proyecto mal analizado, mal diseñado, mal implementado y mal testeado.-  :lightsabre:
M se considera el ombligo del mundo y quiere mantener eso así. Muchos del los irritantes errores y/u omisiones de estándares son totalmente intencionales (Es la sensación que percibo  :ph34r: ) para luego darte soluciones propietarias que obviamente solo funcionarán en el flamante IE.-

Pd: No veo la hora de que google les pase por arriba para ocupar su lugar de monopolio y poder entonces insultarlos a ellos (Van por buen camino (Al monopoleo  :scream: )).-
Título: Re: Pagina Con Menu..
Publicado por: sergiotarrillo en Viernes 16 de Febrero de 2007, 06:09
este... porque no usas Master Pages?

Saludos,