Re: [Ovillo] 3 columnas: centro líquido, la terales de ancho fijo
maira wrote: Necesito que el ancho de la columna central tenga como mínimo 468px que es el ancho de un banner. En firefox lo logro con el min-width, pero hay alguna forma de limitarle el ancho minimo en explorer? el problema es que se me superponen los banners de la columna central con unos de la columna derecha y se van a quejar seguro. Si achico la ventana lo suficiente, la columna central casi desaparece. :( Hola Maira: A lo mejor te rompo un poco los esquemas, pero ... ¿un banner para qué? Está demostrado que la gente ignora los banners típicos que hay en las webs, los/as usuarios/as están saturados. Es un fenómeno que se conoce como banner blindness o ceguera a los banners. Te recomiendo este artículo de alzado ... http://www.alzado.org/articulo.php?id_art=90 Un saludo y suerte, -- --- Sergio Ruiz Pérez - Documentalista CITIC - Centro Andaluz de Innovación y Tecnologías de la Información y las Comunicaciones C/ Marie Curie, 6 29590 Campanillas (Málaga) Tfno. +34 952 028 610 Fax +34 951 231 029 [EMAIL PROTECTED] - www.citic.es --- ___ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] No me aclaro con lo Divs
Raúl Martín escribió: Hola Paco, Todo float ha de tener un clear (raras son las excepciones) puedes ves más info en hilos similares: http://www.mail-archive.com/ovillo@lists.ovillo.org/msg03244.html http://www.mail-archive.com/ovillo@lists.ovillo.org/msg06601.html Si se me permite, añado http://www.mail-archive.com/ovillo@lists.ovillo.org/msg01739.html Salud, Choan O tutoriales sobre manejo de floats: http://css.maxdesign.com.au/floatutorial/index.htm Un saludo. Tuesday, January 17, 2006, 8:35:25 PM, you wrote: PG Muy buenas amigos. Debo recurrir a vosotros porque me estoy volviendo loco :-( PG Vereis, tengo una pagina en la que tengo un div llamado PG contenedor_general, dentro de este tengo otro a la izquierda PG (enlaces de menu) y otro div a la derecha con una serie de PG imagenes pequeñas. PG El problema es que aunque el div contenedor_general tiene PG como atributo height:auto, en Firefox 1.5 el contenedor_general no PG aumenta de tamaño conforme aumenta el div derecha (que está dentro) PG En esta pagina se puede ver un ejemplo: PG http://www.laslumbreras.com/cat2/index2.php PG En esta otra http://www.laslumbreras.com/cat2/index.php solo PG he añadido la palabra prueba al final del div derecha y entonces PG se ve bien, o al menos como yo creo que debería verse. PG Muchas gracias y un saludo. PG Paco García. ___ 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://ovillo.org/mailman/listinfo/ovillo
Re: Re[2]: [Ovillo] Correcto uso de H1
Yo creo que el ejemplo del HTML Slidy no es un buen ejemplo. No creo que esa sea la mejor estructuración. Creo que sería mejor haber puesto como h1 : h1HTML Slidy: Slide Shows in XHTML/h1 y el resto como h2: h2Slide Shows in XHTML/h2 ... h2What you need to do/h2 ... ya que son subtítulos de subsecciones que dividen la información del documento global. En otras palabras, si el documento fuera un libro de papel, seguramente el h1 sería el título grande de la portada, y de la primera hoja, pero los h2 serían títulos dentro del índice del libro. - Álex - On 17/01/2006, at 18:52, Raúl Martín wrote: Hola David, No lo veo así. Fijaros en la estructura de slidy: http://www.w3.org/Talks/Tools/Slidy/ El h1 es un encabezado de primer nivel, que puede pertenecer a un bloque lógico concreto. En el ejemplo anterior div slide Para el TITULO del documento es title, que en un % muy elevado coincide con el primer h1 de la página, supongo que de hay viene la idea del XHTML2 de poner el atributo property con el valor title (entre otras motivaciones), ok genial. Pero no es un regla, es solo un escenario. ¿Qué opináis? DF Supongo que más de un h1 en el mismo documento puede considerarse una mala DF técnica desde un punto de vista semántico? (pregunto, que yo no lo sé y no DF tengo opinión formada al respecto). Desde el punto de vista estructural DF parece aceptado. Saludos. _ Todo lo que no aprendí, no se me ha olvidado. _ No se te ha olvidado nada? que suerte! ;) ___ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Correcto uso de H1
Hola colisteros, a mí se me plantea otra duda (lo mismo es absurda). En el supuesto que lo correcto fuera utilizar un sólo H1, una página puede no necesitarlo (porque la imagen de la cabecera indique explícitamente el contenido de la página, pej.), pero sí necesite tener varios H2 para clasificar la información. La pregunta es: ¿es correcto utilizar H2, H3... sin utilizar un H1? saludos! -- ==#== José Montes Cuadrado ___ 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://ovillo.org/mailman/listinfo/ovillo
RE: [Ovillo] De los curiosos
esto no es del todo correcto. Mozilla (Firefox) ya soporta la propiedad opacity
así que debería funcionar tu layout en firefox y explorer (y safari). Entiendo
que tu problema es que quieres que el segundo div (anidado) no herede la
opacidad del padre. En mi experiencia, esto no es posible.
saludos
De: [EMAIL PROTECTED] en nombre de Oscar Arenas
Enviado el: mar 17/01/2006 17:15
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] De los curiosos
la propiedad filter sólo funciona para IExplorer, para otros like
Firefox, Mozilla debes usar el -moz-opacity como en el ejemplo q te paso
para una opacidad del 80%:
div{
-moz-opacity:0.8;
filter:alpha(opacity=80);
}
No se como se comportan el resto de navegadores pues no he tenido la
oportunidad de comprovarlo
Saludos
daniel calderón escribió:
Hola compañeros,
a ver si alguien se encontro con esto:
2 DIVs anidados el primero con OPACITY , en el segundo quisiera
romper el opacity para tener el texto completamento opaco.
Hay va el codigo.
style media=all type=text/css
.opaque {
background-color: #CE6BBD;
width: 100%;
opacity: .5;
filter: alpha(opacity=50);
clear:both
}
.opaque2 {
background-color: #FF;
opacity: 1;
filter: alpha(opacity=100);
}
/style
body
div class=opaque
Transparente
div class=opaque2
Opaco
/div
/div
Saludos
___
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://ovillo.org/mailman/listinfo/ovillo
--
==
Oscar Arenas Alcazar
[EMAIL PROTECTED]
- Web Designer -
Dpto. Internet
Grupo MILLORsoft S.L.
==
___
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://ovillo.org/mailman/listinfo/ovillo
---
Este correo electrónico y, en su caso, cualquier fichero anexo al mismo,
contiene información de carácter confidencial exclusivamente dirigida a su
destinatario o destinatarios. Queda prohibida su divulgación, copia o
distribución a terceros sin la previa autorización escrita de Indra. En el caso
de haber recibido este correo electrónico por error, se ruega notificar
inmediatamente esta circunstancia mediante reenvío a la dirección electrónica
del remitente. POR FAVOR, ANTES DE IMPRIMIR ESTE CORREO ELECTRÓNICO CONSIDERE
SU APORTACIÓN A LA CONSERVACIÓN DEL MEDIO AMBIENTE POR LA REDUCCIÓN DE CONSUMO
DE PAPEL.
The information in this e-mail and in any attachments is confidential and
solely for the attention and use of the named addressee(s). You are hereby
notified that any dissemination, distribution or copy of this communication is
prohibited without the prior written consent of Indra. If you have received
this communication in error, please, notify the sender by reply e-mail. PLEASE
CONSIDER YOUR ENVIRONMENTAL RESPONSIBILITY BEFORE PRINTING THIS E-MAIL.
___
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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Correcto uso de H1
Que viejo y apasionante debate sonrisa. Os dejo unas cuantas referencias, para que todo el mundo tenga más datos y opiniones: En su día ya se hablo bastante del tema aquí mismo en Ovillo: http://www.mail-archive.com/ovillo@ovillo.org/msg01259.html También en Domestika debatimos sobre el tema: http://www.domestika.org/foros/viewtopic.php?t=27331 http://www.domestika.org/foros/viewtopic.php?t=29752 Y algunas otras discusiones y artículos sobre el uso de los Headers: http://www.andybudd.com/archives/2004/07/heading_for_trouble/ http://jogin.com/weblog/archives/2004/07/19/hierarchy http://www.collylogic.com/index.php?/weblog/comments/ question_time_using_h_tags/ Yo me inclino por utilizar un único H1. Imagino que todo dependerá de la interpretación que se haga del consejo que da el w3c: citaH1 es el elemento de HTML para el encabezado de nivel superior del documento/cita y yo entiendo que en cada documento, nivel superior sólo debe haber uno, o algo nos está fallando en la estructura del documento. Y como anécdota significativa, fijaros en la URL de donde está sacada esa cita: http://www.w3.org/QA/Tips/Use_h1_for_Title Creo que el 'Use H1 for Title' ya es una buena pista, ¿no? Un saludo a todos Txuma Campos ___ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Correcto uso de H1
Muchas gracias a todos por vuestras respuestas. Para mí, queda clara la tendencia. Un sólo H1 por página. Salu2 -- ==#== José Montes Cuadrado ___ 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://ovillo.org/mailman/listinfo/ovillo
RE: [Ovillo] Correcto uso de H1
Bueno... Usar una imagen como encabezado no creo que sea algo muy recomendado 3.1 When an appropriate markup language exists, use markup rather than images to convey information. [Priority 2] Cuando uno navega con Jaws, existe una combinación de teclas que te permite moverte por los encabezados como si de un índice se tratase, el hecho de que haya sólo un encabezado facilita esa navegación. Aunque también es cierto que se podría navegar por varios índices si hubiese más de uno. Pablo Suárez León Programador Fundosa Teleservicios Grupo Fundosa Tlf. 91 121 03 41 Fax. 91 375 70 51 www.teleservicios.es -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de José Montes Cuadrado Enviado el: miércoles, 18 de enero de 2006 11:40 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Correcto uso de H1 Hola colisteros, a mí se me plantea otra duda (lo mismo es absurda). En el supuesto que lo correcto fuera utilizar un sólo H1, una página puede no necesitarlo (porque la imagen de la cabecera indique explícitamente el contenido de la página, pej.), pero sí necesite tener varios H2 para clasificar la información. La pregunta es: ¿es correcto utilizar H2, H3... sin utilizar un H1? saludos! -- ==#== José Montes Cuadrado ___ 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://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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] 3 columnas: centro líquido, laterales de ancho fijo
Bueno, si tu problema radica en simular un 'min-width' para IE, creo que la solución la tienes en lo que se ha venido a llamar 'Jello Mold Layout' [1], y que básicamente se vale de los márgenes negativos en un contenedor global para establecer una anchura mínima en ese contenedor. La teoría en principio es sencilla: cualquier elemento de bloque tiene una anchura total igual a su ancho + acolchamiento (o como leñes se diga en cristiano) + EL VALOR ABSOLUTO DEL margen. Esto quiere decir que es indiferente que el margen sea un valor positivo o negativo. La diferencia estriba en que con valores positivos de margen se crea un espacio vacío entre el borde del bloque y el elemento adyacente (el margen que todos conocemos, vaya) y el contenido permanece dentro, pero con valores negativos es el propio contenido el que se desplaza dentro de su margen. Siendo así, cualquier elemento con 'width: 0', únicamente tendrá la anchura de su padding (acolchamiento) y su margen, llegando a la feliz conclusión de que ese bloque nunca puede tener menos anchura que lo definido en sus márgenes y, si estos son negativos, tendremos que el contenido está siempre presente. Luego habrá que ajustar contenedores y posicionamientos relativos aquí y allá para que IE sepa lo que queremos, pero te puedo asegurar que no es nada complicado (comprendiendo bien la teoría) y es compatible con casi cualquier tipo de maquetación (todas las normalitas por descontado) con un mínimo de ajustes. Además de esto, se ha descubierto que cambiando algunas propiedades de uno de los contenedores intermedios es posible crear un Layout cuya anchura no sea ni fija ni totalmente líquida, si no algo así como moldeable (de ahí lo de Layout Gelatinoso). De todas maneras, esta es una muy somera explicación del fenómeno. Te aconsejo encarecidamente una buena lectura del enlaces que te adjunto para que te quede todo mucho más claro. Además, una vez que investigues un poco con los márgenes negativos comprobarás que son tremendamente útiles, no solo para este propósito. Un saludo, David Merino Ogando. [1] http://positioniseverything.net/articles/jello.html On 1/18/06, maira [EMAIL PROTECTED] wrote: Hola nuevamente. Estoy usando el template que se muestra en la siguiente pagina: http://webhost.bridgew.edu/etribou/layouts/3col_footer/archives/3col_footer_02/ Yo necesito un template de 3 COLUMNAS, con ambas columnas laterales con un ANCHO FIJO, y la columna central que sea LIQUIDA. Necesito que el ancho de la columna central tenga como mínimo 468px que es el ancho de un banner. En firefox lo logro con el min-width, pero hay alguna forma de limitarle el ancho minimo en explorer? el problema es que se me superponen los banners de la columna central con unos de la columna derecha y se van a quejar seguro. Si achico la ventana lo suficiente, la columna central casi desaparece. :( Lo unico que se me ocurrió es usar la estructura líquida para resoluciones mayores a 1024 y detectar cuando usan 800*600 y usar otra hoja de estilos con una estructura fija, pero no tiene sentido hacer dos hojas de estilo. Creo que he revisado cuanta estructura de 3 columnas se me haya cruzado pero no hay ninguno que me permita darle un min-width al contenido. En estas situaciones me da ganas de recurrir a las TABLAS llorando / Desde ya muchas gracias. Maira. Daniel calderón wrote: Maira, Echale un ojo a esta: http://www.maxdesign.com.au/presentation/liquid/example10.htm http://www.maxdesign.com.au/presentation/liquid Es lo más cercano que encontre. Saludos!! -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de maira Enviado el: jueves, 12 de enero de 2006 15:03 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] 3 columnas: centro líquido, laterales de ancho fijo Gracias por el sitio, tiene buenos templates, pero el de 3 columnas tiene el mismo problema que indico en los sitios de mi primer mail. Alguien ha hecho un template de 3 columnas que no tenga el problema nombrado en explorer? Saludos Maira. Daniel calderón wrote: Maira, No se si la conocías: http://intensivstation.ch/templates/ Pero puede ayudarte en temas de layouts :) Saludos ! -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de maira Enviado el: jueves, 12 de enero de 2006 1:10 Para: Ovillo@lists.ovillo.org Asunto: [Ovillo] 3 columnas: centro líquido, laterales de ancho fijo Hola a todos después de tanto tiempo! Disculpen si vuelvo a preguntar esto, pero no he encontrado una respuesta a mi pregunta en mails anteriores. Necesito hacer un site que tiene que tener 3 columnas, la central líquida y las dos laterales con un ancho fijo, además de un header y footer. He encontrado varios ejemplos como: - http://glish.com/css/7.asp - http://www.positioniseverything.net/thr.col.stretch.html# - http://realworldstyle.com/nn4_3col_header.html
Re: [Ovillo] 3 columnas: centro líquido, la terales de ancho fijo
si fuera para mi sitio, no tendría ni un sólo banner, pero lamentablemente uno no diseña sólo para si mismo. Además a quien le estoy haciendo el diseño necesita los banners para obtener sponsor importantes, importantes Por eso, la idea de ocultarlos cuando se superponen no me sirve. y tampoco me sirve mucho detectar la resolución, porque cuando alguien que tiene 1280 achique la ventana, verá un desastre también. después de pensarlo mucho, se me ocurrió hacer algo como hacen www.clarin.com.ar o www.lanacion.com.ar hacer una estructura estática para 1024 (resignando espacio para los que tienen resolución más grande) Para los que usan 800*600 la tercer columna estaría oculta y deberían usar la barra de desplazamiento, pero en dicha columna pondría información menos importante. Tiene sus pro y sus contras, por un lado reduzco el largo de la línea para los que tienen resolución muy grande que terminaba siendo kilométrica en un diseño líquido, y el diseño nunca se deforma con una ventana chica. Pero a la vez, obligo a usar la barra de desplazamiento horizontal. Y hay que tener en cuenta que es un portal que maneja un gran caudal de información, e información específicamente sobre tecnología. (según una encuesta de 449 usuarios el 52.1% la navega en 1024*768, el 26.9% en 1280*768, el 10.7% en 800*600 y el resto en otras resoluciones o dispositivos) No son muchos votantes, pero da una idea Se me están quemando las neuronas =( Que opinan de esta solución Saludos y gracias por sus respuestas. Ojala fuera posible no usar banners, me ahorraría tantos problemas Maira. Sergio Ruiz Pérez - Citic wrote: maira wrote: Necesito que el ancho de la columna central tenga como mínimo 468px que es el ancho de un banner. En firefox lo logro con el min-width, pero hay alguna forma de limitarle el ancho minimo en explorer? el problema es que se me superponen los banners de la columna central con unos de la columna derecha y se van a quejar seguro. Si achico la ventana lo suficiente, la columna central casi desaparece. :( Hola Maira: A lo mejor te rompo un poco los esquemas, pero ... ¿un banner para qué? Está demostrado que la gente ignora los banners típicos que hay en las webs, los/as usuarios/as están saturados. Es un fenómeno que se conoce como banner blindness o ceguera a los banners. Te recomiendo este artículo de alzado ... http://www.alzado.org/articulo.php?id_art=90 Un saludo y suerte, ___ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] 3 columnas: centro líquido, laterales de ancho fijo
al hilo de esto de usar márgenes negativos, una cuestión.¿por qué el validador de CSS dice que , por ejemplo, en un padding-lefthttp://www.w3.org/TR/REC-CSS2/box.html#propdef-padding-leftlos valores negativos de - 20.0 no están permitidos? ¿cómo puedo solucinar ésto en una lista de definición sin que se estropee t (consiguiendo que el CSS sea correcto? La url donde lo tengo es esta: http://www.grupomazarredo.com/ Saludos. Pedro. El día 18/01/06, Maikel Naigt [EMAIL PROTECTED] escribió: Bueno, si tu problema radica en simular un 'min-width' para IE, creo que la solución la tienes en lo que se ha venido a llamar 'Jello Mold Layout' [1], y que básicamente se vale de los márgenes negativos en un contenedor global para establecer una anchura mínima en ese contenedor. La teoría en principio es sencilla: cualquier elemento de bloque tiene una anchura total igual a su ancho + acolchamiento (o como leñes se diga en cristiano) + EL VALOR ABSOLUTO DEL margen. Esto quiere decir que es indiferente que el margen sea un valor positivo o negativo. La diferencia estriba en que con valores positivos de margen se crea un espacio vacío entre el borde del bloque y el elemento adyacente (el margen que todos conocemos, vaya) y el contenido permanece dentro, pero con valores negativos es el propio contenido el que se desplaza dentro de su margen. Siendo así, cualquier elemento con 'width: 0', únicamente tendrá la anchura de su padding (acolchamiento) y su margen, llegando a la feliz conclusión de que ese bloque nunca puede tener menos anchura que lo definido en sus márgenes y, si estos son negativos, tendremos que el contenido está siempre presente. Luego habrá que ajustar contenedores y posicionamientos relativos aquí y allá para que IE sepa lo que queremos, pero te puedo asegurar que no es nada complicado (comprendiendo bien la teoría) y es compatible con casi cualquier tipo de maquetación (todas las normalitas por descontado) con un mínimo de ajustes. Además de esto, se ha descubierto que cambiando algunas propiedades de uno de los contenedores intermedios es posible crear un Layout cuya anchura no sea ni fija ni totalmente líquida, si no algo así como moldeable (de ahí lo de Layout Gelatinoso). De todas maneras, esta es una muy somera explicación del fenómeno. Te aconsejo encarecidamente una buena lectura del enlaces que te adjunto para que te quede todo mucho más claro. Además, una vez que investigues un poco con los márgenes negativos comprobarás que son tremendamente útiles, no solo para este propósito. Un saludo, David Merino Ogando. [1] http://positioniseverything.net/articles/jello.html ___ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] 3 columnas: centro líquido, laterales de ancho fijo
Maikel, Miles de gracias por tu respuesta, era justamente lo que estaba buscando. Ahora voy a leerlo detenidamente para ver si lo entiendo. Si me surge alguna duda, seguro estaré aquí preguntando nuevamente. GRACIAS! Maira. Maikel Naigt wrote: Bueno, si tu problema radica en simular un 'min-width' para IE, creo que la solución la tienes en lo que se ha venido a llamar 'Jello Mold Layout' [1], y que básicamente se vale de los márgenes negativos en un contenedor global para establecer una anchura mínima en ese contenedor. La teoría en principio es sencilla: cualquier elemento de bloque tiene una anchura total igual a su ancho + acolchamiento (o como leñes se diga en cristiano) + EL VALOR ABSOLUTO DEL margen. Esto quiere decir que es indiferente que el margen sea un valor positivo o negativo. La diferencia estriba en que con valores positivos de margen se crea un espacio vacío entre el borde del bloque y el elemento adyacente (el margen que todos conocemos, vaya) y el contenido permanece dentro, pero con valores negativos es el propio contenido el que se desplaza dentro de su margen. Siendo así, cualquier elemento con 'width: 0', únicamente tendrá la anchura de su padding (acolchamiento) y su margen, llegando a la feliz conclusión de que ese bloque nunca puede tener menos anchura que lo definido en sus márgenes y, si estos son negativos, tendremos que el contenido está siempre presente. Luego habrá que ajustar contenedores y posicionamientos relativos aquí y allá para que IE sepa lo que queremos, pero te puedo asegurar que no es nada complicado (comprendiendo bien la teoría) y es compatible con casi cualquier tipo de maquetación (todas las normalitas por descontado) con un mínimo de ajustes. Además de esto, se ha descubierto que cambiando algunas propiedades de uno de los contenedores intermedios es posible crear un Layout cuya anchura no sea ni fija ni totalmente líquida, si no algo así como moldeable (de ahí lo de Layout Gelatinoso). De todas maneras, esta es una muy somera explicación del fenómeno. Te aconsejo encarecidamente una buena lectura del enlaces que te adjunto para que te quede todo mucho más claro. Además, una vez que investigues un poco con los márgenes negativos comprobarás que son tremendamente útiles, no solo para este propósito. Un saludo, David Merino Ogando. [1] http://positioniseverything.net/articles/jello.html On 1/18/06, maira [EMAIL PROTECTED] wrote: Hola nuevamente. Estoy usando el template que se muestra en la siguiente pagina: http://webhost.bridgew.edu/etribou/layouts/3col_footer/archives/3col_footer_02/ Yo necesito un template de 3 COLUMNAS, con ambas columnas laterales con un ANCHO FIJO, y la columna central que sea LIQUIDA. Necesito que el ancho de la columna central tenga como mínimo 468px que es el ancho de un banner. En firefox lo logro con el min-width, pero hay alguna forma de limitarle el ancho minimo en explorer? el problema es que se me superponen los banners de la columna central con unos de la columna derecha y se van a quejar seguro. Si achico la ventana lo suficiente, la columna central casi desaparece. :( Lo unico que se me ocurrió es usar la estructura líquida para resoluciones mayores a 1024 y detectar cuando usan 800*600 y usar otra hoja de estilos con una estructura fija, pero no tiene sentido hacer dos hojas de estilo. Creo que he revisado cuanta estructura de 3 columnas se me haya cruzado pero no hay ninguno que me permita darle un min-width al contenido. En estas situaciones me da ganas de recurrir a las TABLAS llorando / Desde ya muchas gracias. Maira. Daniel calderón wrote: Maira, Echale un ojo a esta: http://www.maxdesign.com.au/presentation/liquid/example10.htm http://www.maxdesign.com.au/presentation/liquid Es lo más cercano que encontre. Saludos!! -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de maira Enviado el: jueves, 12 de enero de 2006 15:03 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] 3 columnas: centro líquido, laterales de ancho fijo Gracias por el sitio, tiene buenos templates, pero el de 3 columnas tiene el mismo problema que indico en los sitios de mi primer mail. Alguien ha hecho un template de 3 columnas que no tenga el problema nombrado en explorer? Saludos Maira. Daniel calderón wrote: Maira, No se si la conocías: http://intensivstation.ch/templates/ Pero puede ayudarte en temas de layouts :) Saludos ! -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de maira Enviado el: jueves, 12 de enero de 2006 1:10 Para: Ovillo@lists.ovillo.org Asunto: [Ovillo] 3 columnas: centro líquido, laterales de ancho fijo Hola a todos después de tanto tiempo! Disculpen si vuelvo a preguntar esto, pero no he encontrado una respuesta a mi pregunta en mails anteriores. Necesito hacer un site que tiene que tener 3 columnas, la central líquida y las dos laterales con un ancho fijo, además de un header y
Re: [Ovillo] Correcto uso de H1
José: No deberías tener un h2 si no tienes un h1. Si la imagen de cabecera funciona como título de la página, entonces dicha imagen debería estar dentro de un h1 con un texto alternativo que sea el título de la página. h1imgalt=Titulo/h1 Saludos -- Pablo Viojo [EMAIL PROTECTED] http://pviojo.net El día 18/01/06, José Montes Cuadrado [EMAIL PROTECTED] escribió: Hola colisteros, a mí se me plantea otra duda (lo mismo es absurda). En el supuesto que lo correcto fuera utilizar un sólo H1, una página puede no necesitarlo (porque la imagen de la cabecera indique explícitamente el contenido de la página, pej.), pero sí necesite tener varios H2 para clasificar la información. La pregunta es: ¿es correcto utilizar H2, H3... sin utilizar un H1? saludos! -- ==#== José Montes Cuadrado ___ 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://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://ovillo.org/mailman/listinfo/ovillo
Padding negativo (era Re: [Ovillo] 3 columnas: centro líquido, laterales de ancho fijo)
Pedro Sanz escribió: al hilo de esto de usar márgenes negativos, una cuestión.¿por qué el validador de CSS dice que , por ejemplo, en un padding-lefthttp://www.w3.org/TR/REC-CSS2/box.html#propdef-padding-leftlos valores negativos de - 20.0 no están permitidos? Porque no están permitidos, no hay vuelta de hoja (no soy capaz de encontrar dónde se dice esto en la especificación, pero te aseguro que lo he leído en algún momento de mi vida). ¿cómo puedo solucinar ésto en una lista de definición sin que se estropee t (consiguiendo que el CSS sea correcto? Yo empezaría por eliminar la regla. Firefox, muy listo él, no la aplica (por no ser válida) y dudo que otros navegadores lo hagan. La url donde lo tengo es esta: http://www.grupomazarredo.com/ Salud, Choan ___ 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://ovillo.org/mailman/listinfo/ovillo
[Ovillo] [OT] Trabajo en Asturias.
Hola a todos. Busco a alguien que me pueda hacer un par de diseños. Necesito que me pueda enseñar algún ejemplo para ver su experiencia. Viendo las listas a la que envío, no me vale flash !!! Estoy en Gijón, por lo que debería ser de la zona de Asturias. Un saludo. PD. Debería de haber alguna lista para estos menesteres, no? -- Ángel Cervera Claudio Freelance / desarrollos j2ee web: http://www.acervera.com email: [EMAIL PROTECTED] tlf: 670819234 / 985308170 Avda. de la Argentina, 132 33213 - Gijón (Asturias) - Spain - Mensajería - msn: [EMAIL PROTECTED] yahoo: angelcervera aol: angelcervera jabber: angelcervera en jabber.org google talk: angelcervera skype: angelcervera ___ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Correcto uso de H1
Muchas gracias por tu respuesta, Pablo. Dije una imagen por poner un ejemplo, pero podría darse el caso de una página que no necesitara un título. Se me ocurre otro ejemplo: en el caso de seleccionar, en una página sin imagen de cabecera, un ítem en un menú superior y que éste quede marcado de alguna forma, resaltando sobre el resto de ítem, e indicando que esa categoría está seleccionada. En ese caso, poner un H1 podría resultar redundante (si el tamaño del ítem resaltado es muy grande, por ejemplo) y hasta estéticamente mal, pues de alguna manera ya lo estamos indicando con ese ítem resaltado. Lo que trato con este hilo es buscarle tres pies al gato con casos en los que un encabezado H1 podría omitirse, porque no sea necesario, y ver qué pasa entonces. ¿Aún así estoy obligado a poner un encabezado H1 con un contenido repetido? ¿Siempre tiene que haber un único elemento raíz que englobe a todo? ¿La página sería menos accesible si no se pone? Yo considero que no, pues en lugar de establecer una jerarquía que parta de un único elemento raíz, partiría de n-elementos raíces (los elementos H2 que hacía referencia), y por ello no estaría ni mejor ni peor jerarquizada, ¿no? Vale, supongamos que se acepta que hay que tener un encabezado H1 obligatoriamente, entonces ¿cabe la posibilidad de tener ese encabezado oculto, y que se muestre sólo cuando se ve la página sin estilos? ¿Qué pensáis al respecto? Un saludo P.S.: quizá me esté obcecando con una idea absurda que no lleva a ninguna parte, pero lo que intento es ver las cosas desde otro punto de vista. Corregidme si me equivoco. Pablo Viojo escribió: José: No deberías tener un h2 si no tienes un h1. Si la imagen de cabecera funciona como título de la página, entonces dicha imagen debería estar dentro de un h1 con un texto alternativo que sea el título de la página. h1imgalt=Titulo/h1 Saludos -- Pablo Viojo [EMAIL PROTECTED] http://pviojo.net -- ==#== José Montes Cuadrado ___ 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://ovillo.org/mailman/listinfo/ovillo
RE: [Ovillo] Correcto uso de H1
Respecto al ejemplo que pones de que fuese un item remarcado por considerar que la página está dentro de una categoría. Utilizas el término tamaño y el término estéticamente. Yo creo que al hablar de encabezados y de su uso correcto, no se debe tener en cuenta el aspecto visual, pues eso pertenece a otro ámbito, al de presentación. Pienso que el debate versa en torno al enfoque semántico. Respecto al otro caso, al de partir de varios niveles de igual jerarquía, yo plantearía el que si tienen igual jerarquía, tienen precisamente algo en común, y en ese caso partirían a su vez de un mismo punto ¿por qué no ponerlo para situarse? Un saludo Jorge Rumoroso www.hrmultimedia.com -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de José Montes Cuadrado Enviado el: miércoles, 18 de enero de 2006 17:13 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Correcto uso de H1 Muchas gracias por tu respuesta, Pablo. Dije una imagen por poner un ejemplo, pero podría darse el caso de una página que no necesitara un título. Se me ocurre otro ejemplo: en el caso de seleccionar, en una página sin imagen de cabecera, un ítem en un menú superior y que éste quede marcado de alguna forma, resaltando sobre el resto de ítem, e indicando que esa categoría está seleccionada. En ese caso, poner un H1 podría resultar redundante (si el tamaño del ítem resaltado es muy grande, por ejemplo) y hasta estéticamente mal, pues de alguna manera ya lo estamos indicando con ese ítem resaltado. Lo que trato con este hilo es buscarle tres pies al gato con casos en los que un encabezado H1 podría omitirse, porque no sea necesario, y ver qué pasa entonces. ¿Aún así estoy obligado a poner un encabezado H1 con un contenido repetido? ¿Siempre tiene que haber un único elemento raíz que englobe a todo? ¿La página sería menos accesible si no se pone? Yo considero que no, pues en lugar de establecer una jerarquía que parta de un único elemento raíz, partiría de n-elementos raíces (los elementos H2 que hacía referencia), y por ello no estaría ni mejor ni peor jerarquizada, ¿no? Vale, supongamos que se acepta que hay que tener un encabezado H1 obligatoriamente, entonces ¿cabe la posibilidad de tener ese encabezado oculto, y que se muestre sólo cuando se ve la página sin estilos? ¿Qué pensáis al respecto? Un saludo P.S.: quizá me esté obcecando con una idea absurda que no lleva a ninguna parte, pero lo que intento es ver las cosas desde otro punto de vista. Corregidme si me equivoco. Pablo Viojo escribió: José: No deberías tener un h2 si no tienes un h1. Si la imagen de cabecera funciona como título de la página, entonces dicha imagen debería estar dentro de un h1 con un texto alternativo que sea el título de la página. h1imgalt=Titulo/h1 Saludos -- Pablo Viojo [EMAIL PROTECTED] http://pviojo.net -- ==#== José Montes Cuadrado ___ 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://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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] [OT] Trabajo en Asturias.
Buenas tardes Ángel, yo trabajo como diseñador freelances desde hace muchos años realizando páginas web, el problema es que soy de madrid, pero no se si igualmente te puede servir, si es asi por favor no dudes enponerte en contacto conmigoy estare encantado de que comentemos el asunto. puedes ver mi portfolio: poco flash eso si, salvo que hayan sido clientes pesaditos. http://www.bynetcreative.com Juan José Sánchez Morales Studio Creativo Bynet Tfno.: 627 01 73 96 - Original Message - From: Angel Cervera Claudio [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org; Lista@cadius.org Sent: Wednesday, January 18, 2006 5:34 PM Subject: [Ovillo] [OT] Trabajo en Asturias. Hola a todos. Busco a alguien que me pueda hacer un par de diseños. Necesito que me pueda enseñar algún ejemplo para ver su experiencia. Viendo las listas a la que envío, no me vale flash !!! Estoy en Gijón, por lo que debería ser de la zona de Asturias. Un saludo. PD. Debería de haber alguna lista para estos menesteres, no? -- Ángel Cervera Claudio Freelance / desarrollos j2ee web: http://www.acervera.com email: [EMAIL PROTECTED] tlf: 670819234 / 985308170 Avda. de la Argentina, 132 33213 - Gijón (Asturias) - Spain - Mensajería - msn: [EMAIL PROTECTED] yahoo: angelcervera aol: angelcervera jabber: angelcervera en jabber.org google talk: angelcervera skype: angelcervera ___ 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://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://ovillo.org/mailman/listinfo/ovillo
Re: Padding negativo (era Re: [Ovillo] 3 colu mnas: centro líquido, laterales de ancho fijo)
Choan: ¿cómo puedo solucinar ésto en una lista de definición sin que se estropee t (consiguiendo que el CSS sea correcto? Yo empezaría por eliminar la regla. Firefox, muy listo él, no la aplica (por no ser válida) y dudo que otros navegadores lo hagan. no entiendo exactamente a qué te refieres con eliminar la regla y lo de que los navegadores no lo apliquen. Tanto en FFX como en Explorer consigo ver los elementos como yo quería. ¿puedes ser más explicito? gracias por tu atención, en cualquier caso. Saludos. Pedro. ___ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] 3 columnas: centro líquido, laterales de ancho fijo
Hola Maikel.
Era obvio que iba a tener que preguntar algo.
Estoy usando el ejemplo
http://positioniseverything.net/articles/sidepages/jello-piefecta-clean.html
porque necesito que sean 3 columnas.
Pero quiero que el ancho maximo sea para una ventana de 1024 y no para
800 como el ejemplo de arriba.
En Firefox lo toma, pero en explorer no, y no se cual es la propiedad
que no estoy modificando correctamente.
Este es el css:
/*
**/
/* style basado en
http://positioniseverything.net/articles/sidepages/jello-piefecta-clean.html
*/
*, html, body, div, ol, ul, li, dl, dt, dd, img {
margin: 0;
padding: 0;
border: 0;
list-style: none;
}
body {
padding: 0 350px; /* the critical side padding that sets the natural
min-width! */
background: #F0F0F0; /* this BG tiles the area outside the columns */
color: #66;
font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 100.01%; /* this body font-size fixes an IE bug and
maintains x-browser uniformity */
text-align: center; /* centers the #sizer element in IE5.x/win */
}
#sizer {
margin: 0 auto; /* centers #sizer in standard browsers */
padding: 0;
width: 100%; /* this value controls liquidity; 0% = full rigid, 100%
= full liquid */
text-align: left; /* resets the default text alignment for the page */
max-width: 300px;
}
#expander { /* Any % height here causes IE to lose the neg right margin */
margin: 0 -345px; /* neg side margin values should be or = to side
body padding */
min-width: 700px; /* This prevents Safari from losing the negative
margins in narrow windows */
position: relative; /* makes #expander visible outside #sizer in
IEwin */
}
/*\*/
* html #expander {height: 0;}
/* #expander must have height: 0 in IEwin bug fixing */
/* The above is a modified Holly hack for #expander, with zero
substituted for the
usual 1% height value. Any % value on this element causes a horrendous
IE bug! */
#wrapper1 {
position: relative;
background: url(../images/redcircles.gif); /* this BG tiles the left
column */
font-size: .7em; /* set global font-size here .9em es el default*/
border: 3px solid #da5;
border-width: 4px 3px;
} /* this positioning may be needed for IEwin if page is to contain
positioned elements */
#wrapper2 {
position: relative; /* extra insurance against bugs in IEwin */
background: url(../images/redblots.gif) 100% 0 repeat-y; /* this BG
tiles the right column */
}
/** Main Page Structure */
/* To modify the side column widths and the col divider widths, the
values that are
marked critical and also refer to the desired mod MUST be changed as a
group. */
.outer {
background: url(../images/bluelattice.gif); /* this BG tiles the
center column */
border-left: 2px solid #da5; /*** Critical left divider dimension
value ***/
border-right: 2px solid #da5; /*** Critical right divider dimension
value ***/
margin-left: 180px;/*** Critical left col width value ***/
margin-right: 180px;/*** Critical right col width value ***/
}
.float-wrap {
float: left;
width: 100%;
}
.center {
float: right;
width: 100%;
}
.left {
float: left;
position: relative; /* Needed for IE/win */
width: 180px;/*** Critical left col width value ***/
margin-left: -182px;/*** Critical left col width value ***/ /***
Critical left divider dimension value ***/
}
.right {
float: right;
position: relative; /* Needed for IE/win */
width: 180px;/*** Critical right col width value ***/
margin-right: -182px;/*** Critical right col width value ***/ /***
Critical right divider dimension value ***/
margin-left: 2px; /*** Critical right divider dimension value ***/
}
.centerbox {
font-weight: bold;
text-align: justify;
overflow: visible;
width: 100%;
}
.container-left {color: #ffc;}
.container-right {color: #ffc; padding-bottom: 80px;} /* makes room for
the froggy */
/*** Header and Footer elements */
.header {
width: 100%;
color: #b33;
padding: 5px 0;
background: url(../images/jello1.gif) no-repeat 50px 7px;
} /* jello BG is made to be in fixed position here */
/*\*/
* html .header {background-position: 10px 3px;}
/* IEwin hack needed because the jello BG is in a positioned wrapper
and shows
variance. IEwin does not support fixed backgrounds on elements other
than the body */
.header span {color: #373;}
.footer {
width: 100%;
font-size: 1.8em;
font-weight: bold;
clear: both;
padding: 5px 0 15px;
position: relative;
}
.footer p {margin: 10px 0 0 20px; color: #383;}
.footer hr {
color: #944;
margin: 0;
background: #944;
height: 5px;
}
.froggy {
position: absolute;
top: -65px;
right: -10px;
}
/** Spacing Controls for various column contents
***/
.outer ul {
text-align: center;
[Ovillo] Empezar con hacks para IE
Hola, estoy haciendo una maqueta para una web,
la puedo ver como yo la diseño en FF pero en explorer 6
se me descuadra todo (no me imagino como quedara en IE5)
, no se si el problema esta en el codigo
o si por el contrario se trata de un problema de estandares
y navegadores, donde puedo sacar informacion sobre el tema de hacks
( en español pliss ), dejo el codigo por si alguien me puede decir algo.
gracias por adelantado
body {
text-align: center;
}
#contenedor {
width: 630px;
margin: 0 auto;
text-align: left;
}
#encabezado {
height: 21px;
background-image: url(img/BOCETO_r1_c1.jpg);
}
#sector {
width: 530px;
height: 47px;
float: left;
background-image: url(img/BOCETO_r2_c1.jpg);
clear: left;
}
#sector2 {
height: 47px;
background-image: url(img/BOCETO_r2_c3.jpg);
margin-left: 528px;
}
#sector3 {
width: 198px;
height: 170px;
float: left;
}
#foto {
height: 170px;
margin-left: 198px;
background-image: url(img/BOCETO_r3_c2.jpg);
}
#titular1 {
width: 198px;
height: 44px;
background-image: url(img/BOCETO_r4_c1.jpg);
float: left;
background-color: #F4F4F4;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-top: 1px solid #ccc;
}
#titular2 {
height: 45px;
margin-left: 199px;
background-image: url(img/BOCETO_r4_c2.jpg);
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-top: 1px solid #ccc;
}
#lateralizq {
width: 198px;
height: 397px;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
float: left;
background-color: #F4F4F4;
border-bottom: 1px solid #ccc;
clear: left;
}
#contenidoarriba {
width: 432px;
height: 190px;
margin-left: 198px;
background-color: #F4F4F4;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 0px;
}
#titular3 {
width: 432px;
height: 45px;
margin-left: 198px;
background-image: url(img/BOCETO_r6_c2.jpg);
border-right: 1px solid #ccc;
}
#contenidoabajo {
width: 432px;
height: 162px;
background-color: #F4F4F4;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
margin-left: 198px;
margin-top: 0px;
}
___
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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Empezar con hacks para IE
Sería mejor que dejaras un link para poder ver el trabajo, ya que solo con
el css es casi imposible determinar cuales pueden ser los problemas.
Saludos
--
Pablo Viojo
[EMAIL PROTECTED]
http://pviojo.net
2006/1/18, rfx [EMAIL PROTECTED]:
Hola, estoy haciendo una maqueta para una web,
la puedo ver como yo la diseño en FF pero en explorer 6
se me descuadra todo (no me imagino como quedara en IE5)
, no se si el problema esta en el codigo
o si por el contrario se trata de un problema de estandares
y navegadores, donde puedo sacar informacion sobre el tema de hacks
( en español pliss ), dejo el codigo por si alguien me puede decir algo.
gracias por adelantado
body {
text-align: center;
}
#contenedor {
width: 630px;
margin: 0 auto;
text-align: left;
}
#encabezado {
height: 21px;
background-image: url(img/BOCETO_r1_c1.jpg);
}
#sector {
width: 530px;
height: 47px;
float: left;
background-image: url(img/BOCETO_r2_c1.jpg);
clear: left;
}
#sector2 {
height: 47px;
background-image: url(img/BOCETO_r2_c3.jpg);
margin-left: 528px;
}
#sector3 {
width: 198px;
height: 170px;
float: left;
}
#foto {
height: 170px;
margin-left: 198px;
background-image: url(img/BOCETO_r3_c2.jpg);
}
#titular1 {
width: 198px;
height: 44px;
background-image: url(img/BOCETO_r4_c1.jpg);
float: left;
background-color: #F4F4F4;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-top: 1px solid #ccc;
}
#titular2 {
height: 45px;
margin-left: 199px;
background-image: url(img/BOCETO_r4_c2.jpg);
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-top: 1px solid #ccc;
}
#lateralizq {
width: 198px;
height: 397px;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
float: left;
background-color: #F4F4F4;
border-bottom: 1px solid #ccc;
clear: left;
}
#contenidoarriba {
width: 432px;
height: 190px;
margin-left: 198px;
background-color: #F4F4F4;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 0px;
}
#titular3 {
width: 432px;
height: 45px;
margin-left: 198px;
background-image: url(img/BOCETO_r6_c2.jpg);
border-right: 1px solid #ccc;
}
#contenidoabajo {
width: 432px;
height: 162px;
background-color: #F4F4F4;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
margin-left: 198px;
margin-top: 0px;
}
___
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://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://ovillo.org/mailman/listinfo/ovillo
Re: Padding negativo (era Re: [ Ovillo] 3 columnas: centro líquido, laterales de ancho fijo)
Choan C. Gálvez escribió: Pedro Sanz escribió: al hilo de esto de usar márgenes negativos, una cuestión.¿por qué el validador de CSS dice que , por ejemplo, en un padding-lefthttp://www.w3.org/TR/REC-CSS2/box.html#propdef-padding-leftlos valores negativos de - 20.0 no están permitidos? Porque no están permitidos, no hay vuelta de hoja (no soy capaz de encontrar dónde se dice esto en la especificación, pero te aseguro que lo he leído en algún momento de mi vida). En la especificación; http://www.sidar.org/recur/desdi/traduc/es/css/box.html#padding-properties A diferencia de las propiedades del margen, los valores para los valores de relleno no pueden ser negativos. Al igual que las propiedades del margen, los valores de porcentaje para las propiedades del relleno se refieren al ancho del bloque de contención de la caja generada. -- Saludos -=stripTM=- ___ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Correcto uso de H1
José Montes Cuadrado escribió: Lo que trato con este hilo es buscarle tres pies al gato con casos en los que un encabezado H1 podría omitirse, porque no sea necesario, y ver qué pasa entonces. ¿Aún así estoy obligado a poner un encabezado H1 con un contenido repetido? ¿Siempre tiene que haber un único elemento raíz que englobe a todo? ¿La página sería menos accesible si no se pone? Yo considero que no, pues en lugar de establecer una jerarquía que parta de un único elemento raíz, partiría de n-elementos raíces (los elementos H2 que hacía referencia), y por ello no estaría ni mejor ni peor jerarquizada, ¿no? Vale, supongamos que se acepta que hay que tener un encabezado H1 obligatoriamente, entonces ¿cabe la posibilidad de tener ese encabezado oculto, y que se muestre sólo cuando se ve la página sin estilos? ¿Qué pensáis al respecto? Si ojeáis xhtml 2 se resuelven bastantes dudas, sólo existiera h sin numeración de manera que ya no será posible empezar por H2 Lo que si que sería posible es que existiesen varios encabezados de primer nivel. -- Saludos -=stripTM=- ___ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Correcto uso de H1
Saludos a todos ustedes amigo de la lista, creo que ya me despejaron la duda, y lo hicieron muy divertido. Ah!... apuesto por un solo H1. El 18/01/06, stripTM[EMAIL PROTECTED] escribió: José Montes Cuadrado escribió: Lo que trato con este hilo es buscarle tres pies al gato con casos en los que un encabezado H1 podría omitirse, porque no sea necesario, y ver qué pasa entonces. ¿Aún así estoy obligado a poner un encabezado H1 con un contenido repetido? ¿Siempre tiene que haber un único elemento raíz que englobe a todo? ¿La página sería menos accesible si no se pone? Yo considero que no, pues en lugar de establecer una jerarquía que parta de un único elemento raíz, partiría de n-elementos raíces (los elementos H2 que hacía referencia), y por ello no estaría ni mejor ni peor jerarquizada, ¿no? Vale, supongamos que se acepta que hay que tener un encabezado H1 obligatoriamente, entonces ¿cabe la posibilidad de tener ese encabezado oculto, y que se muestre sólo cuando se ve la página sin estilos? ¿Qué pensáis al respecto? Si ojeáis xhtml 2 se resuelven bastantes dudas, sólo existiera h sin numeración de manera que ya no será posible empezar por H2 Lo que si que sería posible es que existiesen varios encabezados de primer nivel. -- Saludos -=stripTM=- ___ 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://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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Numeros de linea del validador tidy de Firefox
Muy buenas a todos, Me estoy acostumbrando a consultar el validador tidy de Firefox, pero tengo el problema de que aunque me señala el numero de linea donde encuentra un error, en el codigo fuente no aparecen las líneas y como el html es producto de un .php (no coinciden las lineas del codigo fuente con las del html) no puedo depurar los errores. Vosotros teneis el mismo problema? Me respondo a mi mismo, he actualizado tidy a la versión 0.7.7 y ya me marca las líneas con warning. venga, saludines. Paco Garcia ___ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] 3 columnas: centro líquido, laterales de ancho fijo
On 1/18/06, Pedro Sanz [EMAIL PROTECTED] wrote: al hilo de esto de usar márgenes negativos, una cuestión.¿por qué el validador de CSS dice que , por ejemplo, en un padding-lefthttp://www.w3.org/TR/REC-CSS2/box.html#propdef-padding-left los valores negativos de - 20.0 no están permitidos? Bueno, la especificación de la w3c lo dice bien claro: Unlike margin properties, values for padding values cannot be negative... (al contrario que la propiedad de márgenes, los valores para acolcado no pueden ser negativos...). No sé dónde puede estar la confusión. ¿cómo puedo solucinar ésto en una lista de definición sin que se estropee t (consiguiendo que el CSS sea correcto? Pues según lo que quieras obtener. Si pones valores de 'padding' 0 a 'dl', 'dt' y 'dd' y luego juegas con los márgenes de cada uno de los elementos (positivos o negativos) obtendrás distintas disposiciones. Una única cosa a tener en cuenta es que a IE le sienta muy mal que un elemento con margen negativo se intente escapar de los límites que marca su contenedor padre, es decir, que las coordenadas finales calculadas del bloque contenido, tanto en horizontal como en vertical, sean menores que las del bloque contenedor. En los cálculos de estas coordenadas entraría, por supuesto, el margen. La url donde lo tengo es esta: http://www.grupomazarredo.com/ Saludos. Pedro. Un saludo, David Merino. ___ 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://ovillo.org/mailman/listinfo/ovillo
