[Ovillo] Anti-spam traicionero
La pasada semana propuse en la lista si alguien quería trabajar con un grupo de freelance en un proyecto en el que falta alguien para maquetar en xhtml. Contestó mucha gente, gracias por el interés a todos los que escribisteis. Mi intención era responder a todo el mundo, pero me di cuenta de que llegaban pocos mensajes de respuesta a los que yo contestaba y esto me hizo sospechar de mi anti-spam. He desviado los mensajes que mi herramienta marca como spam a una carpeta en lugar de desecharlos y he comprobado que muchos de los de Ovillo los trata como spam. Por este motivo si alguien me ha escrito y no ha obtenido respuesta le pido disculpas y le animo a escribirme si lo desea. Muchas gracias a todos. ___ 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] centrar un div
Hola Manuel, Para centrar un div es muy sencillo: 1º creas un div que ocupe el 100% y le pones tex-align:center;, luego dentro de este metes uno de la medida que sea y le pones margin-left:auto; margin-right:auto;. Con esto el div debería centrárse, y no te preocupes, en esto de las css hay pa´todos. Saludos y espero que te funcione.. -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Manuel González Noriega Enviado el: lunes, 06 de junio de 2005 20:45 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] centrar un div On 6/6/05, Igor Ormaetxebarria [EMAIL PROTECTED] wrote: Hola lista, tengo un problemilla, que creo que se ha tratado hace poco, pero no lo encuentro. La cosa es que quiero centrar un div. Es una página de layout 3 columnas con su encabezado y pie, y en la columna central pongo el contenido (que típico, no? es que soy un poco palurdo en diseño...) Bien, pues en el div de contenido, quiero meter un texto, que quiero centrar (no el text-align, sino la caja que contiene el texto). Exactamente lo que quiero es que tenga un tamaño máximo, porque si las lineas son muy largas no se leen bien; y eso ya lo he hecho, pero ahora me queda un margen a la derecha muy largo (mayor cuanto mayor es la resolución) y por eso quiero centrarlo. Vamos, que lo que quiero es centrar un div, pero no me vale poniendole margenes, porque no se cuanto abría que poner ya que cambia con la resolución. [En IE vale con centrar el texto de la caja que contiene mi caja, pero en Firefox no] #caja { margin: 0 auto; text-align:left; } Con auto obviamente no hace falta que sepas cuanto hay que poner :) Ah, y para IE 5.x tienes que aplicar el text-align:center al padre de la caja, que luego restauras. -- Manuel a veces :) a veces :( pero siempre trabajando duro para Simplelógica: apariencia, experiencia y comunicación en la web. http://simplelogica.net # (+34) 985 22 12 65 ¡Ah! y escribiendo en Logicola: http://simplelogica.net/logicola/ ___ 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] centrar un div
Saludos. Acuerdate de volver a alinear el texto en ese div interno, porque si no heredará el alineamiento centrado de div contenedor. -- Juan G. Hurtado [ [EMAIL PROTECTED] ] [ http://armonia.spiral-static.org/ ] ___ 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] Comportamiento erróneo de background
Hola, en el siguiente código estoy intentando conseguir que el color #354b70 de divCabecera se extienda por todo su bloque pero no consigo que también coloree el fondo de divBarraNavegacion con ese color. No me funciona con ninguno de los navegadores. ¿me podéis dar alguna solución? body div id=divCabecera style=background-color:#354b70;margin:0; Hola, bienvenido usuario. div id=divBarraNavegacion map id=mapNavegacionTabs ul style=list-style:none;margin:0;padding:0; li id=actual style=background-color:#ff;float:left; a href=#Correo/a /li li style=background-color:#94aacd;float:left; a href=#Calendario/a /li /ul /map /div /div !-- Fin de divCabecera -- div id=Contenido ... /div /body Gracias _ Un amor, una aventura, compañía para un viaje. Regístrate gratis en MSN Amor Amistad. http://match.msn.es/match/mt.cfm?pg=channeltcid=162349 ___ 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] Comportamiento erróneo de background
Hola Jose Prueba a flotar el contenedor. los hijos flotan y salen del flujo de la página. Y busca en los archivos a vueltas con los div y los float Jose Rodríguez wrote: Hola, en el siguiente código estoy intentando conseguir que el color #354b70 de divCabecera se extienda por todo su bloque pero no consigo que también coloree el fondo de divBarraNavegacion con ese color. No me funciona con ninguno de los navegadores. ¿me podéis dar alguna solución? body div id=divCabecera style=background-color:#354b70;margin:0; Hola, bienvenido usuario. div id=divBarraNavegacion map id=mapNavegacionTabs ul style=list-style:none;margin:0;padding:0; li id=actual style=background-color:#ff;float:left; a href=#Correo/a /li li style=background-color:#94aacd;float:left; a href=#Calendario/a /li /ul /map /div /div !-- Fin de divCabecera -- div id=Contenido ... /div /body Gracias _ Un amor, una aventura, compañía para un viaje. Regístrate gratis en MSN Amor Amistad. http://match.msn.es/match/mt.cfm?pg=channeltcid=162349 ___ 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
[Ovillo] problema con floats en ie5 mac
Hola! tengo un problema con unas capas flotantes en el iexplorer 5 de mac os9: dentro de un contenedor van un submenú flotado a izqda y una capa de contenido con float:right; clear:none; pero en ie5-mac, hace que la capa de la derecha salte de línea... conocéis alguno la solución para esto? muchas gracias! la página está en: http://tinyurl.com/anzsl y el codigo: style type=text/css !-- #central{ margin: 32px 0px 0px 160px; padding: 0px; float: left; clear: both; display: inline; width:578px; background-color:red; } #submenu{ margin: 19px 0px 0px 0px; padding: 0px; border-top: solid 1px #AEBC87; list-style-type: none; float: left; width: 144px; background-color:blue; } #submenu li{ height: 25px; padding:0px; margin:0px; background: url(images/fondo_submenu.png) top left no-repeat; background-color:#FF00FF; } #contenido{ float:right; clear:none; margin:0px; padding:0px; width:416px; background-color:green; }-- /style /head body div id=central ul id=submenu liSubcategoria1/li liSubcategoria2/li liSubcategoria3/li liSubcategoria4/li /ul div id=contenido h1Titulo de Sección/h1 h2Título de Subsección h2/h2 h3Título de Subsección h3/h3 /div /div /body /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] Marcos con overflow: problema con barra scroll.
Hola, pon en el body, un margin:0;, bueno yo casi por constumbre mas que por necesidad pongo margin:0; y padding:0; Pd: si que tiene tráfico ovillo, yo hay semanas como la pasada que no puedo mirar esta cuenta y directamente borro mensages por falta de tiempo. On 07/Jun/2005 11:44:20, luis cruz salanova wrote: ola, el otro día hice esta misma consulta, pero como la lista tiene bastante tráfico y ha quedado un poco atrás ya me permito reproducirla de nuevo a ver si alguien sabe el origen del problema. Saludos. Intento reproducir la t#65533;pica estructura de marcos, algo muy simple, con un marco fijo a la izquierda que lleva un men#65533; y uno con scroll a la derecha para el texto. He utilizado este sencillo c#65533;digo siguiendo el ejemplo de Tierra de n#65533;madas: http://www.tierradenomadas.com/tw003.phtml#d body { overflow:auto; } div#Izquierda { position:absolute; top:0%; left:0; width:25%; height:100%; overflow:auto; } div#Derecha { position:absolute; top:0%; left:25%; width:75%; height:100%; overflow:auto; } El problema es que mientras que en Firefox el resultado es el esperado en Explorer hay una pega: aparece la barra de scroll desplazada hacia la izquierda del hueco donde debiera estar la barra de la p#65533;gina, lo que queda un poco feo. Lo que me extra#65533;a es que en el ejemplo de Tierra de N#65533;madas esto no suceda: http://www.tierradenomadas.com/tw003d.html Mi p#65533;gina se encuentra aqu#65533;: http://www.nodo50.org/eltransito/articulos/ Y una foto de como queda en Explorer por si alguno no lo tiene instalado: http://es.geocities.com/eltransito03/imagenes/scroll-explorer.jpg Gracias por anticipado. ___ 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] Abrir un sitio a pantalla completa
Pues podrías ir explicando tu método para que los demas hagamos nuestros experimentos :). Por otro lado, programador o diseñador, el trabajo (al menos en programación web) siempre esta orientado al usuario. Aunque el cliente se ponga tonto. On 6/6/05, Marlene [EMAIL PROTECTED] wrote: Amigo mio siento decepcionarte pero SI se puede hacer de hecho ya lo logre ahora solo tengo que ver como volver a poner los parametros originales sin necesidad de utilizar el window.close ya que este saca un cartel (que NO deseo que me salga sobre si deso cerrar la ventana o no?). Alguien sabe como elimino este cartel. Cuando complete toda la operacion les envio como resolvi el problema ok. Ah! por cierto yo soy programadora y no diseñadora. - Original Message - From: Fernando G.M. [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Monday, June 06, 2005 10:58 AM Subject: Re: [Ovillo] Abrir un sitio a pantalla completa No te gastes, no se puede hacer. Además, no debería ser competencia del diseñador decidir en qué forma se debe visualizar una página. Yo he intentado hacerlo para una aplicación de Intranet y terminé dejándolo por el mismo motivo que tu indicas: el navegador no es la aplicación. Aunque creo que en este caso habría estado justificado, ¿no?. No todo el desarrollo web que se hace es para 'la red más red'. Las pequeñitas tambien merecen su parte :) -- Fernando G.M. (ArchEnemy) http://bfg9000.com/archenemy/ ___ 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 -- Fernando G.M. (ArchEnemy) http://bfg9000.com/archenemy/ ___ 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] Abrir un sitio a pantalla completa
El problema esta que originalmente no explique que estaba hablando de una multimedia, pues a mi tampoco se me ocurriria crear un sitio web a pantalla completa e inhabilitarle a los usuarios la forma mas comoda para ellos de poder visualizar el mismo. A los interesados aqui les envio el codigo script LANGUAGE=JavaScript function CD() { pantallaCompleta('index.html'); cerrar(); } function pantallaCompleta(pantalla) { window.open(pantalla, '', 'fullscreen=yes, scrollbars=auto'); } function cerrar() { var ventana = window.self; ventana.opener = window.self; ventana.close(); } /script /head body onLoad=CD(); /body - Original Message - From: Fernando G.M. [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Tuesday, June 07, 2005 11:14 AM Subject: Re: [Ovillo] Abrir un sitio a pantalla completa Pues podrías ir explicando tu método para que los demas hagamos nuestros experimentos :). Por otro lado, programador o diseñador, el trabajo (al menos en programación web) siempre esta orientado al usuario. Aunque el cliente se ponga tonto. On 6/6/05, Marlene [EMAIL PROTECTED] wrote: Amigo mio siento decepcionarte pero SI se puede hacer de hecho ya lo logre ahora solo tengo que ver como volver a poner los parametros originales sin necesidad de utilizar el window.close ya que este saca un cartel (que NO deseo que me salga sobre si deso cerrar la ventana o no?). Alguien sabe como elimino este cartel. Cuando complete toda la operacion les envio como resolvi el problema ok. Ah! por cierto yo soy programadora y no diseñadora. - Original Message - From: Fernando G.M. [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Monday, June 06, 2005 10:58 AM Subject: Re: [Ovillo] Abrir un sitio a pantalla completa No te gastes, no se puede hacer. Además, no debería ser competencia del diseñador decidir en qué forma se debe visualizar una página. Yo he intentado hacerlo para una aplicación de Intranet y terminé dejándolo por el mismo motivo que tu indicas: el navegador no es la aplicación. Aunque creo que en este caso habría estado justificado, ¿no?. No todo el desarrollo web que se hace es para 'la red más red'. Las pequeñitas tambien merecen su parte :) -- Fernando G.M. (ArchEnemy) http://bfg9000.com/archenemy/ ___ 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 -- Fernando G.M. (ArchEnemy) http://bfg9000.com/archenemy/ ___ 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
[Ovillo] no carga el css la primera vez
El problema es que al cargar la página por primera vez (o habiendo borrado la caché), no carga la hoja de estilo, tienen idea que puede estar sucediendo? Mil gracias mauro ___ 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 carga el css la primera vez
On 6/7/05, mauro canziani [EMAIL PROTECTED] wrote: El problema es que al cargar la página por primera vez (o habiendo borrado la caché), no carga la hoja de estilo, tienen idea que puede estar sucediendo? El otro día me pasaba lo mismo con una web, cargaba la página y no mostraba correctamente la hoja de estilos, tenía que recargarla. Lo fuerte es que está en el mismo servidor que un montón de otras páginas, y todas las demás funcionan. La web en concreto (es lamentable, lo se, no me dejan hacer nada mejor :-/ ): http://www.golfislacanela.com/ -- Alejandro Lillo www.nordic-design.net ___ 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] varias capas con mismo id
Saludos. Échale un ojo a algún manual CSS, en concreto a los selectores. Te vendrán todos, por id, por class, por herencia, etc. En tu caso, la forma que pides es con el atributo class: XHTML -- div class=itempLorem ipsum dolor sit amet/p/div div class=itempLorem ipsum dolor sit amet/p/div div class=itempLorem ipsum dolor sit amet/p/div CSS -- div.item { propiedades;} -- Juan G. Hurtado [ [EMAIL PROTECTED] ] [ http://armonia.spiral-static.org/ ] ___ 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] varias capas con mismo id
Hola, sí, lo que tú quieres conseguir es sencillo. Cada capa debe tener su propio id (identificador) o no tener ninguno, no es imprescindible, pero todas pueden tener la misma clase (class) entonces puedes tener: div id=item1 class=rojo y div id=item2 class=rojo y en la css indicas los estilos de esa clase con un punto en vez de con #, así: .rojo {propiedades...} Saludos, Emmanuelle -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] nombre de bazofia1 Enviado el: martes, 07 de junio de 2005 22:24 Para: ovillo@lists.ovillo.org Asunto: [Ovillo] varias capas con mismo id Hola a todos! Estoy trabajando en una web con xhtml+css y al validar el código me ha dado un error. El error es que tengo varias capas con el mismo id, lo cual no está permitido. La idea era que si tenía varias capas, por ejemplo así: div id=item bla bla bla div/ div id=item ble ble ble div/ div id=item bli bli bli div/ poder tener el el css #item { propedades; } de modo que todas las capas cojan las mismas propiedades. Ahora bien, si quiero validar, tendría que llamar a cada item, de una manera distinta, y en ese caso duplicar el código en el css o bien indicar: #item1 #item2 #item3 { propiedades; } y nombrar a cada capa como item1, item2 e item3. La pregunta es: ¿Existe alguna forma de que varias capas con id's distintos cojan el mismo estilo? es decir, ¿existe alguna forma de indicar que item1, item2 e item3 son del TIPO item y luego en el css definir un estilo para item y que item1,2 y 3 lo hereden? 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://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] varias capas con mismo id
Deberías usar class en vez de id, no? en una página los id tienen que ser únicos. Si quieres que varios divs tengan el mismo estilo usa una clase y di que esos div son de esa clase. XHTML: div class=cuadro CSS: div.cuadro { lo que sea } - Original Message - From: bazofia1 [EMAIL PROTECTED] To: ovillo@lists.ovillo.org Sent: Tuesday, June 07, 2005 10:24 PM Subject: [Ovillo] varias capas con mismo id Hola a todos! Estoy trabajando en una web con xhtml+css y al validar el código me ha dado un error. El error es que tengo varias capas con el mismo id, lo cual no está permitido. La idea era que si tenía varias capas, por ejemplo así: div id=item bla bla bla div/ div id=item ble ble ble div/ div id=item bli bli bli div/ poder tener el el css #item { propedades; } de modo que todas las capas cojan las mismas propiedades. Ahora bien, si quiero validar, tendría que llamar a cada item, de una manera distinta, y en ese caso duplicar el código en el css o bien indicar: #item1 #item2 #item3 { propiedades; } y nombrar a cada capa como item1, item2 e item3. La pregunta es: ¿Existe alguna forma de que varias capas con id's distintos cojan el mismo estilo? es decir, ¿existe alguna forma de indicar que item1, item2 e item3 son del TIPO item y luego en el css definir un estilo para item y que item1,2 y 3 lo hereden? 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://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] varias capas con mismo id
Igor Ormaetxebarria wrote: Deberías usar class en vez de id, no? en una página los id tienen que ser únicos. Si quieres que varios divs tengan el mismo estilo usa una clase y di que esos div son de esa clase. XHTML: div class=cuadro CSS: div.cuadro { lo que sea } - Original Message - From: bazofia1 [EMAIL PROTECTED] To: ovillo@lists.ovillo.org Sent: Tuesday, June 07, 2005 10:24 PM Subject: [Ovillo] varias capas con mismo id Hola a todos! Estoy trabajando en una web con xhtml+css y al validar el código me ha dado un error. El error es que tengo varias capas con el mismo id, lo cual no está permitido. La idea era que si tenía varias capas, por ejemplo así: div id=item bla bla bla div/ div id=item ble ble ble div/ div id=item bli bli bli div/ poder tener el el css #item { propedades; } de modo que todas las capas cojan las mismas propiedades. Ahora bien, si quiero validar, tendría que llamar a cada item, de una manera distinta, y en ese caso duplicar el código en el css o bien indicar: #item1 #item2 #item3 { propiedades; } y nombrar a cada capa como item1, item2 e item3. La pregunta es: ¿Existe alguna forma de que varias capas con id's distintos cojan el mismo estilo? es decir, ¿existe alguna forma de indicar que item1, item2 e item3 son del TIPO item y luego en el css definir un estilo para item y que item1,2 y 3 lo hereden? 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://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 Ok! Es cierto, era más sencillo de lo que yo estaba intentando hacer, jeje. Gracias a todos! ;) ___ 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] cascading, no me entero
Bueno, vamos por partes, que es muy sencillo. Espero explicarme bien, que estoy medio dormido. En primer lugar, no tienes problemas con la cascada, tienes problemas para comprender la herencia. Son dos conceptos diferentes y que se suelen confundir a menudo. Cascada se refiere al orden de precedencia de las diferentes hojas de estilo que se le pueden aplicar a un documento html (hojas de estilo de la aplicación, del autor, o del usuario). Herencia es la forma en que las diferentes propiedades pasan de unos elementos a sus descendientes, que es lo que te da problemas en este caso. Con el selector .projects .items ul li{} estás definiendo los estilos para *todas* las li que estén dentro de cualquier elemento con clase items que a su vez esté dentro de un elemento clase projects. Por lo tanto, esos estilos afectan tanto a tu ul.paginator como a la que no tiene ninguna clase y están dentro del div con class item Luego dices que donde hay conflicto entre las reglas definidas en ul.paginator li{} y .projects .items ul li{} prevalecen los que defines en ésta última. Eso se debe a que este último selector tiene mayor especificidad que el primero. Esto que suena tan raro significa que con un selector te estás refiriendo a uno o varios elementos, y puedes ser más genérico o más específico. Por ejemplo, si defines reglas para ul (ul{color:red]) estás refiriéndote a todas las ul en cualquier situación, mientras que si defines #abuelito #dime #tu ul{color blue} te estás refiriendo a unas ul en unas circunstancias mucho más determinadas (que descienda de un elemento #tu, descendiente de otro elemento con id dime, que a su vez descienda de #abuelito). En este caso, es lógico que para una lista que cumpla estos requisitos, si hay conflicto, se apliquen los estilos que *más específicamente* se han definido para ella y no los que se han definido para todas en general. Si quieres saber más sobre cómo se calcula la especificidad de selectores, puedes echarle un ojo al punto 6.4.3. de la especificación de css [1]. Y en cualquier caso, te recomiendo el selectutorial [2]. Y para traducir al castellano cualquier selector de css, prueba el selecoracle [3]. No lo he probado mucho, pero creo que está chulo. [1] http://www.sidar.org/recur/desdi/traduc/es/css/cascade.html#specificity [2] http://css.maxdesign.com.au/selectutorial/ [3] http://gallery.theopalgroup.com/selectoracle/ Espero haber ayudado :-) saludos El problema es que tengo dos listas ul dentro de un div, la primera tiene un class=paginator, y la segunda no tiene class. Al aplicar estilos al primer ul ( ul.paginator ) me los coge, pero tambien me coge los aplicados a los ul sin clase ( .projects .items ul ) En concreto, en el codigo de abajo, lo que yo quiero aplicar en: ul.paginator { } ul.paginator li { } si se aplica, pero tambien se aplica lo de: .projects .items ul { } .projects .items ul li { } y en los estilos: ul.paginator { margin-bottom: 10px; border-left: 0px solid #000;} ul.paginator li { padding: 0 5px 0 0; } prevalecen los anteriores. he puesto el ul paginator repetido, uno dentro y otro fuera, para ver la diferencia (lo que quiero es que dentro salga lo que sale fuera de los divs) Gracias por vuestro tiempo y un saludo, Edu / Este es el codigo: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd; html xmlns=http://www.w3.org/1999/xhtml; xml:lang=en lang=en head title/title style type=text/css /*![CDATA[*/ .projects .items ul { border-left: 6px solid #FF7946; list-style: none; margin: 0; padding: 0; list-style: none; } .projects .items ul li{ margin: 0 0 4px 0; padding: 5px; background-color: #eee; border-bottom: 1px solid #D6D6D6; overflow: hidden; } /* PAGINATOR */ ul.paginator { margin-bottom: 10px; border-left: 0px solid #000; } ul.paginator li { display: inline; padding: 0 5px 0 0; margin:0; border-bottom: 1px solid #444; background-color:#eee; } ul.paginator li.selected { background-color:#fff; border: 1px solid #444; border-width: 1px 1px 0 1px; } /*]]*/ /style /head body ul class='paginator' li class='selected'1/li lia href='pag=2'2/a/li lia href='pag=3'3/a/li /ul div class=projects div class=items ul class='paginator' li class='selected'1/li lia href='pag=2'2/a/li lia href='pag=3'3/a/li /ul ul liproyecto 1/li liproyecto 2/li liproyecto 3/li liProyecto 4/li /ul /div /div /body /html -- Ramón demasiado viejo para ser una joven promesa, demasiado joven para ser una vieja gloria, pero aún así trabajando duro para Simplelógica: apariencia, experiencia y comunicación en la web http://simplelogica.net # (+34) 98 522 12 65 http://simplelogica.net/caoticoneutral/ ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes
RE: [Ovillo] El lado oscuro de las CSS
¡Madre mía! ¡Qué salvajada! - Alex - --- Manuel González Noriega [EMAIL PROTECTED] escribió: Yoda dice: usar css para spamear buscadores no debes tú. http://www.servushotel.com/ Pista para jovenes Jedi: desactivar las hojas de estilo. -- Manuel a veces :) a veces :( pero siempre trabajando duro para Simplelógica: apariencia, experiencia y comunicación en la web. http://simplelogica.net # (+34) 985 22 12 65 ¡Ah! y escribiendo en Logicola: http://simplelogica.net/logicola/ ___ 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 __ Renovamos el Correo Yahoo! Nuevos servicios, más seguridad http://correo.yahoo.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] El lado oscuro de las CSS
-BEGIN PGP SIGNED MESSAGE- Hash: SHA1 Alejandro Cuesta wrote: ¡Madre mía! ¡Qué salvajada! No he podido resistirme: Un buen ejemplo de no entender las CSS http://www.torresburriel.com/weblog/index.php?p=564 ;-) - -- /* Daniel Torres Burriel - www.torresburriel.com /* Web design - Usability consulting - IT Press /* More info bio: www.torresburriel.com/perfil/ /* GPG key: 0x43DB2AB7 -BEGIN PGP SIGNATURE- Version: GnuPG v1.4.1 (MingW32) Comment: Using GnuPG with Thunderbird - http://enigmail.mozdev.org iD8DBQFCpheGLelthkPbKrcRAlFEAJ9oadgluecQ4WHSszmfE7Yc4I2CSQCgx/4y aC8LD09bBNvnt8BLJ+jKatk= =vnHM -END PGP SIGNATURE- ___ 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