Re: [Ovillo] Problema con Explorer
Hola Marcelo, Yo veo bien el menú en ie8. El problema para ie7 es q estás usando un position:fixed para los divs que contienen el menú, que ie7 no soporta. Con modernizr podrías poner en el css prefijos solo para ie7, aunque igual es mejor que maquetas el menú como una lista en lugar de hacerlo con una tabla. * * El 12 de marzo de 2013 15:57, marcos méndez filesi mmfil...@gmail.comescribió: para solucionar problemas de compatibilidad con la tostadora http://www.desarrolloweb.com/manuales/manual-modernizr.html El 12 de marzo de 2013 15:48, Marcelo | EstudioColmena marc...@estudiocolmena.com.ar escribió: Hola, qué tal? Me presento: mi nombre es Marcelo, soy Diseñador Multimedia. Tengo unos problemas relacionados con el diseño de una web. Esta es la dirección: http://www.engda.com.ar/nuevo_sitio Como ven, es un solo html. La navegación la propuse a través de jquery. Todo bárbaro, hasta que pruebo en Internet Explorer. Si bien incluí un cartel donde pide actualizar el explorador (en caso que se utilice una versión inferior a IE8), me gustaría que al menos se visualice el menú superior con versiones antiguas. El principal problema se me dá con el IE7 (probé todos con el IE TESTER). Es en el único que no se visualiza el menú. Por otro lado, el cliente me mandó una captura de pantalla de su IE9 en donde tampoco visualiza el menú. Sin embargo probé en mi IE9 y veo que todo está en su lugar. Un saludo, y muchas gracias! Marcelo -- Marcelo Cardoso Diseño Multimedia Tel: (54 11) 5917 2324 marc...@estudiocolmena.com.ar / www.estudiocolmena.com.ar ___ 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 -- Marcos Méndez Filesi http://www.mmfilesi.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 sobre etiquetado correcto en HTML5
Si no tienen nada que ver con el contenido que viene después, igual deberías meterlas dentro de un aside, en vez de un section. Yo entiendo el section como la sección de un periódico (Nacional, por ejemplo), y dentro iría cada noticia dentro de un article. O como la sección de una tienda y dentro de cada sección, un producto (article) ** * * El 27 de febrero de 2013 10:47, Eva García evag...@gmail.com escribió: Esas tres cajas . Son tres cajas donde en cada un título, descripción y link a una página interna. Es un bloque independiente de los demás, así que por lo que me comentais esas tres cajas irían dentro de un section. Y ahora la siguiente duda ¿debería de marcar cada caja con la etiqueta article? Gracias por el texto Carlos, ya lo había visto googleando ;-) El 27 de febrero de 2013 10:37, Carlos Núñez cha...@gmail.com escribió: Te paso un extracto que sigo como referencia: Uso de div/ en HTML5 orientado a SEO La etiqueta div no ha muerto, sigue ahí y sigue significando lo que siempre ha significado: conjunto de elementos. En ningún momento se ha transformado a una etiqueta tonta que puedas usar libremente para ayudarte con el CSS ni ha sido sustituida totalmente por la etiqueta section/. Por lo tanto nuestro deber es usarla como ayuda a la estructura de página: como base para crear el layout de de nuestras páginas, siempre y cuando no exista otra etiqueta de conjunto que represente mejor este papel... En otras palabras, div es la herramienta para unir elementos cuando no podemos asociar significado semántico a este conjunto. Uso de section/ en HTML5 orientado a SEO El uso de seción es muy parecido al de div pero aportando la carga de significado mínima posible al contenido. Englobando distintos elmentos dentro de una etiqueta section/ lo que estamos haciendo es declarar que todo su contenido está relacionado y forma parte de un mismo significado o elemento. La diferencia es sutil pero muy importante: cuando creamos bloques cuyo contenido forma un todo usaremos section/, cuando estos bloques responden más a diseño o a necesidades de estructura usaremos div/gt. Esta diferenciación también provoca que en todas estas maquetas que usan 200 divs para conseguir que con pocos conociemientos de CSS el diseño tome forma no pasan a estar bien hechas, pero si que podemos decir que en html5 estan menos mal (dado que al menos hemos marcado con sections los conjuntos que si que tienen significado sin liar tanto a los buscadores). Uso de article/ en HTML5 orientado a SEO Por último la etiqueta article/ es el siguiente paso a la hora de declarar que un cojunto de elmentos en nuestra página tiene significado. En este caso el paso dado es el dar a entender que ese conjunto tiene significado claro incluso si lo sacamos totalmente de la página. Es decir, al incluir algo dentro dentro de la etiqueta article/ lo que estamos diciéndole a los buscadores es que dentro de este article podrá encontrar contenidos únicos con su propio significado. Esto nos lleva casi siempre a que en páginas normales nuestro contenido será el único article/ de la página y en páginas con listados de elementos tendremos un article/ por cada elmento del listado (que si queremos identificar bien, tendrá un link con rel=bookmark hacia el contenido real). Para que la etiqueta article termine de entenderse comentar que idealmente esta al ser un contenido con significado propio podría contener en su interior etiquetas header/, section/, aside/ y footer/ ya que... al ser contenido propio, ¿porque no pueden tener sus mismas carácteristicas? Uso de aside/ en HTML5 orientado a SEO Por ultimo nos queda la etiqueta aside que viene a ser una etiqueta section/ venida a menos. Y es que aside sirve para indicar que ese bloque es solo un añadido a los bloques que tiene al lado. Son datos extra sin lo que podríamos pasar perfectamente pero que hemos decidido añadir en el documento. Así pues, un aside/ como hijo de la etiqueta body/ nos dice que se trata de un contenido añadido por temas que no tienen nada que ver con el contenido de página (normalmetne esas columnas laterales llenas de tags y banners). Cuando lo incluimos dentro de un article/ nos indica que esa información complementa el artículo pero no forma parte de él (listas de datos, testimoniales, banners relacionados, etc...). Carlos. El 27 de febrero de 2013 10:31, Marina Gallardo marinagalla...@gmail.comescribió: Yo no sé cómo lo ven los demás, pero quizás el section tendría que estar dentro del article no? 2013/2/27 Eva García evag...@gmail.com Buenos días a tos@s, Estoy empezando a usar HTML5 y me surge una duda. Tengo una Web donde tengo la cabecera con su menú, debajo tengo un slide dentro de un section y debajo quiero maquetar tres cajas que digamos son tres contenidos destacados. Lo
Re: [Ovillo] Elemento central y flotantes alrededor
Hola, Supongo que buscas algo similar al menu de webplatform. Si es así fíjate en cómo está hecho. Usa 2 ul y el logo está posicionado. http://www.webplatform.org/* * El 7 de febrero de 2013 18:24, German Bustos ger...@atarraya.org escribió: Hola, Dudé en escribir para hacer esta pregunta pero no he sido capaz de maquetar esto correctamente. Se trata de un menú que está alrededor de un elemento central (un logo con texto). El menú está compuesto por cuatro elementos en una lista la idea es que los elementos floten alrededor de la div central. En el HTML los elementos de la lista están debajo del logo de manera que se pueda reorganizar en otros anchos. Algo así http://atarraya.org/x/ Pero no logro que los elementos verdes se distribuyan dos a la derecha y dos a la izquierda del elemento central Gracias de antemano, Germán -- *Germán Bustos* Asesor en estrategias de comunicación en Internet para organizaciones sociales http://atarraya.org http://germanbustos.com Tel: (+57) *3044281544* http://atarraya.org/ http://germanbustos.com/ http://www.facebook.com/german.bustos http://twitter.com/kommodin http://www.linkedin.com/in/germanbustos ___ 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] CSS para modificar un iframe
A ver si te sirve algo de lo que dicen aquí: http://stackoverflow.com/questions/217776/how-to-apply-css-to-iframe * * El 11 de diciembre de 2012 01:38, Edgardo Raúl Galletto edgardogalle...@gmail.com escribió: des modificar tus datos o desusc ___ 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 responsive design
Hola, Yo lo veo de forma diferente en firefox y chrome, así que no tengo muy claro tu problema, pero igual podrías solucionarlo creando una clase nueva con un clear: both; y ponerlo en el cuarto div columna1, en el septimo div columna 1... Es decir, en las cajas que comiencen a crear una nueva fila. El problema viene dado por el tamaño de las cajas superiores: si no es exactamente igual en las tres cajas, las cajas que están en la fila inferior si encuentran un hueco, se suben a ese hueco. Espero haberme explicado. El 23 de octubre de 2012 23:56, german vaquer germ...@telefonica.netescribió: Hola buenas! Estoy reconvirtiendo una web ya realizada en una web con diseño responsivo para visualizar en cualquier dispositivo. El problema que tengo es en la siguiente página de dicha web: http://www.pruebasgerman.com/companyo/entorn.html Aquí tengo 9 imágenes con su respectivo texto, y quiero que todas me queden en la misma posición que las 3 primeras y las 3 de la parte central, el resto de imágenes se me salen de madre y se me descolocan y no sé el porqué, puesto que el código css es el mismo para todas las imágenes. Alguna sugerencia?, he repasado el código por si hubiese algo que me faltase, pero la verdad es que no he visto nada raro. y eso que le he dado bastantes vueltas. Gracias de antemano: saludos Germán Vaquer ___ 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 responsive design
Hola, Yo lo veo de forma diferente en firefox y chrome, así que no tengo muy claro tu problema, pero igual podrías solucionarlo creando una clase nueva con un clear: both; y ponerlo en el cuarto div columna1, en el septimo div columna 1... Es decir, en las cajas que comiencen a crear una nueva fila. El problema viene dado por el tamaño de las cajas superiores: si no es exactamente igual en las tres cajas, las cajas que están en la fila inferior si encuentran un hueco, se suben a ese hueco. Espero haberme explicado. El 23 de octubre de 2012 23:56, german vaquer germ...@telefonica.netescribió: Hola buenas! Estoy reconvirtiendo una web ya realizada en una web con diseño responsivo para visualizar en cualquier dispositivo. El problema que tengo es en la siguiente página de dicha web: http://www.pruebasgerman.com/companyo/entorn.html Aquí tengo 9 imágenes con su respectivo texto, y quiero que todas me queden en la misma posición que las 3 primeras y las 3 de la parte central, el resto de imágenes se me salen de madre y se me descolocan y no sé el porqué, puesto que el código css es el mismo para todas las imágenes. Alguna sugerencia?, he repasado el código por si hubiese algo que me faltase, pero la verdad es que no he visto nada raro. y eso que le he dado bastantes vueltas. Gracias de antemano: saludos Germán Vaquer ___ 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] Problema con position absolute en IE
Hola Nacho, prueba a cambiar #diana2 img { display:block; margin:auto; } por #diana2 img { display:block; margin:0 auto; } Espero q te funcione * * El 5 de junio de 2012 14:33, Nacho F. Carreño na...@stvisual.comescribió: Hola, No puedo ponerla como imagen de fondo porque quiero que se pueda imprimir. Tengo en la página sólo ese código y por más vueltas que le estoy dando no encuentro solución. Esta es la url para que veais como en IE8, IE9 e IE10 la parte superior del punto aparece en la mitad de la capa: http://www.tecomweb.com/clientes/collidoc/prueba.php Saludos y gracias! Nacho El 01/06/12 23:26, Latrasweb escribió: Hola Nacho ¿Has probado a poner una de ellas como fondo y la otra como imagen normal?. Creo que así te evitarías tener que usar posicionamiento absoluto. Un saludo y suerte! El 1 de junio de 2012 15:02, Nacho F. Carreñona...@stvisual.com escribió: Hola a tod@s, Tengo un div que contiene dos imágenes. Una la quiero situar en la parte superior de la capa y la otra en la parte inferior. Para ello el div lo he puesto como position relative y les he puesto position absolute a las imágenes. El caso es que la imagen de superio me la muestra bien pero la que tiene que estar en la parte inferior aparece en el medio del div. He hecho varias pruebas y cambios pero nada. Este es el código: div style=height:2cm; id=capadist img src=imagenes/cruz.gif id=raya / img src=imagenes/punto.gif id=cruz / /div Y este es el css: #capadist { position: relative; overflow: hidden; } #raya { position:absolute; top: 0; left: 21px; display: block; } #cruz { position:absolute; bottom: 0; left: 21px; display: block; } El problema me pasa con IE8, IE9 e IE10 pero con las versiones inferiores se ve correctamente. No me explico que estoy haciendo mal... Un saludo, Nacho ___ 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 ___ 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] Layout a 3 columnas
Hola Marina, prueba a flotar los sidebars a la izda y dcha y flotar el div del centro y darle un width auto. ** * * * * * * El 4 de junio de 2012 10:56, Marina Gallardo marinagalla...@gmail.comescribió: Buenas a todos, Tengo un cliente que me pide tener dos columnas tipo sidebar a la izquierda y la otra a la derecha con un ancho fijo en píxeles, y que el div del centro sea flexible y se amplie si la ventana está más o menos grande. ¿Tenéis idea de cómo se podría hacer esto? He probado algunas cosas pero no ha habido suerte. Muchas gracias. ___ 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] formularios con Firefox
Hola, Si cierras el label antes de poner los inputs, funciona: labelTipo de Usuario:/label Saludos El 24 de abril de 2012 11:29, Encarna Blanco Hernández e...@usal.esescribió: Hola a todos, tengo un formulario con una serie de input que recoge datos de una encuesta y me pasa lo siguiente: Con Explorer funciona bien, pero con Firefox no funciona la primera parte del formulario, no me deja seleccionar el tipo de usuario, automáticamente selecciona PAS en cuanto intento cambiar el que tengo Checked. Envío el código. y gracias por la ayuda form id=formulario name=evaluacion method=post action=evaluacion_gracias.php h2 class=categoryEvaluacioacute;n de la Calidad del Servicio /h2 INPUT TYPE=HIDDEN NAME=project_id VALUE = ?php echo $project_id ? br/ INPUT TYPE=HIDDEN NAME=subunidad size=-1 VALUE = 34 h3Datos del Remitente: /h3 div class=medidas labelTipo de Usuario: INPUT type=radio name=tipo_usuario tabIndex=1 value=PASPAS INPUT type=radio name=tipo_usuario tabIndex=2 value=PDIPDI INPUT type=radio name=tipo_usuario tabIndex=3 value=AlumnoAlumno INPUT type=radio CHECKED name=tipo_usuario tabIndex=4 value=OtrosOtros INPUT class=ancho2 name=tipo_otros tabIndex=5 /label /div div class=medidas labelNombre: INPUT class=ancho3 name=nombre tabIndex=6 /label /div br/ h2 class=category Evaluacioacute;n del Servicio Recibido /h2br/ div class=medidas label Datos del Servicio: input class=ancho1 type=text required=true tabindex=9 name=asunto /label ul li iquest;Se ha resuelto satisfactoriamente el servicio solicitado?:br input type=radio tabindex=10 name=satisf value=1 Si input type=radio tabindex=11 name=satisf value=2 No input type=radio tabindex=12 name=satisf checked value=0 NS/NC p/li Hay más preguntas, y evidentemente están cerradas las etiquetas ul y form. ___ 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] OVERFLOW en tabla
Hola, A ver si te sirve esto: tbody id='tbdetalle' style=overflow: scroll; height: 230px; width: 200px; float: left; Un saludo El 19 de abril de 2012 16:49, Josué Miro josuem...@gmail.com escribió: Hace muy poco tuve que hacer exactamente lo mismo, mezclar tablas y Divs :s (el principal problema es que hagas como lo hagas, lo mas probable es que no se vea bien en nuestro querido amigo explorer) Lo que yo hice fue: en vez de usar tablas, utilizar div. 1div cabecera 1div cuerpo(overflow:scrol o autol) div class=fila-tr div class=celda-td/div div class=celda-td/div div class=celda-td/div /div div class=fila-tr div class=celda-td/div div class=celda-td/div div class=celda-td/div /div De esta manera puedes darle con css las dimensiones que le estabas dando a los td y tr Espero haber transmitido la idea. Y que te sea util Enviado desde mi iPad El 19/04/2012, a las 16:23, Daniel B forosenla...@gmail.com escribió: Me temo que en CSS no hay nada así. Por eso existen estas soluciones: http://www.imaputz.com/cssStuff/bigFourVersion.html Espero que te sirva. El 19 de abril de 2012 15:59, Roberto Barreiro rpbarre...@gmail.com escribió: Hola. Funcionar, funciona, pero el scroll se hace sobre el div y no sobre la tabla ..., al hacer el scroll se pierde la cabecera de la tabla . y no encuentro la forma de hacer el scroll sobre la parte de la tabla que contiene los datos Como no pueda solucionar esto, tendre que crear divs y maquetarlo de esa forma lo unico que son datos tabulares y ponerlos en divs no es correcto ... La verdad es que me extraña que no haya una propiedad css para hacer scroll dentro de una tabla, manteniendo el footer y el header .. algun javascritp que funcione bien en los principales navegadores??? salu2 El 19 de abril de 2012 15:36, Jorge G yeik...@gmail.com escribió: Hola, Pon la tabla dentro de un div y define el height, width que necesitas y el overflow en scroll. Suerte. div style=overflow: scroll; height:150px; table id='tdetalle' summary='Detalle del pedido para la mesa' style=overflow: scroll; height:150px; thead /thead tfoot /tfoot tbody id='tbdetalle' tr td width='55%'Descripción/th td width='10%'Cant./th td width='10%'P.V.P/th /tr /tbody /table /div ___ 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 ___ 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] Evitar que la imagen baje producto de la propiedad border
Hola, Prueba a darle un height: 70px a .span1. Un saludo El 18 de marzo de 2012 15:09, ReynierPM reynie...@gmail.com escribió: Buenos dias a todos, tengo un problema con la maquetacion y viene dado porque al aplicar un border: 1px solid a una imagen me deforma por completo el maquetado y no se que aplicar para eliminar este comportamiento. La idea es que se mantenga en una cuadricula de 3x4 pero que la imagen seleccionada se le aplique un borde de color gris tal como se ve alli. La web de prueba la tienen aca http://testexam.webatu.com/index.php/productos, alguna ayuda: Saludos y gracias desde ya -- Ing. Reynier Perez Mira eMail: reynie...@gmail.com, reynie...@hotmail.com Skype: reynierpm Mobile: +58 424.180.5609 Site: http://reynierpm.site90.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