[Ovillo] Duda
Hola soy nuevo y queria consultar opinión de ustedes. Quiero diseñar una pagina Web utilizando *sólo xhtml y css* y tengo pensado hacerla con elementos div en modo float, estos elementos serán. 1- contenedor (contiene todos los elementos que a continuación detallo) 2- cabecera ( parte superior de la página Web donde se muestra algún logotipo o título identificativo propio de la página Web) 3- lista de menus a la izquierda (enlaces que apuntan a diferentes contenidos que serán mostrados en el div central) 4- elemendo central para mostrar contenidos (elemento donde se muestra la información deseada) 5- pie de página (enlaces para contactar con el webmaster, fecha de creación, validación de la página Web, etc) Mi intención es que cuando selecciono un enlace de la lista se muestre el contenido en el elmendo div central. Para ello habia pensado en hacer diferentes paginas web con sus contenidos y estas que sean enlazadas y se muestren en el interior del div central (Normalmente se suele hacer usando iframes, pero no se recomienda el uso de iframes (creo) o ¿los elementos iframes y los div son lo mismo?). ¿Qué debo poner en los enlaces para que dichas paginas se vean entro del div central? ¿Existe alguna forma mejor de hacerlo? Espero haberme explicado con claridad. Gracias por vuestra atención ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Bordes Redondeados
Saludos. Eso de que Internet Explorer implementó las esquinas redondeadas mediante -ms-border-radius es mentira. Todo surgió en un post sobre el blog oficial de internet explorer [1], y entre los muchos comentarios que había, se hablaba de ese asunto. Pero en ningún momento el equipo de ie ha dicho que lo soporta. Y entre la blogocosa hispana, alguien lo utilizó en un ejemplo de código [2], pero el ejemplo no era real, era ficticio. Como curiosidad, en los comentarios se decía que funcionaba: -ms-border-radius: 0px 0px 0px 0px; – IE 8 y a mí, sinceramente, me hizo mucha gracia, porque obviamente se trataba de un chiste, ¿no? :) Saludos. Gonzalo PD: Anieto2k, si estás en la lista, revisa el post, y comprueba los comentarios. [1] Microsoft CSS Vendor Extensions http://blogs.msdn.com/ie/archive/2008/09/08/microsoft-css-vendor-extensions.aspx [2] Microsoft Internet Explorer 8 y los prefijos CSS http://www.anieto2k.com/2008/09/09/microsoft-internet-explorer-8-y-los-prefijos-css/ Mauricio Dulce escribió: Hola, buscando en google encontré que internet explorer 8 soporta esta sintaxis, pero al verla en dicho navegador este no las toma, alguien que me pueda orientar un poco mas sobre el tema. Recurrí a esto, por que el sitio que estoy maquetando esta hecho en .net y ya saben lo engorroso que puede llegar a ser a la hora de tocar el código sin tener el source y que es generado por un controlador, no puedo usar javascript por que los ingenieros dicen que eso cargaría aun mas la aplicación, así que lo único que se me ocurrió fue intentar con css3 ya que internet explorer 6 y 7 no están contemplados en los requerimientos del proyecto ya que es una intranet de un partner de microsoft. CSS: border-radius: 3px 3px 0 0; -ms-border-radius-topleft: 3px; /*IE8*/ -ms-border-radius-topright: 3px;/*IE8*/ -moz-border-radius: 3px 3px 0 0; -khtml-border-radius-topleft:3px; -khtml-border-radius-topright:3px; -webkit-border-top-right-radius: 3px; -webkit-border-top-left-radius: 3px; gracias Mauricio Dulce UI/UX Designer-Developer HTML CSS Móvil: (57) 312 519 0288 Teléfono: (571) 2746831 Email: mauricio.du...@gmail.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Duda
Si tu servidor tiene PHP, yo utilizaría la función include() para, en cada página, introducir todos los elementos comunes (cabecera, menús, pie de página...). Javier Herrán escribió: Hola soy nuevo y queria consultar opinión de ustedes. Quiero diseñar una pagina Web utilizando *sólo xhtml y css* y tengo pensado hacerla con elementos div en modo float, estos elementos serán. 1- contenedor (contiene todos los elementos que a continuación detallo) 2- cabecera ( parte superior de la página Web donde se muestra algún logotipo o título identificativo propio de la página Web) 3- lista de menus a la izquierda (enlaces que apuntan a diferentes contenidos que serán mostrados en el div central) 4- elemendo central para mostrar contenidos (elemento donde se muestra la información deseada) 5- pie de página (enlaces para contactar con el webmaster, fecha de creación, validación de la página Web, etc) Mi intención es que cuando selecciono un enlace de la lista se muestre el contenido en el elmendo div central. Para ello habia pensado en hacer diferentes paginas web con sus contenidos y estas que sean enlazadas y se muestren en el interior del div central (Normalmente se suele hacer usando iframes, pero no se recomienda el uso de iframes (creo) o ¿los elementos iframes y los div son lo mismo?). ¿Qué debo poner en los enlaces para que dichas paginas se vean entro del div central? ¿Existe alguna forma mejor de hacerlo? Espero haberme explicado con claridad. Gracias por vuestra atención ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Duda
Buenos días Los elementos DIV y los IFRAME son completamente distintos. Te lo explicaré de una forma sencilla: Por un lado un IFRAME es como si incrustases otra pagina en la principal. Está vinculado a una URL y en su interior se carga de forma independiente al resto de la página ese contenido. Esto genera más tráfico, al tener más conexiones HTTP. Desde el punto de vista de la accesibilidad yo siempre recomiendo no utilizarlos, ya que siempre dificultan el acceso a sus contenidos y necesitan de un acceso alternativo, ya que existen navegadores que no los soportan. Por su parte los DIVs son elementos que únicamente tienen una misión estructural, para agrupar bloques. Los elementos que tu enumeras son claros candidatos para el uso de DIVs ya que son elementos estructurales propios de una web que suelen tener maquetación independiente unos de otros. - Una vez dicho esto, que es una explicación un poco de andar por casa, te hago mi recomendación. No uses FRAMES ni IFRAMES, si bien te aportan algo de dinamismo a la página, dificultan la navegación a un grupo de usuarios discapacitados que no debemos olvidar nunca. - Utiliza DIVs para estructurar los bloques de información de tus páginas. - Si quieres aportar dinamismo a una web utiliza JavaScript pero siempre como algo adicional. Para esto primero haz la web para un usuario que no tenga JavaScript, consigue un acceso perfecto a toda la informacion. Una vez tengas esto, mejorala empleando aquellos efectos de carga que quieras. Por ejemplo, en tu caso puedes emplear AJAX para hacer la carga únicamente de los bloques que quieres presentar y colocarlos en el bloque central. Esta es, desde mi punto de vista, la forma más adecuada de proceder. Espero ser de ayuda. Un saludo. 2009/7/20 Javier Herrán javier.herra...@gmail.com Hola soy nuevo y queria consultar opinión de ustedes. Quiero diseñar una pagina Web utilizando *sólo xhtml y css* y tengo pensado hacerla con elementos div en modo float, estos elementos serán. 1- contenedor (contiene todos los elementos que a continuación detallo) 2- cabecera ( parte superior de la página Web donde se muestra algún logotipo o título identificativo propio de la página Web) 3- lista de menus a la izquierda (enlaces que apuntan a diferentes contenidos que serán mostrados en el div central) 4- elemendo central para mostrar contenidos (elemento donde se muestra la información deseada) 5- pie de página (enlaces para contactar con el webmaster, fecha de creación, validación de la página Web, etc) Mi intención es que cuando selecciono un enlace de la lista se muestre el contenido en el elmendo div central. Para ello habia pensado en hacer diferentes paginas web con sus contenidos y estas que sean enlazadas y se muestren en el interior del div central (Normalmente se suele hacer usando iframes, pero no se recomienda el uso de iframes (creo) o ¿los elementos iframes y los div son lo mismo?). ¿Qué debo poner en los enlaces para que dichas paginas se vean entro del div central? ¿Existe alguna forma mejor de hacerlo? Espero haberme explicado con claridad. Gracias por vuestra atención ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Duda
La mejor filosofia de la web es la documental. La que trata las paginas web como documentos SDI. Una pagina = Un documento. ( 1 es 1 ) Aunque esto significa que una pagina normalmente va a repetir una parte de codigo (el menu) que sera igual en todas las paginas (no tiene porque, pero es muy posible). Mantener esta relacion 1:1 facilita el uso de ...los elementos de un navegador web.. como el historial, los botones de navegacion, el menu de bookmarks. Todos esos elementos son 1:1. Hacer paginas MDI, donde la pagina esta compuesto de varios subdocumentos rompe todas estas relaciones y crea confusion. Si el usuario pulsa retroceder.. ¿se sale de la pagina, o se deshace una modificacion del src de un iframe?. Cuando se hace un bookmark ¿deberia el navegador recordar el estado de todos los iframes?, y si no es asi.. ¿que sentido tiene hacer bookmark de algo que cuando se recupere el bookmark mostrara algo distinto?. Ahora los navegadores utilizan solapas, y una opcion practica es abrir una enlace en otra solapa, mientras leemos la actual ( estoy leyendo el capitulo 14 de tu enovela, y abro el 15 y 16 para que carguen mientras leo). Con frames te saldra una pagina rota, sin menus. Por todo esto, y acortando, es acertada la sugerencia que te hace Dani F. Serch de utilizar include() para los menus. Haz un documento por pagina, y haz un include php para los menus. ?php include(menu.php); ? es todo el php que necesitas saber. 2009/7/20 Javier Herrán javier.herra...@gmail.com: Hola soy nuevo y queria consultar opinión de ustedes. Quiero diseñar una pagina Web utilizando *sólo xhtml y css* y tengo pensado hacerla con elementos div en modo float, estos elementos serán. 1- contenedor (contiene todos los elementos que a continuación detallo) 2- cabecera ( parte superior de la página Web donde se muestra algún logotipo o título identificativo propio de la página Web) 3- lista de menus a la izquierda (enlaces que apuntan a diferentes contenidos que serán mostrados en el div central) 4- elemendo central para mostrar contenidos (elemento donde se muestra la información deseada) 5- pie de página (enlaces para contactar con el webmaster, fecha de creación, validación de la página Web, etc) Mi intención es que cuando selecciono un enlace de la lista se muestre el contenido en el elmendo div central. Para ello habia pensado en hacer diferentes paginas web con sus contenidos y estas que sean enlazadas y se muestren en el interior del div central (Normalmente se suele hacer usando iframes, pero no se recomienda el uso de iframes (creo) o ¿los elementos iframes y los div son lo mismo?). ¿Qué debo poner en los enlaces para que dichas paginas se vean entro del div central? ¿Existe alguna forma mejor de hacerlo? Espero haberme explicado con claridad. -- -- ℱin del ℳensaje. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Duda
A ver te entiendo pero es para hacer un ejercicio, y esto debera hacerse SÓLO USANDO CODIGO XHTML Y CSS. Ya sé que existe javascript. Pero por lo que veo el problema es que no puedes usar un elemento div coo un marco. lo ieal seria que el elemnto div de los menus, al pinchar el enlace mostrara la información en el elemnto div de los contenidos. Y no se me ocurre cómo usando sólo XHTML y CSS salvo usando marcos o introduciendo un marco o un iframe o una tabla en el div contenidos. Ciertamente sólo el uso de XHTML y CSS límita bastante. El 20 de julio de 2009 09:50, Carlos García-Olalla Olivera carlos.garciaola...@gmail.com escribió: Buenos días Los elementos DIV y los IFRAME son completamente distintos. Te lo explicaré de una forma sencilla: Por un lado un IFRAME es como si incrustases otra pagina en la principal. Está vinculado a una URL y en su interior se carga de forma independiente al resto de la página ese contenido. Esto genera más tráfico, al tener más conexiones HTTP. Desde el punto de vista de la accesibilidad yo siempre recomiendo no utilizarlos, ya que siempre dificultan el acceso a sus contenidos y necesitan de un acceso alternativo, ya que existen navegadores que no los soportan. Por su parte los DIVs son elementos que únicamente tienen una misión estructural, para agrupar bloques. Los elementos que tu enumeras son claros candidatos para el uso de DIVs ya que son elementos estructurales propios de una web que suelen tener maquetación independiente unos de otros. - Una vez dicho esto, que es una explicación un poco de andar por casa, te hago mi recomendación. No uses FRAMES ni IFRAMES, si bien te aportan algo de dinamismo a la página, dificultan la navegación a un grupo de usuarios discapacitados que no debemos olvidar nunca. - Utiliza DIVs para estructurar los bloques de información de tus páginas. - Si quieres aportar dinamismo a una web utiliza JavaScript pero siempre como algo adicional. Para esto primero haz la web para un usuario que no tenga JavaScript, consigue un acceso perfecto a toda la informacion. Una vez tengas esto, mejorala empleando aquellos efectos de carga que quieras. Por ejemplo, en tu caso puedes emplear AJAX para hacer la carga únicamente de los bloques que quieres presentar y colocarlos en el bloque central. Esta es, desde mi punto de vista, la forma más adecuada de proceder. Espero ser de ayuda. Un saludo. 2009/7/20 Javier Herrán javier.herra...@gmail.com Hola soy nuevo y queria consultar opinión de ustedes. Quiero diseñar una pagina Web utilizando *sólo xhtml y css* y tengo pensado hacerla con elementos div en modo float, estos elementos serán. 1- contenedor (contiene todos los elementos que a continuación detallo) 2- cabecera ( parte superior de la página Web donde se muestra algún logotipo o título identificativo propio de la página Web) 3- lista de menus a la izquierda (enlaces que apuntan a diferentes contenidos que serán mostrados en el div central) 4- elemendo central para mostrar contenidos (elemento donde se muestra la información deseada) 5- pie de página (enlaces para contactar con el webmaster, fecha de creación, validación de la página Web, etc) Mi intención es que cuando selecciono un enlace de la lista se muestre el contenido en el elmendo div central. Para ello habia pensado en hacer diferentes paginas web con sus contenidos y estas que sean enlazadas y se muestren en el interior del div central (Normalmente se suele hacer usando iframes, pero no se recomienda el uso de iframes (creo) o ¿los elementos iframes y los div son lo mismo?). ¿Qué debo poner en los enlaces para que dichas paginas se vean entro del div central? ¿Existe alguna forma mejor de hacerlo? Espero haberme explicado con claridad. Gracias por vuestra atención ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Duda
2009/7/20 Javier Herrán javier.herra...@gmail.com: A ver te entiendo pero es para hacer un ejercicio, y esto debera hacerse SÓLO USANDO CODIGO XHTML Y CSS. ...Y no se me ocurre cómo usando sólo XHTML y CSS salvo usando marcos o introduciendo un marco o un iframe o una tabla en el div contenidos. puedes tener dos documentos, el documento uno seria algo asi como 1: html pagina=1 body div id=menu a href=pagina1.htmlfresas/a | a href=pagina2.htmlcocos/a/div div id=contenido Sobre fresas /div /body /html El documento 2: html pagina=2 body div id=menu a href=pagina1.htmlfresas/a | a href=pagina2.htmlcocos/a/div div id=contenido Sobre cocos /div /body /html el html del menu se repite, pero eso no tiene importancia. No he usado html gueno por abreviar. Realmente lo suyo en esta lista de correo seria sugerir el uso de listas ul para el menu de enlaces, dado que dan mucho juego a la hora de estilarlas con CSS. Este html de ejemplo, probablemente no valide.. no es la intencion, sino solo la idea de menus. tl;dr: no necesitas iframes. -- -- ℱin del ℳensaje. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Duda
En ese caso, si solo se usa XHTML y CSS y el acceso a los contenidos debe hacerse mediante clicks de raton sobre los enlaces del menú, ciertamente estas limitado, porque el click de ratón no se puede gestionar con CSS. Si puedes hacerlo todo clonando ficheros HTML y únicamente cambiando el contenido que se diferencia, yo personalmente te lo recomendaría. Si en el ejercicio os piden de alguna forma que lo que cambie sea únicamente el contenido propiamente dicho y el resto de bloques no se vuelvan a cargar, entonces la única forma que te queda es el uso de marcos, pero no de IFRAME, sino de FRAMESET y varios FRAME. En cada uno de los cuales puedes colocar los diferentes bloques que identificaste antes. Espero que ahora haya atinado más :P Un saludo 2009/7/20 Javier Herrán javier.herra...@gmail.com A ver te entiendo pero es para hacer un ejercicio, y esto debera hacerse SÓLO USANDO CODIGO XHTML Y CSS. Ya sé que existe javascript. Pero por lo que veo el problema es que no puedes usar un elemento div coo un marco. lo ieal seria que el elemnto div de los menus, al pinchar el enlace mostrara la información en el elemnto div de los contenidos. Y no se me ocurre cómo usando sólo XHTML y CSS salvo usando marcos o introduciendo un marco o un iframe o una tabla en el div contenidos. Ciertamente sólo el uso de XHTML y CSS límita bastante. El 20 de julio de 2009 09:50, Carlos García-Olalla Olivera carlos.garciaola...@gmail.com escribió: Buenos días Los elementos DIV y los IFRAME son completamente distintos. Te lo explicaré de una forma sencilla: Por un lado un IFRAME es como si incrustases otra pagina en la principal. Está vinculado a una URL y en su interior se carga de forma independiente al resto de la página ese contenido. Esto genera más tráfico, al tener más conexiones HTTP. Desde el punto de vista de la accesibilidad yo siempre recomiendo no utilizarlos, ya que siempre dificultan el acceso a sus contenidos y necesitan de un acceso alternativo, ya que existen navegadores que no los soportan. Por su parte los DIVs son elementos que únicamente tienen una misión estructural, para agrupar bloques. Los elementos que tu enumeras son claros candidatos para el uso de DIVs ya que son elementos estructurales propios de una web que suelen tener maquetación independiente unos de otros. - Una vez dicho esto, que es una explicación un poco de andar por casa, te hago mi recomendación. No uses FRAMES ni IFRAMES, si bien te aportan algo de dinamismo a la página, dificultan la navegación a un grupo de usuarios discapacitados que no debemos olvidar nunca. - Utiliza DIVs para estructurar los bloques de información de tus páginas. - Si quieres aportar dinamismo a una web utiliza JavaScript pero siempre como algo adicional. Para esto primero haz la web para un usuario que no tenga JavaScript, consigue un acceso perfecto a toda la informacion. Una vez tengas esto, mejorala empleando aquellos efectos de carga que quieras. Por ejemplo, en tu caso puedes emplear AJAX para hacer la carga únicamente de los bloques que quieres presentar y colocarlos en el bloque central. Esta es, desde mi punto de vista, la forma más adecuada de proceder. Espero ser de ayuda. Un saludo. 2009/7/20 Javier Herrán javier.herra...@gmail.com Hola soy nuevo y queria consultar opinión de ustedes. Quiero diseñar una pagina Web utilizando *sólo xhtml y css* y tengo pensado hacerla con elementos div en modo float, estos elementos serán. 1- contenedor (contiene todos los elementos que a continuación detallo) 2- cabecera ( parte superior de la página Web donde se muestra algún logotipo o título identificativo propio de la página Web) 3- lista de menus a la izquierda (enlaces que apuntan a diferentes contenidos que serán mostrados en el div central) 4- elemendo central para mostrar contenidos (elemento donde se muestra la información deseada) 5- pie de página (enlaces para contactar con el webmaster, fecha de creación, validación de la página Web, etc) Mi intención es que cuando selecciono un enlace de la lista se muestre el contenido en el elmendo div central. Para ello habia pensado en hacer diferentes paginas web con sus contenidos y estas que sean enlazadas y se muestren en el interior del div central (Normalmente se suele hacer usando iframes, pero no se recomienda el uso de iframes (creo) o ¿los elementos iframes y los div son lo mismo?). ¿Qué debo poner en los enlaces para que dichas paginas se vean entro del div central? ¿Existe alguna forma mejor de hacerlo? Espero haberme explicado con claridad. Gracias por vuestra atención ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o
Re: [Ovillo] Bordes Redondeados
Tanto Ignacio como Alejandro tienen razón. IE8 no admite -ms-border-radius, así que ni modo IE8 ni nada. Te pido disculpas, lo leí en http://www.clubdesarrolladores.com/articulos/mostrar/43-esquinas-redondeadas-round-corners-en-todos-los-navegadores Aquí tienes otra solución para IE, que hace uso de un archivo htc: http://www.htmlremix.com/css/curved-corner-border-radius-cross-browser pero no es perfecta y cuando la he probado me ha fallado en IE8 (en modo IE8). Saludos. El 19 de julio de 2009 23:54, Daniel Navarrowebpe...@gmail.com escribió: Hola, Mauricio. Ahora mismo no estoy delante de un ordenador que tenga IE8, por lo que no he probado, pero creo que -ms-border-radius sólo funciona en IE8 cuando no está en modo de compatibilidad con IE7, sino en modo IE8. Prueba a añadir la siguiente metaetiqueta: meta http-equiv=X-UA-Compatible content=IE=8 / Por otro lado, como primera declaración dentro de la regla para el borde redondeado usas border-radius: 3px 3px 0 0; pero el método abreviado para esta propiedad admite sólo uno o dos valores, no cuatro como tú indicas. Tienes la sintaxis en http://www.w3.org/TR/2002/WD-css3-border-20021107/#border-radius Saludos. El 18 de julio de 2009 18:54, Mauricio Dulcemauricio.du...@gmail.com escribió: Hola, buscando en google encontré que internet explorer 8 soporta esta sintaxis, pero al verla en dicho navegador este no las toma, alguien que me pueda orientar un poco mas sobre el tema. Recurrí a esto, por que el sitio que estoy maquetando esta hecho en .net y ya saben lo engorroso que puede llegar a ser a la hora de tocar el código sin tener el source y que es generado por un controlador, no puedo usar javascript por que los ingenieros dicen que eso cargaría aun mas la aplicación, así que lo único que se me ocurrió fue intentar con css3 ya que internet explorer 6 y 7 no están contemplados en los requerimientos del proyecto ya que es una intranet de un partner de microsoft. CSS: border-radius: 3px 3px 0 0; -ms-border-radius-topleft: 3px; /*IE8*/ -ms-border-radius-topright: 3px;/*IE8*/ -moz-border-radius: 3px 3px 0 0; -khtml-border-radius-topleft:3px; -khtml-border-radius-topright:3px; -webkit-border-top-right-radius: 3px; -webkit-border-top-left-radius: 3px; gracias Mauricio Dulce UI/UX Designer-Developer HTML CSS Móvil: (57) 312 519 0288 Teléfono: (571) 2746831 Email: mauricio.du...@gmail.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Duda
Hola.
Te aconsejo que utilices la maquetación del siguiente ejemplo:
http://matthewjamestaylor.com/blog/ultimate-3-column-holy-grail-ems.htm
Y que para mostar diferente contenido al pulsar un enlace del menú, utilices
javascript y cargues páginas HTML si sólo varía el contenido (utilizando el
innerHTML):
- código JavaScript:
function EscribeCapa(ID,parentID,URL) {
if (document.layers) {
var oLayer;
if(parentID){
oLayer = eval('document.' + parentID + '.document.' + ID + '.document');
}else{
oLayer = document.layers[ID].document;
}
oLayer.open();
oLayer.write(URL);
oLayer.close();
}
else if (parseInt(navigator.appVersion)=5navigator.
appName==Netscape) {
document.getElementById(ID).innerHTML = URL;
}
else if (document.all) document.all[ID].innerHTML = URL
}
- código HTML:
a href=javascript:EscribeCapa('detallecontenido1',null,'prueba1.html')enlace
1/a
div id='detallecontenido1' class='detallecontenido'/div
Debería abrirte prueba1.html en el contenedor detallecontenido1.
--
Saludos:
MARTIN
BLOG: http://www.martincampos.net
CONTACTO: http://www.martincampos.tel
FACEBOOK: http://www.facebook.com/profile.php?id=1210924102v=info
TWITTER @martincampos: http://twitter.com/martincampos
XING: https://www.xing.com/profile/VicenteMartin_CamposPerez
El 20 de julio de 2009 09:02, Javier Herrán javier.herra...@gmail.comescribió:
Hola soy nuevo y queria consultar opinión de ustedes.
Quiero diseñar una pagina Web utilizando *sólo xhtml y css* y tengo
pensado
hacerla con elementos div en modo float, estos elementos serán.
1- contenedor (contiene todos los elementos que a continuación detallo)
2- cabecera ( parte superior de la página Web donde se muestra algún
logotipo o título identificativo propio de la página Web)
3- lista de menus a la izquierda (enlaces que apuntan a diferentes
contenidos que serán mostrados en el div central)
4- elemendo central para mostrar contenidos (elemento donde se muestra la
información deseada)
5- pie de página (enlaces para contactar con el webmaster, fecha de
creación, validación de la página Web, etc)
Mi intención es que cuando selecciono un enlace de la lista se muestre el
contenido en el elmendo div central.
Para ello habia pensado en hacer diferentes paginas web con sus contenidos
y
estas que sean enlazadas y se muestren en el interior del div central
(Normalmente se suele hacer usando iframes, pero no se recomienda el uso de
iframes (creo) o ¿los elementos iframes y los div son lo mismo?).
¿Qué debo poner en los enlaces para que dichas paginas se vean entro del
div central?
¿Existe alguna forma mejor de hacerlo?
Espero haberme explicado con claridad.
Gracias por vuestra atención
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Duda
Perdona Carlos, pero creo que estás creando algo de confusión, a ver si lo aclaro... El 20 de julio de 2009 11:23, Carlos García-Olalla Oliveracarlos.garciaola...@gmail.com escribió: En ese caso, si solo se usa XHTML y CSS y el acceso a los contenidos debe hacerse mediante clicks de raton sobre los enlaces del menú, ciertamente estas limitado, porque el click de ratón no se puede gestionar con CSS. Que yo sepa, toda Web funciona a base de clicks de ratón, e incluso a base de presión de teclado. La mención de gestionar esto con CSS no tiene sentido, no es esa la cuestión y sólo puede dar lugar a confusión. No creo que la duda de Javier vaya por ahí, sino una cuestión más básica; hacer Webs sólo utilizando XHTML/CSS sin utilizar JavaScript, Frames, Flash o cualquier mala praxis de los años 80-90, porque entiendo que Javier sabe hacer Webs, pero a la antigua usanza o de una forma más clásica. Si puedes hacerlo todo clonando ficheros HTML y únicamente cambiando el contenido que se diferencia, yo personalmente te lo recomendaría. O eso o a base de includes según la tecnología por la que se decante (ya sea PHP, SSI, ASP, etcétera...), el ejemplo de Tei es suficientemente ilustrativo. Si en el ejercicio os piden de alguna forma que lo que cambie sea únicamente el contenido propiamente dicho y el resto de bloques no se vuelvan a cargar, entonces la única forma que te queda es el uso de marcos, pero no de IFRAME, sino de FRAMESET y varios FRAME. En cada uno de los cuales puedes colocar los diferentes bloques que identificaste antes. Si el ejercicio fuera tal, se puede hacer mediante lo citado anteriormente (vease respuesta de Tei), no veo la necesidad de usar frames (ya sean IFRAME o FRAMESET). Y después y sólo después de haber terminado este ejercicio, si se podría extender la usabilidad utilizando AJAX para que cargue el contenido dentro de la capa #contenido sin recargar toda la página. Pero vamos, esto es algo secundario. Espero que ahora haya atinado más :P Un saludo 2009/7/20 Javier Herrán javier.herra...@gmail.com A ver te entiendo pero es para hacer un ejercicio, y esto debera hacerse SÓLO USANDO CODIGO XHTML Y CSS. Ya sé que existe javascript. Pero por lo que veo el problema es que no puedes usar un elemento div coo un marco. lo ieal seria que el elemnto div de los menus, al pinchar el enlace mostrara la información en el elemnto div de los contenidos. Y no se me ocurre cómo usando sólo XHTML y CSS salvo usando marcos o introduciendo un marco o un iframe o una tabla en el div contenidos. Ciertamente sólo el uso de XHTML y CSS límita bastante. El 20 de julio de 2009 09:50, Carlos García-Olalla Olivera carlos.garciaola...@gmail.com escribió: Buenos días Los elementos DIV y los IFRAME son completamente distintos. Te lo explicaré de una forma sencilla: Por un lado un IFRAME es como si incrustases otra pagina en la principal. Está vinculado a una URL y en su interior se carga de forma independiente al resto de la página ese contenido. Esto genera más tráfico, al tener más conexiones HTTP. Desde el punto de vista de la accesibilidad yo siempre recomiendo no utilizarlos, ya que siempre dificultan el acceso a sus contenidos y necesitan de un acceso alternativo, ya que existen navegadores que no los soportan. Por su parte los DIVs son elementos que únicamente tienen una misión estructural, para agrupar bloques. Los elementos que tu enumeras son claros candidatos para el uso de DIVs ya que son elementos estructurales propios de una web que suelen tener maquetación independiente unos de otros. - Una vez dicho esto, que es una explicación un poco de andar por casa, te hago mi recomendación. No uses FRAMES ni IFRAMES, si bien te aportan algo de dinamismo a la página, dificultan la navegación a un grupo de usuarios discapacitados que no debemos olvidar nunca. - Utiliza DIVs para estructurar los bloques de información de tus páginas. - Si quieres aportar dinamismo a una web utiliza JavaScript pero siempre como algo adicional. Para esto primero haz la web para un usuario que no tenga JavaScript, consigue un acceso perfecto a toda la informacion. Una vez tengas esto, mejorala empleando aquellos efectos de carga que quieras. Por ejemplo, en tu caso puedes emplear AJAX para hacer la carga únicamente de los bloques que quieres presentar y colocarlos en el bloque central. Esta es, desde mi punto de vista, la forma más adecuada de proceder. Espero ser de ayuda. Un saludo. 2009/7/20 Javier Herrán javier.herra...@gmail.com Hola soy nuevo y queria consultar opinión de ustedes. Quiero diseñar una pagina Web utilizando *sólo xhtml y css* y tengo pensado hacerla con elementos div en modo float, estos elementos serán. 1- contenedor (contiene todos los elementos que a continuación detallo) 2- cabecera ( parte superior de la página Web donde se
Re: [Ovillo] Duda
Por supuesto, la solución que he propuesto no es accesible ya que si no está
activo el javascript, no funcionaría al no presentar funcionalidad
alternativa.
La solución antiguamente era FRAMES y la que te recomiendo es utilizar como
decían, los include() de PHP o un lenguaje que cree páginas dinámicas.
Pero si sólo es utilzas XHTML y CSS, o copias y pegas todo el código XHTML
excepto el contenedor detalle o con javascript.
saludos:
MARTIN
BLOG: http://www.martincampos.net
CONTACTO: http://www.martincampos.tel
FACEBOOK: http://www.facebook.com/profile.php?id=1210924102v=info
TWITTER @martincampos: http://twitter.com/martincampos
XING: https://www.xing.com/profile/VicenteMartin_CamposPerez
El 20 de julio de 2009 11:39, Martin Campos vmartin.cam...@gmail.comescribió:
Hola.
Te aconsejo que utilices la maquetación del siguiente ejemplo:
http://matthewjamestaylor.com/blog/ultimate-3-column-holy-grail-ems.htm
Y que para mostar diferente contenido al pulsar un enlace del menú,
utilices javascript y cargues páginas HTML si sólo varía el contenido
(utilizando el innerHTML):
- código JavaScript:
function EscribeCapa(ID,parentID,URL) {
if (document.layers) {
var oLayer;
if(parentID){
oLayer = eval('document.' + parentID + '.document.' + ID + '.document');
}else{
oLayer = document.layers[ID].document;
}
oLayer.open();
oLayer.write(URL);
oLayer.close();
}
else if (parseInt(navigator.appVersion)=5navigator.
appName==Netscape) {
document.getElementById(ID).innerHTML = URL;
}
else if (document.all) document.all[ID].innerHTML = URL
}
- código HTML:
a
href=javascript:EscribeCapa('detallecontenido1',null,'prueba1.html')enlace
1/a
div id='detallecontenido1' class='detallecontenido'/div
Debería abrirte prueba1.html en el contenedor detallecontenido1.
--
Saludos:
MARTIN
BLOG: http://www.martincampos.net
CONTACTO: http://www.martincampos.tel
FACEBOOK: http://www.facebook.com/profile.php?id=1210924102v=info
TWITTER @martincampos: http://twitter.com/martincampos
XING: https://www.xing.com/profile/VicenteMartin_CamposPerez
El 20 de julio de 2009 09:02, Javier Herrán
javier.herra...@gmail.comescribió:
Hola soy nuevo y queria consultar opinión de ustedes.
Quiero diseñar una pagina Web utilizando *sólo xhtml y css* y tengo
pensado
hacerla con elementos div en modo float, estos elementos serán.
1- contenedor (contiene todos los elementos que a continuación detallo)
2- cabecera ( parte superior de la página Web donde se muestra algún
logotipo o título identificativo propio de la página Web)
3- lista de menus a la izquierda (enlaces que apuntan a diferentes
contenidos que serán mostrados en el div central)
4- elemendo central para mostrar contenidos (elemento donde se muestra la
información deseada)
5- pie de página (enlaces para contactar con el webmaster, fecha de
creación, validación de la página Web, etc)
Mi intención es que cuando selecciono un enlace de la lista se muestre el
contenido en el elmendo div central.
Para ello habia pensado en hacer diferentes paginas web con sus contenidos
y
estas que sean enlazadas y se muestren en el interior del div central
(Normalmente se suele hacer usando iframes, pero no se recomienda el uso
de
iframes (creo) o ¿los elementos iframes y los div son lo mismo?).
¿Qué debo poner en los enlaces para que dichas paginas se vean entro del
div central?
¿Existe alguna forma mejor de hacerlo?
Espero haberme explicado con claridad.
Gracias por vuestra atención
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Duda
Buenas Philipp Creo que tienes toda la razón, pero yo no quería decir eso, lo único que por no extenderme demasiado igual di lugar a confusión. Al hablar de acceder a la información mediante clicks me refería a que la única forma que se me ocurria para no usar FRAMES ni JS y tener ese dinamismo era controlar por CSS el hover del ratón mediante alguna de las múltiples técnicas que hay para mostrar unos contenidos u otros. Obviamente, si esto no se permite en el enunciado del ejercicio que comenta Javier y el acceso debe ser mediante clicks de ratón como es habitual, las opciones por CSS desaparecen. Según entiendo a Javier, el ejercicio es únicamente de XHTML y CSS, no utilizará ni JS, ni ningun de lenguaje de programación en servidor. En el caso de ser así creo que lo único que puede hacer es utilizar FRAMES como ya le comenté. Espero haber aclarado la confusión. Gracias Philipp. Un saludo. 2009/7/20 Philipp Keweloh sku...@gmail.com Perdona Carlos, pero creo que estás creando algo de confusión, a ver si lo aclaro... El 20 de julio de 2009 11:23, Carlos García-Olalla Oliveracarlos.garciaola...@gmail.com escribió: En ese caso, si solo se usa XHTML y CSS y el acceso a los contenidos debe hacerse mediante clicks de raton sobre los enlaces del menú, ciertamente estas limitado, porque el click de ratón no se puede gestionar con CSS. Que yo sepa, toda Web funciona a base de clicks de ratón, e incluso a base de presión de teclado. La mención de gestionar esto con CSS no tiene sentido, no es esa la cuestión y sólo puede dar lugar a confusión. No creo que la duda de Javier vaya por ahí, sino una cuestión más básica; hacer Webs sólo utilizando XHTML/CSS sin utilizar JavaScript, Frames, Flash o cualquier mala praxis de los años 80-90, porque entiendo que Javier sabe hacer Webs, pero a la antigua usanza o de una forma más clásica. Si puedes hacerlo todo clonando ficheros HTML y únicamente cambiando el contenido que se diferencia, yo personalmente te lo recomendaría. O eso o a base de includes según la tecnología por la que se decante (ya sea PHP, SSI, ASP, etcétera...), el ejemplo de Tei es suficientemente ilustrativo. Si en el ejercicio os piden de alguna forma que lo que cambie sea únicamente el contenido propiamente dicho y el resto de bloques no se vuelvan a cargar, entonces la única forma que te queda es el uso de marcos, pero no de IFRAME, sino de FRAMESET y varios FRAME. En cada uno de los cuales puedes colocar los diferentes bloques que identificaste antes. Si el ejercicio fuera tal, se puede hacer mediante lo citado anteriormente (vease respuesta de Tei), no veo la necesidad de usar frames (ya sean IFRAME o FRAMESET). Y después y sólo después de haber terminado este ejercicio, si se podría extender la usabilidad utilizando AJAX para que cargue el contenido dentro de la capa #contenido sin recargar toda la página. Pero vamos, esto es algo secundario. Espero que ahora haya atinado más :P Un saludo 2009/7/20 Javier Herrán javier.herra...@gmail.com A ver te entiendo pero es para hacer un ejercicio, y esto debera hacerse SÓLO USANDO CODIGO XHTML Y CSS. Ya sé que existe javascript. Pero por lo que veo el problema es que no puedes usar un elemento div coo un marco. lo ieal seria que el elemnto div de los menus, al pinchar el enlace mostrara la información en el elemnto div de los contenidos. Y no se me ocurre cómo usando sólo XHTML y CSS salvo usando marcos o introduciendo un marco o un iframe o una tabla en el div contenidos. Ciertamente sólo el uso de XHTML y CSS límita bastante. El 20 de julio de 2009 09:50, Carlos García-Olalla Olivera carlos.garciaola...@gmail.com escribió: Buenos días Los elementos DIV y los IFRAME son completamente distintos. Te lo explicaré de una forma sencilla: Por un lado un IFRAME es como si incrustases otra pagina en la principal. Está vinculado a una URL y en su interior se carga de forma independiente al resto de la página ese contenido. Esto genera más tráfico, al tener más conexiones HTTP. Desde el punto de vista de la accesibilidad yo siempre recomiendo no utilizarlos, ya que siempre dificultan el acceso a sus contenidos y necesitan de un acceso alternativo, ya que existen navegadores que no los soportan. Por su parte los DIVs son elementos que únicamente tienen una misión estructural, para agrupar bloques. Los elementos que tu enumeras son claros candidatos para el uso de DIVs ya que son elementos estructurales propios de una web que suelen tener maquetación independiente unos de otros. - Una vez dicho esto, que es una explicación un poco de andar por casa, te hago mi recomendación. No uses FRAMES ni IFRAMES, si bien te aportan algo de dinamismo a la página, dificultan la navegación a un grupo de usuarios discapacitados que no debemos olvidar nunca. - Utiliza DIVs
Re: [Ovillo] Duda
¡MADRE MIA¡ ¡¡ Esto si que es tener una duda y recibir asistencia ¡¡ Ante todo muchas gracias por vuestro apoyo y ayuda, da gusto este ambiente y motiva muchisimo. Vale entonces esta claro que sólo hay dos opciones: .1- hacer réplicas de la misma página Web y cambiar el contenido que varie. 2.- Usar marcos y por otro lado crear páginas Web con el contenido que queremos mostrar en el marco central. ¿Cual de los dos sistemas creeis que será mejor o más profesional? Yo creo, que el segundo sistema (marcos) por el hecho de no tener código redundante (cosa que sucede en la réplica de páginas) y aprovechar los elementos comunes a todas la páginas. Bien, vosotros me direis. Y... nuevamente MUCHAS GRACIAS por vuestra ayuda y apoyo. El 20 de julio de 2009 12:42, Carlos García-Olalla Olivera carlos.garciaola...@gmail.com escribió: Buenas Philipp Creo que tienes toda la razón, pero yo no quería decir eso, lo único que por no extenderme demasiado igual di lugar a confusión. Al hablar de acceder a la información mediante clicks me refería a que la única forma que se me ocurria para no usar FRAMES ni JS y tener ese dinamismo era controlar por CSS el hover del ratón mediante alguna de las múltiples técnicas que hay para mostrar unos contenidos u otros. Obviamente, si esto no se permite en el enunciado del ejercicio que comenta Javier y el acceso debe ser mediante clicks de ratón como es habitual, las opciones por CSS desaparecen. Según entiendo a Javier, el ejercicio es únicamente de XHTML y CSS, no utilizará ni JS, ni ningun de lenguaje de programación en servidor. En el caso de ser así creo que lo único que puede hacer es utilizar FRAMES como ya le comenté. Espero haber aclarado la confusión. Gracias Philipp. Un saludo. 2009/7/20 Philipp Keweloh sku...@gmail.com Perdona Carlos, pero creo que estás creando algo de confusión, a ver si lo aclaro... El 20 de julio de 2009 11:23, Carlos García-Olalla Oliveracarlos.garciaola...@gmail.com escribió: En ese caso, si solo se usa XHTML y CSS y el acceso a los contenidos debe hacerse mediante clicks de raton sobre los enlaces del menú, ciertamente estas limitado, porque el click de ratón no se puede gestionar con CSS. Que yo sepa, toda Web funciona a base de clicks de ratón, e incluso a base de presión de teclado. La mención de gestionar esto con CSS no tiene sentido, no es esa la cuestión y sólo puede dar lugar a confusión. No creo que la duda de Javier vaya por ahí, sino una cuestión más básica; hacer Webs sólo utilizando XHTML/CSS sin utilizar JavaScript, Frames, Flash o cualquier mala praxis de los años 80-90, porque entiendo que Javier sabe hacer Webs, pero a la antigua usanza o de una forma más clásica. Si puedes hacerlo todo clonando ficheros HTML y únicamente cambiando el contenido que se diferencia, yo personalmente te lo recomendaría. O eso o a base de includes según la tecnología por la que se decante (ya sea PHP, SSI, ASP, etcétera...), el ejemplo de Tei es suficientemente ilustrativo. Si en el ejercicio os piden de alguna forma que lo que cambie sea únicamente el contenido propiamente dicho y el resto de bloques no se vuelvan a cargar, entonces la única forma que te queda es el uso de marcos, pero no de IFRAME, sino de FRAMESET y varios FRAME. En cada uno de los cuales puedes colocar los diferentes bloques que identificaste antes. Si el ejercicio fuera tal, se puede hacer mediante lo citado anteriormente (vease respuesta de Tei), no veo la necesidad de usar frames (ya sean IFRAME o FRAMESET). Y después y sólo después de haber terminado este ejercicio, si se podría extender la usabilidad utilizando AJAX para que cargue el contenido dentro de la capa #contenido sin recargar toda la página. Pero vamos, esto es algo secundario. Espero que ahora haya atinado más :P Un saludo 2009/7/20 Javier Herrán javier.herra...@gmail.com A ver te entiendo pero es para hacer un ejercicio, y esto debera hacerse SÓLO USANDO CODIGO XHTML Y CSS. Ya sé que existe javascript. Pero por lo que veo el problema es que no puedes usar un elemento div coo un marco. lo ieal seria que el elemnto div de los menus, al pinchar el enlace mostrara la información en el elemnto div de los contenidos. Y no se me ocurre cómo usando sólo XHTML y CSS salvo usando marcos o introduciendo un marco o un iframe o una tabla en el div contenidos. Ciertamente sólo el uso de XHTML y CSS límita bastante. El 20 de julio de 2009 09:50, Carlos García-Olalla Olivera carlos.garciaola...@gmail.com escribió: Buenos días Los elementos DIV y los IFRAME son completamente distintos. Te lo explicaré de una forma sencilla: Por un lado un IFRAME es como si incrustases otra pagina en la principal. Está vinculado a una URL y en su interior se carga de forma independiente al resto de
Re: [Ovillo] Duda
El 20 de julio de 2009 13:49, Javier Herránjavier.herra...@gmail.com escribió: ¡MADRE MIA¡ ¡¡ Esto si que es tener una duda y recibir asistencia ¡¡ Ante todo muchas gracias por vuestro apoyo y ayuda, da gusto este ambiente y motiva muchisimo. Vale entonces esta claro que sólo hay dos opciones: .1- hacer réplicas de la misma página Web y cambiar el contenido que varie. 2.- Usar marcos y por otro lado crear páginas Web con el contenido que queremos mostrar en el marco central. ¿Cual de los dos sistemas creeis que será mejor o más profesional? Yo creo, que el segundo sistema (marcos) por el hecho de no tener código redundante (cosa que sucede en la réplica de páginas) y aprovechar los elementos comunes a todas la páginas. Bien, vosotros me direis. Y... nuevamente MUCHAS GRACIAS por vuestra ayuda y apoyo. El 20 de julio de 2009 12:42, Carlos García-Olalla Olivera carlos.garciaola...@gmail.com escribió: Buenas Philipp Creo que tienes toda la razón, pero yo no quería decir eso, lo único que por no extenderme demasiado igual di lugar a confusión. Al hablar de acceder a la información mediante clicks me refería a que la única forma que se me ocurria para no usar FRAMES ni JS y tener ese dinamismo era controlar por CSS el hover del ratón mediante alguna de las múltiples técnicas que hay para mostrar unos contenidos u otros. Obviamente, si esto no se permite en el enunciado del ejercicio que comenta Javier y el acceso debe ser mediante clicks de ratón como es habitual, las opciones por CSS desaparecen. Según entiendo a Javier, el ejercicio es únicamente de XHTML y CSS, no utilizará ni JS, ni ningun de lenguaje de programación en servidor. En el caso de ser así creo que lo único que puede hacer es utilizar FRAMES como ya le comenté. Espero haber aclarado la confusión. Gracias Philipp. Un saludo. 2009/7/20 Philipp Keweloh sku...@gmail.com Perdona Carlos, pero creo que estás creando algo de confusión, a ver si lo aclaro... El 20 de julio de 2009 11:23, Carlos García-Olalla Oliveracarlos.garciaola...@gmail.com escribió: En ese caso, si solo se usa XHTML y CSS y el acceso a los contenidos debe hacerse mediante clicks de raton sobre los enlaces del menú, ciertamente estas limitado, porque el click de ratón no se puede gestionar con CSS. Que yo sepa, toda Web funciona a base de clicks de ratón, e incluso a base de presión de teclado. La mención de gestionar esto con CSS no tiene sentido, no es esa la cuestión y sólo puede dar lugar a confusión. No creo que la duda de Javier vaya por ahí, sino una cuestión más básica; hacer Webs sólo utilizando XHTML/CSS sin utilizar JavaScript, Frames, Flash o cualquier mala praxis de los años 80-90, porque entiendo que Javier sabe hacer Webs, pero a la antigua usanza o de una forma más clásica. Si puedes hacerlo todo clonando ficheros HTML y únicamente cambiando el contenido que se diferencia, yo personalmente te lo recomendaría. O eso o a base de includes según la tecnología por la que se decante (ya sea PHP, SSI, ASP, etcétera...), el ejemplo de Tei es suficientemente ilustrativo. Si en el ejercicio os piden de alguna forma que lo que cambie sea únicamente el contenido propiamente dicho y el resto de bloques no se vuelvan a cargar, entonces la única forma que te queda es el uso de marcos, pero no de IFRAME, sino de FRAMESET y varios FRAME. En cada uno de los cuales puedes colocar los diferentes bloques que identificaste antes. Si el ejercicio fuera tal, se puede hacer mediante lo citado anteriormente (vease respuesta de Tei), no veo la necesidad de usar frames (ya sean IFRAME o FRAMESET). Y después y sólo después de haber terminado este ejercicio, si se podría extender la usabilidad utilizando AJAX para que cargue el contenido dentro de la capa #contenido sin recargar toda la página. Pero vamos, esto es algo secundario. Espero que ahora haya atinado más :P Un saludo 2009/7/20 Javier Herrán javier.herra...@gmail.com A ver te entiendo pero es para hacer un ejercicio, y esto debera hacerse SÓLO USANDO CODIGO XHTML Y CSS. Ya sé que existe javascript. Pero por lo que veo el problema es que no puedes usar un elemento div coo un marco. lo ieal seria que el elemnto div de los menus, al pinchar el enlace mostrara la información en el elemnto div de los contenidos. Y no se me ocurre cómo usando sólo XHTML y CSS salvo usando marcos o introduciendo un marco o un iframe o una tabla en el div contenidos. Ciertamente sólo el uso de XHTML y CSS límita bastante. El 20 de julio de 2009 09:50, Carlos García-Olalla Olivera carlos.garciaola...@gmail.com escribió: Buenos días Los elementos DIV y los IFRAME son completamente distintos. Te lo explicaré de una forma sencilla: Por un lado un IFRAME es como si incrustases otra pagina en la principal.
Re: [Ovillo] Duda
Marcos no, a no ser que hagas una intranet privada. Mejor incluyes. Slt. -Mensaje original- De: ovillo-boun...@lists.ovillo.org [mailto:ovillo-boun...@lists.ovillo.org] En nombre de Javier Herrán Enviado el: lunes, 20 de julio de 2009 13:49 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Duda ¡MADRE MIA¡ ¡¡ Esto si que es tener una duda y recibir asistencia ¡¡ Ante todo muchas gracias por vuestro apoyo y ayuda, da gusto este ambiente y motiva muchisimo. Vale entonces esta claro que sólo hay dos opciones: .1- hacer réplicas de la misma página Web y cambiar el contenido que varie. 2.- Usar marcos y por otro lado crear páginas Web con el contenido que queremos mostrar en el marco central. ¿Cual de los dos sistemas creeis que será mejor o más profesional? Yo creo, que el segundo sistema (marcos) por el hecho de no tener código redundante (cosa que sucede en la réplica de páginas) y aprovechar los elementos comunes a todas la páginas. Bien, vosotros me direis. Y... nuevamente MUCHAS GRACIAS por vuestra ayuda y apoyo. El 20 de julio de 2009 12:42, Carlos García-Olalla Olivera carlos.garciaola...@gmail.com escribió: Buenas Philipp Creo que tienes toda la razón, pero yo no quería decir eso, lo único que por no extenderme demasiado igual di lugar a confusión. Al hablar de acceder a la información mediante clicks me refería a que la única forma que se me ocurria para no usar FRAMES ni JS y tener ese dinamismo era controlar por CSS el hover del ratón mediante alguna de las múltiples técnicas que hay para mostrar unos contenidos u otros. Obviamente, si esto no se permite en el enunciado del ejercicio que comenta Javier y el acceso debe ser mediante clicks de ratón como es habitual, las opciones por CSS desaparecen. Según entiendo a Javier, el ejercicio es únicamente de XHTML y CSS, no utilizará ni JS, ni ningun de lenguaje de programación en servidor. En el caso de ser así creo que lo único que puede hacer es utilizar FRAMES como ya le comenté. Espero haber aclarado la confusión. Gracias Philipp. Un saludo. 2009/7/20 Philipp Keweloh sku...@gmail.com Perdona Carlos, pero creo que estás creando algo de confusión, a ver si lo aclaro... El 20 de julio de 2009 11:23, Carlos García-Olalla Oliveracarlos.garciaola...@gmail.com escribió: En ese caso, si solo se usa XHTML y CSS y el acceso a los contenidos debe hacerse mediante clicks de raton sobre los enlaces del menú, ciertamente estas limitado, porque el click de ratón no se puede gestionar con CSS. Que yo sepa, toda Web funciona a base de clicks de ratón, e incluso a base de presión de teclado. La mención de gestionar esto con CSS no tiene sentido, no es esa la cuestión y sólo puede dar lugar a confusión. No creo que la duda de Javier vaya por ahí, sino una cuestión más básica; hacer Webs sólo utilizando XHTML/CSS sin utilizar JavaScript, Frames, Flash o cualquier mala praxis de los años 80-90, porque entiendo que Javier sabe hacer Webs, pero a la antigua usanza o de una forma más clásica. Si puedes hacerlo todo clonando ficheros HTML y únicamente cambiando el contenido que se diferencia, yo personalmente te lo recomendaría. O eso o a base de includes según la tecnología por la que se decante (ya sea PHP, SSI, ASP, etcétera...), el ejemplo de Tei es suficientemente ilustrativo. Si en el ejercicio os piden de alguna forma que lo que cambie sea únicamente el contenido propiamente dicho y el resto de bloques no se vuelvan a cargar, entonces la única forma que te queda es el uso de marcos, pero no de IFRAME, sino de FRAMESET y varios FRAME. En cada uno de los cuales puedes colocar los diferentes bloques que identificaste antes. Si el ejercicio fuera tal, se puede hacer mediante lo citado anteriormente (vease respuesta de Tei), no veo la necesidad de usar frames (ya sean IFRAME o FRAMESET). Y después y sólo después de haber terminado este ejercicio, si se podría extender la usabilidad utilizando AJAX para que cargue el contenido dentro de la capa #contenido sin recargar toda la página. Pero vamos, esto es algo secundario. Espero que ahora haya atinado más :P Un saludo 2009/7/20 Javier Herrán javier.herra...@gmail.com A ver te entiendo pero es para hacer un ejercicio, y esto debera hacerse SÓLO USANDO CODIGO XHTML Y CSS. Ya sé que existe javascript. Pero por lo que veo el problema es que no puedes usar un elemento div coo un marco. lo ieal seria que el elemnto div de los menus, al pinchar el enlace mostrara la información en el elemnto div de los contenidos. Y no se me ocurre cómo usando sólo XHTML y CSS salvo usando marcos o introduciendo un marco o un iframe o una tabla en el div contenidos. Ciertamente sólo el uso de XHTML y CSS límita bastante. El 20 de julio de 2009 09:50, Carlos García-Olalla Olivera carlos.garciaola...@gmail.com
Re: [Ovillo] Duda
Hola. No puedes utilizar Javascript y cargar el contenido con el innerHTML? Creo que sería la tercera opción. Y de entre las 2 que propones, me quedo con la primera, No a los Frames!! jajaja. Haz un buena página y cambia luego sólo el contenido detalle. Saludos: MARTIN BLOG: http://www.martincampos.net CONTACTO: http://www.martincampos.tel FACEBOOK: http://www.facebook.com/profile.php?id=1210924102v=info TWITTER @martincampos: http://twitter.com/martincampos XING: https://www.xing.com/profile/VicenteMartin_CamposPerez El 20 de julio de 2009 13:49, Javier Herrán javier.herra...@gmail.comescribió: ¡MADRE MIA¡ ¡¡ Esto si que es tener una duda y recibir asistencia ¡¡ Ante todo muchas gracias por vuestro apoyo y ayuda, da gusto este ambiente y motiva muchisimo. Vale entonces esta claro que sólo hay dos opciones: .1- hacer réplicas de la misma página Web y cambiar el contenido que varie. 2.- Usar marcos y por otro lado crear páginas Web con el contenido que queremos mostrar en el marco central. ¿Cual de los dos sistemas creeis que será mejor o más profesional? Yo creo, que el segundo sistema (marcos) por el hecho de no tener código redundante (cosa que sucede en la réplica de páginas) y aprovechar los elementos comunes a todas la páginas. Bien, vosotros me direis. Y... nuevamente MUCHAS GRACIAS por vuestra ayuda y apoyo. El 20 de julio de 2009 12:42, Carlos García-Olalla Olivera carlos.garciaola...@gmail.com escribió: Buenas Philipp Creo que tienes toda la razón, pero yo no quería decir eso, lo único que por no extenderme demasiado igual di lugar a confusión. Al hablar de acceder a la información mediante clicks me refería a que la única forma que se me ocurria para no usar FRAMES ni JS y tener ese dinamismo era controlar por CSS el hover del ratón mediante alguna de las múltiples técnicas que hay para mostrar unos contenidos u otros. Obviamente, si esto no se permite en el enunciado del ejercicio que comenta Javier y el acceso debe ser mediante clicks de ratón como es habitual, las opciones por CSS desaparecen. Según entiendo a Javier, el ejercicio es únicamente de XHTML y CSS, no utilizará ni JS, ni ningun de lenguaje de programación en servidor. En el caso de ser así creo que lo único que puede hacer es utilizar FRAMES como ya le comenté. Espero haber aclarado la confusión. Gracias Philipp. Un saludo. 2009/7/20 Philipp Keweloh sku...@gmail.com Perdona Carlos, pero creo que estás creando algo de confusión, a ver si lo aclaro... El 20 de julio de 2009 11:23, Carlos García-Olalla Oliveracarlos.garciaola...@gmail.com escribió: En ese caso, si solo se usa XHTML y CSS y el acceso a los contenidos debe hacerse mediante clicks de raton sobre los enlaces del menú, ciertamente estas limitado, porque el click de ratón no se puede gestionar con CSS. Que yo sepa, toda Web funciona a base de clicks de ratón, e incluso a base de presión de teclado. La mención de gestionar esto con CSS no tiene sentido, no es esa la cuestión y sólo puede dar lugar a confusión. No creo que la duda de Javier vaya por ahí, sino una cuestión más básica; hacer Webs sólo utilizando XHTML/CSS sin utilizar JavaScript, Frames, Flash o cualquier mala praxis de los años 80-90, porque entiendo que Javier sabe hacer Webs, pero a la antigua usanza o de una forma más clásica. Si puedes hacerlo todo clonando ficheros HTML y únicamente cambiando el contenido que se diferencia, yo personalmente te lo recomendaría. O eso o a base de includes según la tecnología por la que se decante (ya sea PHP, SSI, ASP, etcétera...), el ejemplo de Tei es suficientemente ilustrativo. Si en el ejercicio os piden de alguna forma que lo que cambie sea únicamente el contenido propiamente dicho y el resto de bloques no se vuelvan a cargar, entonces la única forma que te queda es el uso de marcos, pero no de IFRAME, sino de FRAMESET y varios FRAME. En cada uno de los cuales puedes colocar los diferentes bloques que identificaste antes. Si el ejercicio fuera tal, se puede hacer mediante lo citado anteriormente (vease respuesta de Tei), no veo la necesidad de usar frames (ya sean IFRAME o FRAMESET). Y después y sólo después de haber terminado este ejercicio, si se podría extender la usabilidad utilizando AJAX para que cargue el contenido dentro de la capa #contenido sin recargar toda la página. Pero vamos, esto es algo secundario. Espero que ahora haya atinado más :P Un saludo 2009/7/20 Javier Herrán javier.herra...@gmail.com A ver te entiendo pero es para hacer un ejercicio, y esto debera hacerse SÓLO USANDO CODIGO XHTML Y CSS. Ya sé que existe javascript. Pero por lo que veo el problema es que no puedes usar un elemento div coo un marco. lo ieal seria que el elemnto div de los menus,
Re: [Ovillo] Duda
La 4ª, que se ha intentado explicar aqui, no recuerdo por quien. Es hacer que un unico documento tenga todas las paginas del sitio web (no muchas, 5). Utilizando CSS todas las paginas excepto la primera son invisibles. Al pulsar en las diferentes opciones, la pagina actual desaparece, y ocupa su lugar por CSS la pagina pulsada. Esto no se puede hacer solo con CSS, necesita un poco de ayuda de JS o hacking chapuza. Si se visitase la pagina con un navegador que no soporta la tecnica, apareceria un menu arriba, y debajo sucesivamente todas las paginas... lo cual no es para nada malo. La mayor parte de las paginas web no estan creadas de esta manera, y por un buen motivo. Si estas aprendiendo deberias aprender primero la forma correcta y normal, y luego ya aprenderas otras, y cuando son oportunas. Hoy en dia es cada vez mas raro ver el ver paginas web estaticas, como en: http://www.sitioweb.com/perros.html es mas normal ver cosas como: http://www.sitioweb.com/perros.php http://www.sitioweb.com/wp/perros-de-confianza-3323.php esto, de momento, igual te da. Obviamente estas aprendiendo HTML, mientras solo estes aprendiendo HTML tus sitios no tendran mucho sentido porque repetiran el html del menu. Cuando hayas aprendido HTML y sigas por PHP pondras un include en lugar de repetir el html. Asi que repite el html sin miedo. No estas haciendo una web real, sino solo una para aprender. No es necesario que sea mantenible (que es lo que mataria a un sitio web el tener el menu repetido, o cosas repetidas). 2009/7/20 Martin Campos vmartin.cam...@gmail.com: Hola. No puedes utilizar Javascript y cargar el contenido con el innerHTML? Creo que sería la tercera opción. Y de entre las 2 que propones, me quedo con la primera, No a los Frames!! jajaja. Haz un buena página y cambia luego sólo el contenido detalle. Saludos: MARTIN BLOG: http://www.martincampos.net CONTACTO: http://www.martincampos.tel FACEBOOK: http://www.facebook.com/profile.php?id=1210924102v=info TWITTER @martincampos: http://twitter.com/martincampos XING: https://www.xing.com/profile/VicenteMartin_CamposPerez El 20 de julio de 2009 13:49, Javier Herrán javier.herra...@gmail.comescribió: ¡MADRE MIA¡ ¡¡ Esto si que es tener una duda y recibir asistencia ¡¡ Ante todo muchas gracias por vuestro apoyo y ayuda, da gusto este ambiente y motiva muchisimo. Vale entonces esta claro que sólo hay dos opciones: ... -- -- ℱin del ℳensaje. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Duda
Otra opción a tener en cuenta si usas DreamWeaver es crear plantillas [1], yo la use hace muchos años no se que tal andará ahora, si no usas DW no lo tengas en cuenta, hay muchos editores mejores, pero si lo usas aprovéchalo... [1] http://www.webtaller.com/construccion/programas/editores/dreamweaver/lecciones/crear_plantillas_dreamweaver.php http://www.webtaller.com/construccion/programas/editores/dreamweaver/lecciones/crear_plantillas_dreamweaver.php Jorge González Sánchez | http://yparamuestraunboton.com El 20 de julio de 2009 14:25, Tei oscar.vi...@gmail.com escribió: La 4ª, que se ha intentado explicar aqui, no recuerdo por quien. Es hacer que un unico documento tenga todas las paginas del sitio web (no muchas, 5). Utilizando CSS todas las paginas excepto la primera son invisibles. Al pulsar en las diferentes opciones, la pagina actual desaparece, y ocupa su lugar por CSS la pagina pulsada. Esto no se puede hacer solo con CSS, necesita un poco de ayuda de JS o hacking chapuza. Si se visitase la pagina con un navegador que no soporta la tecnica, apareceria un menu arriba, y debajo sucesivamente todas las paginas... lo cual no es para nada malo. La mayor parte de las paginas web no estan creadas de esta manera, y por un buen motivo. Si estas aprendiendo deberias aprender primero la forma correcta y normal, y luego ya aprenderas otras, y cuando son oportunas. Hoy en dia es cada vez mas raro ver el ver paginas web estaticas, como en: http://www.sitioweb.com/perros.html es mas normal ver cosas como: http://www.sitioweb.com/perros.php http://www.sitioweb.com/wp/perros-de-confianza-3323.php esto, de momento, igual te da. Obviamente estas aprendiendo HTML, mientras solo estes aprendiendo HTML tus sitios no tendran mucho sentido porque repetiran el html del menu. Cuando hayas aprendido HTML y sigas por PHP pondras un include en lugar de repetir el html. Asi que repite el html sin miedo. No estas haciendo una web real, sino solo una para aprender. No es necesario que sea mantenible (que es lo que mataria a un sitio web el tener el menu repetido, o cosas repetidas). 2009/7/20 Martin Campos vmartin.cam...@gmail.com: Hola. No puedes utilizar Javascript y cargar el contenido con el innerHTML? Creo que sería la tercera opción. Y de entre las 2 que propones, me quedo con la primera, No a los Frames!! jajaja. Haz un buena página y cambia luego sólo el contenido detalle. Saludos: MARTIN BLOG: http://www.martincampos.net CONTACTO: http://www.martincampos.tel FACEBOOK: http://www.facebook.com/profile.php?id=1210924102v=info TWITTER @martincampos: http://twitter.com/martincampos XING: https://www.xing.com/profile/VicenteMartin_CamposPerez El 20 de julio de 2009 13:49, Javier Herrán javier.herra...@gmail.com escribió: ¡MADRE MIA¡ ¡¡ Esto si que es tener una duda y recibir asistencia ¡¡ Ante todo muchas gracias por vuestro apoyo y ayuda, da gusto este ambiente y motiva muchisimo. Vale entonces esta claro que sólo hay dos opciones: ... -- -- ℱin del ℳensaje. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Duda
pues tienes la opcion mas practica que es usando php o podrias
simplemente tener varios documentos html, donde cada uno varia en la
parte del div contenidos.
con php seria bastante sencillo, solo usas condiciones como if o la
funcion switch, aqui te pongo un ejemplo rapido.
capertas:
/pagina/index.php
/pagina/docs/
tu archivo index.php
///
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd;
html xmlns=http://www.w3.org/1999/xhtml;
head
meta http-equiv=Content-Type content=text/html; charset=utf-8 /
titleMi Pagina dinamica con PHP/title
/head
body
div id=contenedor
div id=cabecera
h1Mi Titulo y su logo/h1
pEslogan, si es que lo tengo/p
/div
div id=menu
ul
lia href=index.php?id=1Enlace 1/a/li
lia href=index.php?id=2Enlace 2/a/li
lia href=index.php?id=3Enlace 3/a/li
/ul
/div
div id=contenidos
?php
switch($_GET['id']) {
case 1:
include(docs/documento1.inc.php);
break;
case 2:
include(docs/documento2.inc.php);
break;
case 3:
include(docs/documento3.inc.php);
break;
default:
documento1.inc..php;
break;
}
?
/div
div id=pie_pagina
paqui pongo algo como derechos y cosas que van en pie de pagina/p
/div
/div
/body
/html
/
entonces en la url seria asi http://tudominio.com/index.php?id=1
es bastante sencillo, espero te sirva, si no deseas usar php ya
tienes la solucion clasica.
saludos a la lista.
El 20 de julio de 2009 03:02, Javier Herránjavier.herra...@gmail.com escribió:
Hola soy nuevo y queria consultar opinión de ustedes.
Quiero diseñar una pagina Web utilizando *sólo xhtml y css* y tengo pensado
hacerla con elementos div en modo float, estos elementos serán.
1- contenedor (contiene todos los elementos que a continuación detallo)
2- cabecera ( parte superior de la página Web donde se muestra algún
logotipo o título identificativo propio de la página Web)
3- lista de menus a la izquierda (enlaces que apuntan a diferentes
contenidos que serán mostrados en el div central)
4- elemendo central para mostrar contenidos (elemento donde se muestra la
información deseada)
5- pie de página (enlaces para contactar con el webmaster, fecha de
creación, validación de la página Web, etc)
Mi intención es que cuando selecciono un enlace de la lista se muestre el
contenido en el elmendo div central.
Para ello habia pensado en hacer diferentes paginas web con sus contenidos y
estas que sean enlazadas y se muestren en el interior del div central
(Normalmente se suele hacer usando iframes, pero no se recomienda el uso de
iframes (creo) o ¿los elementos iframes y los div son lo mismo?).
¿Qué debo poner en los enlaces para que dichas paginas se vean entro del
div central?
¿Existe alguna forma mejor de hacerlo?
Espero haberme explicado con claridad.
Gracias por vuestra atención
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
--
Jonathan C.
lockhe...@gmail.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Duda
Concuerdo con que la opción de include() es lejos la mejor. Es obvio que si pretendes levantar un sitio debes usar algún servidor, a menos que sean sólo unas cuantas paginas para uso local. Si tu servidor es microsoft usarás por defecto IIS, entonces por defecto puedes crear tus archivos con extensión *.asp, entonces tus html son tal como los quieres con toda la estructura xhtml que hayas definido y dentro del div que contiene el menú haces include de tu archivo menu.asp que no es más que un trozo de xhtml, lo mismo que cabecera.asp y pie.asp Ahora bien esto es igualmente válido si tu servidor es apache, entonces puedes usar extensiones php de la misma forma, como dije, sin que pongas ni una sola gota de codigo php, excepto por el include. Si estás usando algún servidor java como Tomcat o cualquier otro, tus extensiones por defecto serían *.jsp Entonces tenemos mypage.[asp | php | jsp ] (una de las extensiones) html head head body div id=cabecera % include(cabecera.[asp | php | jsp ] ) % /div div id=menu % include(menu.[asp | php | jsp ] ) % /div div id=cuerpo //todo el contenido del cuerpo de esta pantalla... // // /div div id=pie % include(pie.[asp | php | jsp ] ) % /div /body /html Cada lenguaje tiene su propia forma de hacer los includes, pero en general son muy parecidas. En cuanto que los caracteres de apertura de bloques de codigo servidor: php : ? //lo que sea... ? asp y jsp: % //lo que sea... % Saludos. Atte. Irán Vásquez S. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Bordes Redondeados
Vale, Gracias a todos y si justamente lo saque e aknieto El Jul 20, 2009, a las 4:21 AM, Daniel Navarro escribió: Tanto Ignacio como Alejandro tienen razón. IE8 no admite -ms-border-radius, así que ni modo IE8 ni nada. Te pido disculpas, lo leí en http://www.clubdesarrolladores.com/articulos/mostrar/43-esquinas-redondeadas-round-corners-en-todos-los-navegadores Aquí tienes otra solución para IE, que hace uso de un archivo htc: http://www.htmlremix.com/css/curved-corner-border-radius-cross- browser pero no es perfecta y cuando la he probado me ha fallado en IE8 (en modo IE8). Saludos. El 19 de julio de 2009 23:54, Daniel Navarrowebpe...@gmail.com escribió: Hola, Mauricio. Ahora mismo no estoy delante de un ordenador que tenga IE8, por lo que no he probado, pero creo que -ms-border-radius sólo funciona en IE8 cuando no está en modo de compatibilidad con IE7, sino en modo IE8. Prueba a añadir la siguiente metaetiqueta: meta http-equiv=X-UA-Compatible content=IE=8 / Por otro lado, como primera declaración dentro de la regla para el borde redondeado usas border-radius: 3px 3px 0 0; pero el método abreviado para esta propiedad admite sólo uno o dos valores, no cuatro como tú indicas. Tienes la sintaxis en http://www.w3.org/TR/2002/WD-css3-border-20021107/#border-radius Saludos. El 18 de julio de 2009 18:54, Mauricio Dulcemauricio.du...@gmail.com escribió: Hola, buscando en google encontré que internet explorer 8 soporta esta sintaxis, pero al verla en dicho navegador este no las toma, alguien que me pueda orientar un poco mas sobre el tema. Recurrí a esto, por que el sitio que estoy maquetando esta hecho en .net y ya saben lo engorroso que puede llegar a ser a la hora de tocar el código sin tener el source y que es generado por un controlador, no puedo usar javascript por que los ingenieros dicen que eso cargaría aun mas la aplicación, así que lo único que se me ocurrió fue intentar con css3 ya que internet explorer 6 y 7 no están contemplados en los requerimientos del proyecto ya que es una intranet de un partner de microsoft. CSS: border-radius: 3px 3px 0 0; -ms-border-radius-topleft: 3px; /*IE8*/ -ms-border-radius-topright: 3px;/*IE8*/ -moz-border-radius: 3px 3px 0 0; -khtml-border-radius-topleft:3px; -khtml-border-radius-topright:3px; -webkit-border-top-right-radius: 3px; -webkit-border-top-left-radius: 3px; gracias Mauricio Dulce UI/UX Designer-Developer HTML CSS Móvil: (57) 312 519 0288 Teléfono: (571) 2746831 Email: mauricio.du...@gmail.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] Problema con height de img en IE7
Estimadísimos: Estoy haciendo una web [1], y bueno, de hecho ya estaba por entregarla cuando hice una última revisión en varios navegadores y me encuentro con que en IE7 está cambiando la altura a la primer imágen de las tres que conforman la animación en el inicio. La etiqueta img la está metiendo un plugin de jQuery, y Firebug me reporta la altura correcta, pero IE7 hace de las suyas... Pensé que sería el archivo de la imágen lo que podría estar mal, así que la volví a generar de cero (Nuevo documento place export), y lo mismo. Quizás estoy demasiado cansado, pero el punto es que no doy con la falla... así que acudo a su sabiduría. Saludos! NOTA: perdonen que ponga el enlace enmascarado por tinyurl, pero el cliente no quiere que su enlace salga en buscadores por todos lados. [1] *http://preview.tinyurl.com/nftxe8* -- Mario Álvarez twitter: @magrio ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] No mas IE6 para youtube?
Quizas después sea extraño no usar tiempo corrigiendo cosas para ese mounstruo... así de: A ching.. ¿ya acabé? xD 2009/7/15 Germán Bustos ger...@atarraya.org A mi me funcionan bien Firefox 3.5, Opera 9.46, Safari, Chrome 2 y con alguna frecuencia varios de ellos al tiempo en un computador con 126MB de memoria y con más de 8 años de uso. Bueno, cuando abro 10 pestañas con páginas como Gmail, Facebook, Twitter y estoy trabajando un diseño y tengo otros programas, Firefox se pone lento. Por mi feliz que se incentive el cambio de IE6, pero ese no es problema para personas como los que participamos en esta lista que seguro ya navegamos con cualquier otro browser, o por lo menos los tenemos disponibles y sabemos que Internet no es lo que se ve con Internet Explorer. Muchos de los usuarios, el público objetivo al que queremos llegar, no están al tanto de ese tema, creen que Internet Explorer ES internet y consideran muy complicado cambiar su browser... Germán El 15 de julio de 2009 06:47, Marc Palau m...@palaueb.com escribió: Yo lo que veo es que solo un gigante como googlw puede motivar un cambio de mentalidad, lo increíble es que lo intentó con Chrome, pero parece que no cuajó como tendría que haberlo hecho. Ahora yo me pregunto, ¿hay algún navegador actualizado (en estándares) que funcione decentemente en ordenadores antiguos como los que hacen correr IE6? porque vamos a ver, todos los componentes de esta lista vamos locos porque desaparezca de la corteza terrestre este alien de navegador, ¿pero qué va a motivar el cambio por algo mejor, si eso mejor no funciona ni a pedales?. carencias carencias y más carencias ... :( saludos!!! Marc Nesta Guerrero Pancorbo wrote: El Wednesday 15 July 2009 12:42:27 Philipp Keweloh escribió: ¡Por fin! Muy buena iniciativa la de Google :) Ole sus webos, esperemos que todas las demás empresas sigan su camino, que los clientes funcionarios que se inchan a ver videos de youtube al no poder verlos se pasen a otro. VIVA SAN GOOGLE Ahora yo pongo una pregunta medio robando el hilo, Lo echaréis de menos al IE6??? ajajajajajaj con los trucos ya de que esto no se ve en el IE, ah pos seguro que es o el height 1% ejjeej de lo mas simple, pasando por el alpha filter, o por meter htc, ejejejejej yo seguro que no lo echaré de menos ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo -- Mario Álvarez twitter: @magrio ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Duda
Hola Javier Para el problema que planteas de generar páginas, tu iniciativa de reutilizar el código es correcta. Sin embargo, el uso de herramientas o programas (o ambos) que realicen esta tarea facilita esta labor y, el tema de cómo reutilizar el código se ha ido diluyendo en el tiempo. Actualmente se utilizaría lenguajes de script como el php o el asp, o cgi o cosas así desde un servidor de aplicaciones, que se encargarían de regenerar las páginas según tus requerimientos, mediante el empleo de programas pequeños o CMSs. También existen herramientas como DreamWeaver que te permiten reutilizar el código en forma sencilla. Pero si no utilizas estas herramientas ni tienes un servidor de aplicaciones, debes revisar un poco más el tema con el uso de plantillas, donde realizas un diseño único y estableces los sectores de la página que pueden cambiar o variar. De esta manera, se trabaja en la plantilla base, para que cumpla con los estándares (XHTML y CSS) y luego se insertan los elementos que varían de una página a otra. Quizá con servidor de aplicaciones o con una herramienta, esta labor sea más sencilla para el mantenimiento del sitio web, pero, fundamentalmente sigue siendo la misma solución. Por tanto, te recomiendo que hagas uso de plantillas, donde estén claramente identificados los elementos comunes de TODAS las página web y los elementos que varían de una página a otra (p.e. el contenido, el título, el resumen, la foto principal, etc.) De esa forma, podrás reemplazar en la plantilla maestra cada uno de los contenidos según tus necesidades. Una forma de reemplazar los elementos variables es mediante Ajax, de manera tal que cuando haya una enlace a un nuevo contenido (por ejemplo) en background el cliente solicitará información al servidor y la colocará donde corresponda sin alterar los otros sectores de la página. Por experiencia, sé que Ajax puede resultar una solución tecnológicamente estimulante, pero a veces, por la cantidad de requerimientos que se hacen al servidor, puede resultar un dolor de muelas con una posible saturación de eventos, uso extenuante del canal y del servidor. En respuesta, te diría que en las plantillas base utilices el elemento div para delimitar la información cambiante. El uso de frames para la información cambiante de una página significa que no estás haciendo un sitio web para la web, ya que la web no está circunscrita a tu escritorio ni al de las computadoras que conoces. Existen muchos otros medios de representar la páginas web (aparte del navegador) que pueden conflictuarse con el uso de frames: impresoras, braile, aureal, robots, etc. Repito, los robots de los buscadores (tipo google) tienen problemas en indexar este tipo páginas. (Una página invisible?) Además, en la medida que crezca el uso de la página, los sectores que varían no siempre estarán ubicados en un mismo sector, por lo que el reuso del código html cambiante implicará el uso de más frames y por tanto de más páginas con contenido cambiante... etc., o que el área del frame sea cada vez más grande (hasta abarcar toda la página? :-) Sin ir muy lejos, por ejemplo, cuando cambia el contenido también debe cambiar el menú. En este momento, la categorización entre el desarrollo de páginas web de una forma profesional y lo que no es profesional (llamémosle doméstico por darle un nombre), es precisamente el cumplimiento de estándares, ya que en ese cometido, rescatamos la experiencia de muchísima gente, que ya pasó por mucho por no decir por todo. Respondiendo nuevamente tu pregunta: Usa plantillas y dentro las plantillas usa divs. Un saludo. Javier Herrán escribió: ¡MADRE MIA¡ ¡¡ Esto si que es tener una duda y recibir asistencia ¡¡ Ante todo muchas gracias por vuestro apoyo y ayuda, da gusto este ambiente y motiva muchisimo. Vale entonces esta claro que sólo hay dos opciones: .1- hacer réplicas de la misma página Web y cambiar el contenido que varie. 2.- Usar marcos y por otro lado crear páginas Web con el contenido que queremos mostrar en el marco central. ¿Cual de los dos sistemas creeis que será mejor o más profesional? Yo creo, que el segundo sistema (marcos) por el hecho de no tener código redundante (cosa que sucede en la réplica de páginas) y aprovechar los elementos comunes a todas la páginas. Bien, vosotros me direis. Y... nuevamente MUCHAS GRACIAS por vuestra ayuda y apoyo. El 20 de julio de 2009 12:42, Carlos García-Olalla Olivera carlos.garciaola...@gmail.com escribió: Buenas Philipp Creo que tienes toda la razón, pero yo no quería decir eso, lo único que por no extenderme demasiado igual di lugar a confusión. Al hablar de acceder a la información mediante clicks me refería a que la única forma que se me ocurria para no usar FRAMES ni JS y tener ese dinamismo era controlar por CSS el hover del ratón mediante alguna de las múltiples técnicas que hay para mostrar unos contenidos u otros. Obviamente,
[Ovillo] Iframe con Heigth Automatico
Saludos, agluien aca saber como hacer para que un Iframe adopte un height automatico dependiendo de la cantidad de informacion contenida en el mismo iframe. Gracias de ante mano. Joel Lembert Diseñador Gráfico / Desarrollador Web 809 350-2311 _ Enamórate este invierno con MSN Amor y Amistad http://amor.latam.msn.com/channel/index.aspx?trackingid=202694 ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Problema con height de img en IE7
Tinyurl es un sevicio pensado para acortar una url para compartirla, por ejemplo si tuvieras una url del tipo shalalalalala.com/index.php?c= ioss=copetehs=hjds7das87dfasfafhbiufbwehbkjwfnjnfvhkjmilvariablesmas=etc entonces la pasas por tinyurl.com y te queda una url pequeña. En este caso yo la use para evitar efectos SEO adversos. Saludos. 2009/7/20 Javier Herrán javier.herra...@gmail.com Perdona estaba leyendo tu e-mail y me llamo la atencíon eso de enmascarar la url por tinyurl ¿Qué es eso? El 20 de julio de 2009 20:07, Mario Álvarez mag...@magrio.net escribió: Estimadísimos: Estoy haciendo una web [1], y bueno, de hecho ya estaba por entregarla cuando hice una última revisión en varios navegadores y me encuentro con que en IE7 está cambiando la altura a la primer imágen de las tres que conforman la animación en el inicio. La etiqueta img la está metiendo un plugin de jQuery, y Firebug me reporta la altura correcta, pero IE7 hace de las suyas... Pensé que sería el archivo de la imágen lo que podría estar mal, así que la volví a generar de cero (Nuevo documento place export), y lo mismo. Quizás estoy demasiado cansado, pero el punto es que no doy con la falla... así que acudo a su sabiduría. Saludos! NOTA: perdonen que ponga el enlace enmascarado por tinyurl, pero el cliente no quiere que su enlace salga en buscadores por todos lados. [1] *http://preview.tinyurl.com/nftxe8* -- Mario Álvarez twitter: @magrio ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo -- Mario Álvarez twitter: @magrio ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] No mas IE6 para youtube?
jaja, quizas a mas de uno le preocupe tener que bajar los costos por tiempo de desarrollo y soporte del navegador IE. El 20 de julio de 2009 14:19, Mario Álvarezmag...@magrio.net escribió: Quizas después sea extraño no usar tiempo corrigiendo cosas para ese mounstruo... así de: A ching.. ¿ya acabé? xD 2009/7/15 Germán Bustos ger...@atarraya.org A mi me funcionan bien Firefox 3.5, Opera 9.46, Safari, Chrome 2 y con alguna frecuencia varios de ellos al tiempo en un computador con 126MB de memoria y con más de 8 años de uso. Bueno, cuando abro 10 pestañas con páginas como Gmail, Facebook, Twitter y estoy trabajando un diseño y tengo otros programas, Firefox se pone lento. Por mi feliz que se incentive el cambio de IE6, pero ese no es problema para personas como los que participamos en esta lista que seguro ya navegamos con cualquier otro browser, o por lo menos los tenemos disponibles y sabemos que Internet no es lo que se ve con Internet Explorer. Muchos de los usuarios, el público objetivo al que queremos llegar, no están al tanto de ese tema, creen que Internet Explorer ES internet y consideran muy complicado cambiar su browser... Germán El 15 de julio de 2009 06:47, Marc Palau m...@palaueb.com escribió: Yo lo que veo es que solo un gigante como googlw puede motivar un cambio de mentalidad, lo increíble es que lo intentó con Chrome, pero parece que no cuajó como tendría que haberlo hecho. Ahora yo me pregunto, ¿hay algún navegador actualizado (en estándares) que funcione decentemente en ordenadores antiguos como los que hacen correr IE6? porque vamos a ver, todos los componentes de esta lista vamos locos porque desaparezca de la corteza terrestre este alien de navegador, ¿pero qué va a motivar el cambio por algo mejor, si eso mejor no funciona ni a pedales?. carencias carencias y más carencias ... :( saludos!!! Marc Nesta Guerrero Pancorbo wrote: El Wednesday 15 July 2009 12:42:27 Philipp Keweloh escribió: ¡Por fin! Muy buena iniciativa la de Google :) Ole sus webos, esperemos que todas las demás empresas sigan su camino, que los clientes funcionarios que se inchan a ver videos de youtube al no poder verlos se pasen a otro. VIVA SAN GOOGLE Ahora yo pongo una pregunta medio robando el hilo, Lo echaréis de menos al IE6??? ajajajajajaj con los trucos ya de que esto no se ve en el IE, ah pos seguro que es o el height 1% ejjeej de lo mas simple, pasando por el alpha filter, o por meter htc, ejejejejej yo seguro que no lo echaré de menos ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo -- Mario Álvarez twitter: @magrio ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo -- Jonathan C. lockhe...@gmail.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Duda
Un poco tarde, pero creo que puedo aportar algo, que seguro tiehe defensores
y detractores:
yo tengo una sitio en donde dentro de una misma pagina, pretendo visualizar
paginas distintas, mediante una lista, sin recargar cabeceras y todo eso.
Lo hice asi:
css, jscript:
script src=jquery-1.2.1.pack.js type=text/javascript/script
script type=text/javascript
$(document).ready(function(){
var emi = #menu a;//Emisor
var rec = #show;//Receptor (1)
var src = loading.gif;//Imagen de precarga
var iid = loading;//Id de la precarga
var pre = 'img src='+src+'id='+iid+'/';//Objeto precarga
var spe = slow;//Velocidad del efecto
$(emi).each(function(){
//Guardamos el vaolor de href de cada enlace.
$(this).click(function(){//Cargamos en rec el
contenido de cada href y le damos efectos.
var href = $(this).attr(href);
$(rec).hide().after(pre).load(href, function()
{$(#+iid).remove();$(this).fadeIn(spe)});
return false;//Para que no se
redireccione.
});
});
});
/script
esta funcion lo que hace es permitirme abrir en un mismo div, distintos
documentos .html
la estrucutra es la siguiente, una cabecera, dos columnas, a la izq, el menu
con las opciones y a la derecha el div que recibira esos .html, mediante un
enlace.
Los .html que se abriran en show (1) estan hechos sin cabecera, como son
datos tabulares, estan dentro de una tabla, y nada mas el diseño se lo doy a
la tabla mediante css, para probarlo he desactivado el css, y tambien las
imagenes, y se ve como si fuera solo texto, es navegable y creo que
accesible, eso me lo podran asegurar quienes saben mucho de accesibilidad,
como bien decian mas arriba, si quieres guardar el link, te guarda la pagina
contenedora, no el contenido
HTML:
div id=contenido
div id=menu
ul
li class=nivel1 primeraspanTorneos 2009/span
!--[if lte IE 6]a href=torneos2009.html class=nivel1ieTorneos
2009table class=falsatrtd![endif]--
/ul
ul
!--[if lte IE 6]/td/tr/table/a![endif]--/li
li class=nivel1spanTorneos Anuario 2008 / 2deg; Parte /span
!--[if lte IE 6]a href=abierto02122008.html class=nivel1ieTorneos
Anuario 2008table class=falsatrtd![endif]--
/ul
ul
li class=primeraa href=1.htmlspan1/span/a/li
li a href=2.html3span2/span/a/li
li a href=3.html4span3/span/a/li
li a href=4.html5span4/span/a/li
li a href=5.html6span5/span/a/li
li a href=6.html7span6/span/a/li
/ul
!--[if lte IE 6]/td/tr/table/a![endif]--/li
/ul
/div!-- fin menu--
div id=show
CONTENIDO SE MOSTRARA AQUI (yo tengo una tabla base para que no quede
vacio, blanco, supongo que eso es a criterio)
/div!-- fin show--
Otra cosa, al sacarle los css, el contenido del enlace se abre al final de
la pagina, y ademas en mi caso le puse para volver atras lo siguiente
img src=flecha.png height=21 border=0 align=right
onclick=history.back() / y vuelve al principal, si mal no recuerdo.
Seguramente hay mucho que pulir en este codigo, aun asi, espero te sirva
para darte una idea.
Suerte!!
Alejandra
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
