[Ovillo] Oferta de empleo en Simplelógica
Hola a todos En Simplelógica estamos buscando un/a maquetador/a web para trabajar en nuestra oficina de Oviedo (Asturias). La persona que buscamos debe tener unos buenos conocimientos de (x)HTML, CSS y estándares web, y valoraremos que tenga conocimientos de JS. No utilizarás un editor WYSIWYG, así que deberás sentirte muy cómodo escribiendo tu código a mano. También valoraremos muy favorablemente que tengas cierta familiaridad, o que al menos no te asuste trabajar con lenguajes de programación (PHP e, idealmente, RoR). No esperamos que sepas programar, pero sí nos gustaría que fueras capaz de integrar o participar en la integración de las maquetas con la aplicación, o que estés dispuesto a aprender. Por encima de estas cosas, le daremos mucha importancia a que tengas capacidad y motivación para aprender cosas nuevas. Si te atrae la idea de trabajar en un entorno agradable y con unos compañeros Extremadamente Simpáticos™, ponte en contacto con nosotros. Pido disculpas por el offtopic. En cualquier caso, por favor, los interesados contestad a mi correo, y no a la lista. Un saludo 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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Problemas con IE5.0
2008/8/11 Carlos Marrero [EMAIL PROTECTED]: ¿ Qué estrategia usais a la hora de aplicar estilos crossbowser a las versiones de IE más importantes ? Fundamentalmente, no considerar IE5.0 una versión de IE importante. Si no te queda más remedio que soportar IE5.0 (hay que tener en cuenta que hay sitios donde ya se están planteando dejar de soportar IE6), y en general para trabajar con IE, yo te recomendaría que dejaras de usar hacks y comenzaras a utilizar comentarios condicionales. Saludos -- 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 modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] div principal pegado al pie de pagina
Hola Quasi escribió: mi idea es que el fondo de la web tenga en su parte superior (top) 400 pixeles veritcales de un cielo (1*400). A continuación incluir una caja div (#main) que alberge el contenido, pero esta debe estar siempre pegada al borde inferior de la pantalla. Cuanta menos resolucion tenga la pantalla esta caja mas bajará y por tanto dejara ver mas cielo del body. No se si os haceis a la idea jejejeje, pero creo que esta es la forma mas correcta de hacerlo... sin intentar crear otro div para el cielo, y romper mucho la semantica... Pero no hay forma de que el #main se pegue al borde inferior, el position relative trabaja bien con top y left, pero con bottom ni caso :S m no sé si te entiendo. Quieres que siempre exista un espacio de 400px encima del div#main, que a su vez quieres que esté siempre pegado a la parte inferior de la pantalla. El problema entonces es que son dos cosas que entran en conflicto. Pongamos que la resolución a la que trabaja el usuario nos deja 600px de alto, si tenemos un espacio de 400px, la caja sólo podría tener 200px de alto. Si tiene más y está pegada al borde inferior, el espacio que quedará encima de ella se deberá reducir. Y si tiene menos y está pegada al borde inferior, el espacio superior no será de 400px , sino mayor. Lo dicho, creo que no he entendido bien lo que quieres hacer. -- 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 modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] div principal pegado al pie de pagina
Quasi escribió: si que quiero que el main este pegado siempre abajo, el tamaño del main es uno en concreto como minimo, pero los 400pix claramente se verán en funcion del fixed del main y la resolucion de la pantalla, cuanta mas resolucion mas cielo (mas pix), y cuanta menos, menos cielo habrá, lo contrario a lo que pensabas. Siento el enrevesamiento jejeje. Es mas lioso de lo que realmente es. entonces, tal como lo explicas... no sería suficiente el position:absolute; bottom:0 para el div#main?? -- 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 modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] div principal pegado al pie de pagina
Quasi escribió: Eso creia yo, pero en IE jejejeje es una risa. No funciona, y estoy mirando alternativas pero... un engorro y volvemos a lo de siempre, para estandarizar tienes que meter mil hacks y royos que en realdiad lo alejan de lo realmente bueno. m... puede que me equivoque, pero explorer no te debería dar demasiados quebraderos de cabeza con position:absolute. Qué es lo que hace exactamente? Si pudieras poner una url o similar estaría bien. saludos -- 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 modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] div principal pegado al pie de pagina
Quasi escribió: Ahi va http://fitastur.com/ovillo/pag/inicio.php Gracias por la colaboración. prueba a darle un left:0 a #main -- 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 modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] una de selectores
a href=# title= class=downloaddocumento/a pa href=# title= class=downloaddocumento/a/p ¿Por qué el estilo .download, en el segundo caso, no se renderiza? En su lugar se usa la definición de la etiqueta a. Si el segundo párrafo está dentro del elemento #content, te estará aplicando las propiedades que defines en el selector #content p a:visited porque es más específico que .download:visited En ese caso podrías añadir un selector más: #content p a.download:visited -- 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 modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] problema con líneas en dos columnas
Hola
Núria Ramoneda escribió:
Bien, si mirais la página que estoy construyendo, vereis que no me alinea
bien las horas de la columna izquierda con los textos de la derecha. Empieza
bien, pero cuanto más texto hay a la derecha, más se desplazan hacia abajo
las líneas de las horas.
... yo en un caso como este, lo marcaría con una lista de definición.
Las horas serían los dt's y los actos los dd's. Podrías definir la altura y
anchura de los dt's (horas) y a continuación, jugar con los márgenes de los
dd's para colocarlos adecuadamente. Sería algo así:
dt{
width:100px;
height:20px;
}
dd{
background:blue;
margin: -20px 0 0 100px;
}
No sé si te servirá
--
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 modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] problema con líneas en dos columnas
Creo que en este caso te vendria mejor usar una lista sin ordenar, de esta manera puedes tener dos span, uno con la hora y otro con la descripcion, y de esta manera podrias tenerlo todo bien alineado. Ademas resulta mas semantico que tener dos columnas independientes, una con las horas y la otra con las descripcciones. Acabas de explicar lo que es una lista de definición. ¿Por qué utilizar una ul con spans cuando tenemos un hermoso elemento dl que está pensado para esto? ;) saludos -- 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 modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] problema con líneas en dos columnas
jeje... es que me sonaba complicado lo de la ul con spans, nada más :) saludos -- 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 modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] problemas con float y firefox
Raidel, si no recuerdo mal, ovillo no permite el envío de adjuntos. Sube el ejemplo a algún sitio y danos la url para echarle un vistazo :) saludos -- 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 modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] alguien va al @media 2006?
Alvaro Isorna escribió: saludetes, tengo que planificar viaje y alojamiento para @media 2006, y quería preguntar a la lista si algun@ se apunta a ir, por si existe la posibilidad de coincidir (y/o buscar alojamiento cercano) Tú lo que quieres es que nos muramos de envidia, mala persona :P Nah, 395 libras + impuestos (que traducidas a reales de vellón, o en su defecto euros, calculo que andarán por 600 eurillos), más viaje a londres, alojamiento, gastos... creo que sería un exceso para mi economía. Disfruta tú que puedes ;) -- 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 modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Sobre codificacion
Paula Portilla - Punto y Pixel escribió: Yo pensaba lo que dice DJ-Dom arriba, que podía escribir tranquilamente oración, así tal cual, peor me encuentro que para que me lo vea correcto el firefox debo escribir: oración ¿Tengo que escribir todos mis textos así o es que estoy haciendo algo mal? Además de poner el meta adecuado, he comprobado que mi instalación de apache tenga UTF-8, y he leído que en firefox, mirando la información de página también te dice como se ha servido, y siempre me dice que es UTF-8. Comprueba que estés guardando el html como utf8. Quizá sea eso :) -- 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 modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Problema con imagenes flotando
Javier Arce escribió: Hola, tengo una pequeña duda que me atenaza ;) Cuando coloco una imagen flotando a izquierda o derecha, sucede que el contenido que viene justo bajo esa imagen flotada se descuadra. ¿Alguien sabe por qué sucede eso? He colocado un ejemplo muy sencillito en: http://www.barbastro.unedaragon.org/pruebasJulio/imgFlotantes.htm ¿A qué te refieres con que se descuadra? Yo tampoco veo que esté haciendo nada raro, no? -- 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 modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] el porque del demonio...
CURRO escribió: Internet es algo vivo, con una enorme comunidad de desarrolladores, diseñadores, etc... y el mismo número de clientes en el otro lado. Y un montón de usuarios, que te los estás olvidando. Llevo años en esta profesión, y jamás me han pedido un sitio web accesible, ni con las normas de la W3C. A mi tampoco. No veo que me lo tengan que pedir para que yo intente hacerlo. Entra dentro de lo que considero mi profesión y, por tanto, dentro de mis limitaciones, intento hacerlo. He hecho páginas en xml, html, dhtml, flash, asp, jsp... y todo flash... Y nunca he tenido problemas de visualización, y menos los clientes. Al revés, quedan satisfechos. No lo dudo. Lo que dudo es que la satisfacción del cliente sea la mejor unidad de medida sobre la calidad de una web. Lo que se dice abajo es correcto, pero basándome en mi única experiencia nunca he tenido un solo problema. Si todo funciona bien fuera de los estándares ¿qué problema hay? ¿Qué más da? El problema es que no funciona bien. Si consideras que con que el cliente quede satisfecho funciona bien, entonces sí. Pero si tienes unos criterios de calidad un poco más objetivos, desde luego fuera de los estándares no funciona bien. Es parecido a la época en que los gurus de la usabilidad nos aconsejaban aquellos maravillosos consejos con los que nuestras páginas web eran una autentica castaña, con perdón, ni esto, ni lo otro, ni aquello y lo de allá tampoco. Vamos, de una escasez pasmosa... Como se ha dicho aquí en la ofi al leer tu frase: menos mal que ha pasado esa época en la que estaba de moda toda esa patraña de la usabilidad, eh? ;) Los estándares de la W3c me parecen bien, oportunos, necesarios, pero imponerse limitaciones y repudiar el resto me parece una actitud intransigente, cuando los desarrolladores de software son los primeros que se las saltan. Es como la real academia de la lengua. Existe, está ahí, vela por las normas, pero después cada uno habla según dios y sus circunstancias le dieron a entender... Lo que según tú es indiscutiblemente bueno porque termina el razonamiento, por favor :) Saludos a todos -- 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 modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Se rompe layoutt al meter contenido
luis cruz salanova escribió: Hola amigos, a ver si me podéis ayudar con una maquetación que me está dando un poquillo la lata: En esta dirección tenemos más o menos lo que quiero: http://www.paspespuyas.info/pruebas/prueba2.htm Y a continuación lo que pasa si introduzco contenido en la columna central. http://www.paspespuyas.info/pruebas/prueba3.htm ¿A alguien se le ocurre el motivo? Hola. El espacio en blanco te lo está generando el margen por defecto del párrafo que tienes dentro del contenido. Artículo interesante sobre esto del señor Meyer: http://www.complexspiral.com/publications/uncollapsing-margins/ Las soluciones, hablando de memoria: o le das algo de padding al cuerpo, o un borde. saludos -- 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 modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] problema con la altura de una capa
Hola. En el capítulo de hoy de pregúntame lo que quieras, que te responderé
lo que me dé la gana...
Gema Masegosa escribió:
#wrap #content
{
width: 672px;
/* background-color: #EEFAFD; */
margin-bottom: 100%;
margin-left: 60px;
height: 100%;
}
Así le dices que la capa content está dentro de la wrap de manera que tendrá
quue repetirse la imagen de fondo.
No, con #wrap #content no indicas dónde está #content de forma que se
aplique o se deje de aplicar la imagen de fondo (que de hecho es la imagen
de fondo de #wrap). La única diferencia entre utilizar #wrap #content o
simplemente #content es que en el primer caso estamos definiendo las
propiedades para #content siempre que esté dentro del elemento #wrap.
No sé si me he explicado, pero en este caso en concreto, da exactamente lo
mismo que pongas un selector que otro :)
Para David, lo que te está pasando es algo muy común. #content no está
abarcando todo su contenido porque los elementos #izquierda, #central y
#derecha están flotados. Se ha tratado más veces en esta lista, las
soluciones (explicadas muy rápido, lo siento) básicamente son:
a) Aprovechar un elemento que tengas dentro de #content, después de los tres
elementos flotados (pie de página o similar) y aplicarle un clear:both.
Entonces #content se estirará para abarcarlo. Opcionalmente podrías poner un
elemento vacío, y aplicarle esa regla, pero está muy mal visto y los dioses
de los estándares no te serán propicios, y además te quedarás ciego.
b) Utilizar #content:after. Añades un contenido mediante css, por ejemplo un
punto, o lo que sea (content:.). Le das display:block, y básicamente
tienes lo mismo que en el punto anterior, un elemento que puedes usar para
aclarar los flotantes y que #content se estire para abarcarlo. Explorer no
interpretará esto, pero creo que en este caso puedes pasar, porque IE ya
está abarcando todo el contenido, al tener un width determinado #content.
c) Darle a #content un overflow:auto. Dependiendo de las circunstancias,
podría darte algún problemilla, haciendo que aparezcan barras de scroll. Más
información sobre este método aquí :
http://www.mezzoblue.com/archives/2005/03/03/clearance/
Espero que te sirva de algo.
saludos
--
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 modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] scroll virtual
Silvia Arcos escribió: Tengo que maquetar una web con el diseño definido por otra empresa, en ese diseño han metido un scroll en un cachito de la pagina, para verla: http://www.imgeniovisual.com/, en el apartado realizacion de eventos. Mi duda es si hay alguna manera de sacar algo parecido en css, sin el scroll por defecto (overflow : scroll; )... :P Pues únicamente con Javascript. Aparte de lo que te ha dicho Rafa, échale un vistacillo al scroll de youngpup.net a ver si te sirve http://webapp.youngpup.net/?request=%09%09%09/components/ypSimpleScroll.xmlxpath=/project/documentation -- 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 modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Reemplazo de texto con imágenes (er a: Re: [Ovillo] Correcto uso de H1)
A las buenas Daniel Torres Burriel escribió: El 20/01/2006, a las 10:14, José Montes Cuadrado escribió: Hola de nuevo. Como no quedaba conforme con ninguna solución, seguí investigando, y creo que he dado con la solución óptima. Yo no quiero que el encabezado H1 se vea en la página cuando estén activos los estilos, pero sí cuando no estén activos. La página dispone de un div en la parte superior que tiene una imagen de fondo controlada con CSS: Nosotros en el curro lo implementamos como se ve en http://www.cartv.es Hasta que Jorge Rumoroso venga para reñirme, aporto mi minúsculo grano de arena a la discusión. Si estamos hablando de técnicas de reemplazo de texto con imágenes, hay básicamente 3 soluciones: Meter el texto del encabezado en un elemento (normalmente span) que ocultamos con visibility:hidden, como se hace en la web que dice Dani. Problema: la css oculta siempre el texto. Si deshabilitamos las imágenes por cualquier motivo no tenemos ni texto ni imágenes. Utilizamos un text-indent negativo de un valor muy alto para mover el texto fuera del elemento. Tenemos el mismo problema de antes, con CSS + imágenes deshabilitadas, no vemos nada. Añadir al encabezado en cuestión otro elemento o pseudo-elemento que colocamos encima de éste con css (márgenes negativos, position absolute... lo que sea), y en el que colocamos como imagen de fondo el rótulo que queremos mostrar, de forma que al estar por encima del texto lo oculta. De esta manera el texto está presente siempre. Si hay css con imágenes deshabilitadas, al no haber imagen, se ve el texto. Para mi, esta es la mejor solución, ya sea poniendo el elemento extra en el código, que queda no muy elegante: h1Texto de encabezadospan/span/h1 O utilizando h1:after, que es infinitamente más elegante. Claro que IE no lo soporta, y hay que hacer un hack bastante antiestético [1] Pero vaya, es algo de lo que se ha hablado cienes de veces en esta lista. saludos [1] http://fecklessmind.com/main/5/definitive-solution-to-image-replacement -- 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 modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: Reemplazo de texto con imágenes ( era: Re: [Ovillo] Correcto uso de H1)
Carlos Revillo escribió:
el :after en IE si le das un ancho al alemento en cuestión... no se si te
servirá para lo que pretendes hacer, pero cuando yo he querido aplicar
:alter he hecho algo como
#capa {... ; width:{ancho}}
#capa:after{bla bla}
Ese ancho lo especificas bien en px o en %. Incluso en em. No me acuerdo si
también funciona si pones width:auto.
Eso sí, por más q lo intenté, jamás lo hice funcionar en ie5 para mac...
Carlos, IE no soporta el uso del pseudoelemento :after. Si me dices que lo
has usado en algún sitio y has conseguido que IE lo interprete
correctamente, da más datos, porque sería la primera noticia que tengo de
tal cosa.
Lo que dices de que funciona dándole ancho al elemento en cuestión, creo que
puede que te estés confundiendo por una cosa. A veces se usa :after para que
un elemento contenga a sus flotantes, metiendo un contenido en after y
dándole clear:both. Este sistema no funciona en IE porque, como te digo, no
soporta el pseudoelemento :after. El caso es que en explorer, si un elemento
tiene unas dimensiones definidas, por ejemplo un width, entonces
automáticamente contiene a sus elementos hijos flotantes. Puede que alguna
vez te pasara eso y pensaras que lo que hacía entonces era interpretarte el
:after.
Saludos
--
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 modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
Re: Reemplazo de texto con imágenes ( era: Re: [Ovillo] Correcto uso de H1)
Martin Szyszlican escribió: Ramón escribió: h1Texto de encabezadospan/span/h1 O utilizando h1:after, que es infinitamente más elegante. Claro que IE no lo soporta, y hay que hacer un hack bastante antiestético [1] Pero esto me genera una duda, Cómo estamos seguros del ancho del texto dentro del h1 como para darle margin-left negativo al span? eh? En el caso del span, lo normal sería trabajar con posicionamiento absoluto. Convertiríamos el h1 en el bloque de contención del span dándole un position:relative, luego al span le daríamos un display:block, y fijaríamos su posición con respecto al h1 (top:0; left:0). Básicamente sería eso. Disculpa que no te facilite una url en donde se explique más detenidamente el tema, pero ahora mismo no tengo tiempo :( saludos -- 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 modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: Reemplazo de texto con imágenes ( era: Re: [Ovillo] Correcto uso de H1)
Daniel Torres Burriel escribió (Fri, 20 Jan 2006 18:45:48 +0100): Ramon Pravia wrote: Meter el texto del encabezado en un elemento (normalmente span) que ocultamos con visibility:hidden, como se hace en la web que dice Dani. Problema: la css oculta siempre el texto. Si deshabilitamos las imágenes por cualquier motivo no tenemos ni texto ni imágenes. Pero cuidado. Si navegamos sin imágenes siempre tendremos el valor del texto alternativo. sólo en el caso de que las hayamos insertado con la etiqueta img. Si la hemos puesto como imagen de fondo con css, no hay ningún texto alternativo. :) -- 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 modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] ie 7 y star html
La verdad es que no entiendo el tono de tu mensaje, David. Aparte de eso, arriesgándome a equivocarme, todo lo que sean correcciones de bugs en IE7 me parece que es una buena noticia para los desarrolladores. Hablamos de que IE7 ignorará un selector que versiones antiguas estaban interpretando. Bien. Evidentemente IE6 lo seguirá interpretando, por lo que las propiedades que se hayan declarado utilizando ese hack seguirán cumpliendo una función para ese navegador. Si las declaraciones que hacías en ese selector para IE no son aplicables a IE7, porque ese bug que solucionabas en ellas se ha corregido, estupendo. Si no, pues tendrás que volverlo a declarar para IE7 de una forma que éste entienda... evidentemente la mejor son los comentarios condicionales. Aunque hubieras usado comentarios condicionales, estoy por decirte que seguro que algo tendrías que tocar igualmente. Personalmente, nunca me he opuesto a los comentarios condicionales, y me resulta extraña la expresión que usas de los que en su día fuisteis detractores de los comentarios condicionales, porque me parece surrealista pensar en alguien que sea detractor de los comentarios condicionales, o los float, o el text-align center, la verdad. Todo lo más, habrá gente que los use y gente que no, pero tal como entiendo tu mail, parece que estás enfadado con alguien porque te haya impedido usarlos a ti ;) Por lo demás, supongo que viviré en un mundo de luz y color, ajeno a los terribles males que nos traerá IE7 a todos los desarrolladores web, y que me daré cuenta de lo equivocado que estaba cuando vea aparecer a los 4 jinetes del apocalipsis, porque yo por ahora veo mucho más lógico alegrarse de que IE7 interprete correctamente un selector que decir que deja de interpretar un hack. saludos -- 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 modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Problema con IE y orden de las clases en archivo CSS
Hola Bernat
Bernat Lleonart escribió (Tue, 3 Jan 2006 12:25:09 +0100):
CSS:
#fotosup.foto1 {
background-image: url(imatges/superior-grup.jpg); }
#fotosup.foto2 {
background-image: url(imatges/superior-activitats.jpg); }
#fotosup.foto3 {
background-image: url(imatges/superior-peses.jpg); }
Creo que no tiene que ver con el problema de explorer, pero no estás
utilizando bien id's y clases, de hecho las estás empleando al revés.
fotosup debería ser la clase, porque es la que aplicas a todos los
elementos, es decir, todos los elementos son del tipo (de la clase) fotosup,
y luego cada uno de ellos tiene su propia identidad (foto1, foto2, foto3).
Después, estás empleando un selector #fotosup.foto1 en el que dices que el
elemento tiene que tener la id fotosup y la clase foto1. No sé si explorer
puede estar haciéndose algo de lío con este selector, que por otra parte no
es demasiado habitual y no sé hasta qué punto es recomendable. Además
seguramente no será necesario, sobre todo si asignas bien tus id's y tus
clases, porque si a cada elemento le das una id única, para identificarlo en
el selector no necesitarías más que referirte a su id, sin preocuparte de la
clase.
Saludos
--
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 modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Problema con IE y orden de las clases en archivo CSS
Bernat Lleonart escribió (Tue, 3 Jan 2006 13:44:20 +0100):
2006/1/3, Ramon Pravia [EMAIL PROTECTED]:
Creo que no tiene que ver con el problema de explorer, pero no
estás utilizando bien id's y clases, de hecho las estás empleando
al revés. fotosup debería ser la clase, porque es la que aplicas
a todos los elementos, es decir, todos los elementos son del tipo
(de la clase) fotosup, y luego cada uno de ellos tiene su propia
identidad (foto1, foto2, foto3).
Estoy utilizando el id fotosup para una cabecera que aparece una
sola vez en cada página, y aparte de la imagen de fondo, tiene otra
serie de propiedades, comunes a todas las páginas. La imagen de
fondo de este id quiero que sea diferente en cada página, por eso
la quiero cambiar mediante la clase que asigno al div.
Hola de nuevo.
De acuerdo, no había entendido bien cómo lo estabas haciendo, disculpa. En
cualquier caso, si quieres cambiar la imagen de fondo para la cabecera en
cada página, yo optaría por darle una id o una clase al body, de forma que
la css te quedaría así:
#fotosup{
/* propiedades comunes */
}
body#seccion1 #fotosup{
background-image:url(imagen1.jpg);
}
body#seccion2 #fotosup{
background-image:url(imagen2.jpg);
}
Eso es como yo lo haría, lo que no significa que sea lo mejor ;) La otra
opción es hacer lo que te decía, todas las cabeceras tendrían la clase
fotosup, donde tendrían todas las propiedades comunes, y luego cada una de
ellas su id, de manera que la imagen de fondo la podrías definir para cada
una de las id, sin necesidad de reescribir las reglas comunes para cada una
de ellas. El html te quedaría:
div class=fotosup id=foto1
y la css así:
.fotosup{
/* propiedades comunes */
}
#foto1{
background-image:url(imagen1.jpg);
}
#foto2{
background-image:url(imagen2.jpg);
}
Todo esto te lo digo porque es más correcto utilizar una clase para definir
las propiedades comunes a varios elementos y una id para las propiedades más
específicas de un elemento. En este caso el elemento es siempre el mismo,
sólo que en distintos contextos, por eso me parecería más coherente la
primera opción.
Sobre el uso de un selector como el que tú empleas, no sé si será
incorrecto, ya te digo que no suele ser habitual (personalmente no lo he
utilizado nunca), y no sé si podría dar problemas. El caso es que es un tipo
de selector del que no he encontrado mucha documentación, he echado un
vistacillo a la especificación a ver si se me había pasado por alto y no lo
he visto... no sé. Si alguien tiene más información, que lo diga :)
Saludos ;)
--
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 modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Problema con IE y orden de las clases en archivo CSS
Maikel Naigt escribió (Tue, 3 Jan 2006 16:54:23 +0100):
/* Este ID llevará los valores comunes del ID #fotosup */ #fotosup
{ height: 400px; }
/* Estos patrones serán los que cambiarán la imagen de fondo */ /*
ATENCION, EL ORDEN DEBE SER COMO VIENE AQUÍ */
#fotosup.foto1 { background-image: url(imatges/superior-grup.jpg);
} #fotosup.foto2 { background-image: url(imatges/superior-
activitats.jpg); } #fotosup.foto3 { background-image:
url(imatges/superior-peses.jpg); }
...y este el código que debe salir para cada foto. Advierte el
orden en que pongo las clases múltiples porque por obligación tiene
que estar así para que funcione como esperas. Digamos que me he
puesto a investigar y he conseguido sacar algo en claro, pero no
tengo tiempo ni ganas en este momento para averigüar el por qué
exacto (siempre puedes rellenar un momento de ocio con este
pasatiempo ;) ) Por supuesto, tal y como pongo más arriba, el orden
del código CSS también tiene que serguir ese orden.
FOTO 1
div id=fotosup class=foto1/div
FOTO 2
div id=fotosup class=foto1 foto2/div
FOTO 3
div id=fotosup class=foto1 foto2 foto3/div
Buff... esto sí que no me gusta en absoluto, lo siento.
Estás asignando 3 clases totalmente equivalentes a un elemento, de manera
que la última declarada en la cascada es la que prevalece. ¿No sería
complicarse mucho más de lo necesario?
saludos
--
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 modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] disposición en tres columnas
Hola Pablo.
Pablo Rodríguez escribió (Mon, 02 Jan 2006 20:03:10 +0100):
.inicio {
background-color: #d6e0eb;
border: thin solid #336699;
left: 0%;
margin-left: 55%;
margin-right: 5%;
font-weight: bold;
text-align: center;
color: #cc3300;
}
.prcol {
float: left;
margin-left: 0%;
margin-right: 25%;
text-align: center;
}
.sgcol {
float: left;
left: 0%;
margin-left: 25%;
margin-right: 50%;
text-align: center;
}
Creo que tenemos un pequeño lío con los float, los margin y alguna cosilla
más ;-)
En primer lugar, si tienes 3 columnas que sabes que serán de 25%, 25% y 50%,
te recomendaría que fijaras el ancho de cada una de ellas mediante width,
que además es más que aconsejable siempre que trabajes con elementos
flotados. A continuación, flótalos todos ellos a la izquierda, y verás cómo
se sitúan uno al lado del otro. Fíjate que no tengas márgenes horizontales
entre ellos, porque si no, el reparto de 25, 25 y 50% no cabrá en el
contenedor. Si quieres dejar espacio entre las 3 columnas, deberías reducir
la anchura de las mismas :-)
Espero que te ayude.
Saludos
--
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 modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] li´s flotantes en firefox
Vale, ya lo entiendo, despues de tanta putadilla al css no me estaba enterando, el problema está en que Mozilla a los li les mete un estilo interno: -moz-float-edge: margin-box; Mientras que los div tiene: -moz-float-edge: content-box; Si añades está última regla a los li verás que se comporta de la misma forma. Y con esto sólo espero que Pascal nos cuente si es un bug o una feature ;-) Anda! pues ya he aprendido algo nuevo. Muchas gracias por la información privilegiada ;-) Saludos -- 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 modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
RE: [Ovillo] li´s flotantes en firefox
Efectivamente, parece que pasa algo raro. Supongo que es por culpa del display list-item de los elementos de lista, pero ni siquiera cambiándolo a block lo he solucionado. Si quieres, puedes hacer una prueba: si cambias los li por divs verás en firefox cual es el comportamiento correcto con un elemento flotante. Y verás que Explorer lo incumple, y muestra todo tal y como lo hace actualmente. Así que viendo esa prueba, yo diría que el lío que se está haciendo Firefox es, como te he dicho, por el display de los li. De todas maneras, no veo que explorer esté interpretando bien el margin-left. De hecho, no hace nada con él y si lo quitas sigue igual. Si lo que quieres es separar los dos li, yo probaría a dar margen por la derecha al primero. ¿Cómo lo ves? Saludos -- 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 modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] li´s flotantes en firefox
stripTM escribió (Wed, 28 Dec 2005 20:12:27 +0100): Ya pero el Mozilla ve el display: inline y lo aplica con lo cual tiene que corregir alguno de los fallos. M, no. Corrígeme si me equivoco, pero si un elemento tiene display inline y está flotado, automáticamente el valor computado para display es block. Al menos eso me dice la experiencia, la especificación y el dom inspector, que me muestra que al primer li se le aplica display block. Si quitas el float sí aplicará el display inline, pero mientras sea un elemento flotado, será una caja de bloque. De hecho, aunque le eliminaras el display:inline y el position:relative al primer elemento de lista, ves que el segundo (que no está flotado) no se comporta como debería, sino que se coloca a su derecha, como si estuviera flotado también. No es que flote a la derecha, es que tiene un margin-left:377px; No he dicho que flote a la derecha, digo que se comporta como si estuviera flotado, concretamente como si estuviera flotado a la izquierda. Si el primer elemento está flotado y el segundo no, el borde izquierdo de ambos debería estar a la misma altura. El margin-left de 377px del segundo elemento, por tanto, debería contarse desde el borde izquierdo de su contenedor. Pues bien, firefox lo que está haciendo aquí es colocar el segundo elemento *que no está flotado* a la derecha del primero (como si estuviera flotado), y una vez allí, le aplica el margin por la izquierda. Realmente, hasta donde yo sé, no veo muy lógico este comportamiento de firefox, pero seguramente se me está escapando algo, no sé... Mira a ver si se trata de ese margen. No, evidentemente, si quitas ese margen, logramos lo que Daniel (supongo) quería lograr inicialmente. El problema que yo veo es que Firefox está aplicando ese margen desde donde lo está haciendo y no desde donde cabría esperar. Repito que supongo que el hecho de que sean li's provoca este comportamiento raro, porque tenemos un elemento de bloque seguido de un list-item, que entiendo que no es lo más lógico. Y para confirmarlo, repito de nuevo, si cambiamos los dos li por dos divs con las mismas reglas, el comportamiento sí que es el que cabría esperar. Espero que ahora se me haya entendido. Saludos :-) -- 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 modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Cambio cursor
cHiMeNo escribió (Thu, 8 Dec 2005 17:05:25 +0100): Y eso donde lo pongo exactamente, nada más empezar mi stile.css? Siento si son preguntas tontas, pero no encuentro ninguna pagina con documentacion de este tipo :s Hola :) Puedes empezar por un tutorial básico de css. Este estaba bastante bien: http://html.conclase.net/tutorial/html/ saludos -- 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 modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] IE se revela contra el padding
Alicia Urrea escribió (Sat, 3 Dec 2005 13:07:00 +0100): Hola a todos/as, Pues bien, en explorer, el primero se visualiza correctamente pero el segundo se va completamente de varas, descuadrando incluso el container en el que está metido (pequeño escalón en la parte superior del recuadro). El problema solo surgen con IExplorer v.5. Con Firefox todo aguanta en su sitio como un campeón... El código está correcto (me parece) y las etiquetas no son de aplicación única, por lo que no entiendo qué pasa... ¿Alguien me puede echar una mano? Hola, no sé si te podré solucionar el problema, pero al menos intentaré darte pistas :) Por partes, te digo cosillas que se me ocurren (que pueden tener alguna relación con esto o no): - En la lista #ladillo utilizas dos propiedades que no existen: margin-left-width y margin-top-width. Prueba a cambiarlas por margin-left y margin-top. - Luego, controlaría en general todo el tema de los indentados de las listas, que unos exploradores crean generando un padding a las ul y otros mediante un margin. - En general, probaría en general a dar bordes a los distintos elementos y comprobar que lo que te está sucediendo es realmente que no te respeta el padding, y no que hay algún otro elemento que empuja el contenido o algo así. De paso, comprobaría también que no te esté jugando una mala pasada el modelo de caja de IE. - Y por último, como solución si no acabas de entender por qué te está sucediendo esto, trataría de sustituir los paddings por margins de los elementos interiores. Espero que te sirva de algo saludos -- 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 modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Cambiar fondo de acuerdo a la página
Fabian Vargas escribió (Mon, 5 Dec 2005 13:08:37 -0600):
Mi nombre es Fabiàn y soy nuevo en esto del CSS pero me ha
impresionado. Esta es mi pregunta: Existe alguna forma de que mi
sitio cambie la imagen de fondo de acuerdo a la página en que se
encuentre sin tener que escribir una hoja de estilos para cada
página?
Sí, claro. Puedes darle una id o una clase distinta al body en cada página o
cada sección de tu web, y mostrar una imagen distinta para cada clase o id.
Por ejemplo:
body#seccion1{
background-image:url(imagen1.png);
}
body#seccion2{
background-image:url(imagen2.png);
}
...
Un saludo
--
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 modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] jello?
bzf1 escribió: Y ahora, con todos mis respetos por la parrafada anterior, mi consejo es que te dejes de métodos con nombres de teletubbies y empieces tú solito desde cero con un html y un css a crearte tus divs con tus floats y tus cositas. Así seguro que te aclaras mejor y aprendes el porqué de cada cosa. Luego, cuando te atranques, que te atrancarás (como a todos nos ha pasado), entonces es un buen momento para mirar el metodo jello, el yello o el pello y ver cómo ha dado solución el autor al problema que tú tienes. Luego acabarás teniendo un hermoso esquema html+css que funciona y que entiendes a la perfección. Que si quieres incluso lo bautizas con un nombre y lo pones en un blog como ha hecho el señor del método jello ese. Y así la gente irá preguntando por ahí si alguien conoce el método Kemie de maquetación a 3 columnas. ;) El problema de la ignorancia es que es muy atrevida. El problema de la ignorancia unida a la mala educación es que vas por la vida haciendo el ridículo. Saludos. Cuando le dés el curso de css a kemie, que está empezando en esto, me avisas, que me apunto. -- 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 modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] altura 100%
Gerard Boyer escribió (Thu, 10 Nov 2005 10:46:06 +0100 (CET)): a ver si alguna mente avanzada me puede ayudar. Necesito que la altura del container se adapte al 100% de la pantalla, si no existe contenido se colapsa y no ocupa toda la pantalla, (http://webfacil.tinet.org/index.jsp?codi=ebrull), claro qu en Firefox si que puedo poner un min-height pero en IE no me sirve. alguna propuesta? Hola, esto se ha tratado varias veces en la lista, así que lo mejor será usar los archivos. Busca en www.ovillo.org http://www.ovillo.org altura 100% y seguro que encontrarás montones de mensajes :) saludos -- 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 modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] IE sigue poniéndose las pi las (nos alegramos o todo lo contrario)
Buenas Alvarez Laurnaga, Jose Antonio escribió (Thu, 10 Nov 2005 12:54:27 +0100): En IE Blog [2] comentan que IE7 entenderá perfectamente los siguientes hacks usados hasta ahora para ocultarle estilos: The HTML Child Hack html body The Star Hack (or Universal Selector Hack) * html The Owen Hack head:first-child + body The Adjacent BODY Hack head + body The BODY Child Hack body element Bueno, no he mirado mucho el post en cuestión. Pero me da que hay un ligero error de concepto (o soy yo que no estoy muy despierto, que también puede ser). Esto que llaman aquí hacks no son otra cosa que selectores de CSS bien hermosos y válidos de los que Explorer pasa ampliamente, con lo cual no es que haya que dejar de usar estos hacks, sino más bien que a partir de ahora, podremos utilizar selectores de hijos, selectores de adyacentes... sabiendo que (oh, si) IE7 los interpretará correctamente. Y en el caso de * html, entiendo que IE7 lo dejará de interpretar, igual que ya lo hacen los navegadores buenos. Con lo cual, no veo que suponga mayor problema. ¿Que puede suponer algún inconveniente en un caso concreto? Pues no sé... ¿Que abre muchas más posibilidades? Desde luego. Es que me hace cierta gracia que enfoquen esto como IE7 dejará de interpretar el Body Child Hack en lugar de decir que IE7 interpretará los selectores de hijos, que es mucho más positivo, creo yo :-) saludos -- 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 modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Ha sido sucio pero me ha gustado
Manuel González Noriega escribió (Fri, 4 Nov 2005 09:59:39 +0100): Y lo que más me preocupa es recordar que, hace unos días, en un descampado solitario y bajo la luz de la luna, *algo* me mordío. Hasta hora no había dudado de que fuese un perro vagabundo, pero ¿y si se trataba de... ...algo distinto? un comercial de Microsoft. Ha empezado a hacer efecto. Lo siguiente será la Comic Sans... y luego ya el Frontpage!!! MUHAHAHAHA!!! -- 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 modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
[Ovillo] Reunión de Ovillo en Gijón, maña na, viernes a las 9:30
Hola a todos Bueno, como siempre, avisando tarde. Muchos ya lo sabéis, pero por si queda algún despistado. Mañana a las 9 y media de la noche haremos la segunda reunión de Ovillo, esta vez en Gijón, en el Café Dam. Tenéis todos los detalles en el weblog de David y Ricardo http://www.mildiez.net/archivos/2005/11/01/reunion-de-ovillo-en-asturias/ Nos vemos :) -- 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 modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Reunión de Ovillo en Asturias
Ricardo Alberto Fernández Álvarez escribió (Thu, 27 Oct 2005 21:53:40 +0200): Os quedaron ganas de repetir? -- Ricardo Alberto Fernández Álvarez ([EMAIL PROTECTED]) Web personal: http://308entre2.mildiez.net/riky Weblog: http://mildiez.net Hola! Por supuesto. Creo que nos hemos saltado un mes ya :( De todas maneras, como esta vez tocaría hacerla en Gijón, por nuestra parte delegamos la responsabilidad de organizarlo todo en el primero que pase y/o conozca el sitio más adecuado para hacer la reunión por allí. (que sea más amplio que el que escogimos nosotros en Oviedo, jeje) Nosotros haremos todo lo posible por ir. Saludos :) -- 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 modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] OT: A la búsqueda de u na lista de correo sobre javascript
Pues ya que será la lista de Javascript en español, podría ser: javaEScript :-P -- 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 modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re[3]: [Ovillo] Selectores de multiples clases
Hola a todos :)
Llego tarde a la discusión, pero bueno, aporto mi absolutamente prescindible
granito de arena ;)
Cuando Manu me comentó esta duda ayer, tengo que confesar que en ese momento
no recordaba cómo se podía hacer un selector de este tipo. Influía el hecho
de que fueran las 12 de la madrugada de un domingo, y estaba un poco
dormido... pero también el hecho de que nunca en mi vida me he visto en la
necesidad de emplearlo. Con esto, lo que quiero decir, es que no es una
situación muy frecuente. Por eso, cierto sentido comprendo el punto de vista
de Raúl, y me explico:
No creo que definir:
.resaltado.especial{}
sea una mala práctica en el sentido de que esté mal hecho, o que los
dioses de las CSS nos dejen de ser propicios. Simplemente, nos complica un
pelín el mantenimiento futuro de la hoja de estilos, como estupendamente
explica Raúl. Cuando vemos un elemento con las clases .resaltado y
.especial, al eliminar una de ellas, sabemos que eliminaremos el
comportamiento que define esa clase, pero igual no nos esperamos eliminar un
nuevo comportamiento especial surgido de la combinación de ambas. Y dado que
es algo que no se suele utilizar muy a menudo, lo más probable es que no
caigamos de buenas a primeras en lo que está pasando.
Sin embargo, no deja de ser algo muy parecido a lo que nos sucedería si
tenemos definidos distintos estilos para una clase en función del contexto,
por ejemplo, unos estilos para;
.resaltado{}
otros para:
div#contenido p .resaltado{}
que puedan ser complementarios, de forma que al quitar una clase estemos
eliminando estilos definidos en distintos lugares en nuestra css. De hecho,
entre otras cosas, la gran potencia de las CSS consiste en esto, lo que mola
poder definir distintos estilos para la misma clase en función del contexto
y la combinación con otras clases e id's. Complica un poco el mantenimiento,
puede ser, pero es que la hoja de estilos más simple de mantener sería una
sólo con id's: un estilo para cada elemento. Lo que nos llevaría a algo
parecido a definir todos los estilos en línea, y eso no es lo que queremos
;)
Saludos a todos :)
--
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 modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Fallo del explorer con listas anidadas
Hola Machbel machbel escribió (Wed, 5 Oct 2005 19:15:16 +0200): Aqui ando diseñando una web en xhtml 1.1, todo muy bonito, pero me he encontrado con un fallo del explorer al que no veo solucion. Tengo 2 listas anidadas, Una ol y dentro una ul. La web: http://83.97.240.76:8080/admin/admin_inscripcion.php El css: http://83.97.240.76:8080/css/admin.css (Estan al final los estilos de esta pagina) El problema que hay es ese borde superior que añade a los li de la lista anidada, que no hay forma de quitarlos. Puse margin, padding y border a 0 en todos y nada, sigue poniendo eso. Como se soluciona esto? mmm... no estoy muy seguro, pero veo que en lugar de darle márgenes verticales a los li de la ol (serían #inscripcion ol li) se los has dado a la ul que contienen (#inscripcion ol li ul). Creo que puede venir por ahí que el explorer se esté liando un poquillo. Prueba a eliminar todos los márgenes a #inscripcion ol li ul (ahora tienen 10px por abajo), y ese margin se lo das a #inscripcion ol li. En el fondo el efecto debería ser el mismo, pero no sé si puede venir por ahí el error de ie, tampoco lo he mirado mucho más. Un saludo :-) -- 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 modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
[Ovillo] Reunión de Ovillo Asturias. Hoy (l unes 26) a las 8 de la tarde?
Hola Bueno, a ver cómo nos arreglamos, porque decidamos el día que decidamos, habrá gente que le venga mal. Así que creo que lo menos injusto es coger el día que más gente pueda venir, que es el lunes 26 (o sea, mañana/hoy). En principio pueden venir 11 personas, frente a 7 que pueden venir el viernes. Para próximas reuniones veremos cómo organizarlo mejor. Sobre la hora, creo que a partir de las 8 podría estar bien. Opiniones Y sobre el sitio, que esté cerca de las estaciones, se nos ha ocurrido una cervecería que se llama Paco's Beer (¿o es Pepe's Beer?), en la calle Fray Ceferino, como a 100 metros de la Calle Uría, enfrente de Cortefiel. Si os parece bien, y si no hay impedimentos, allí nos veremos (hacia el fondo, que hay más sitio). Un saludo -- 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 modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
[Ovillo] Re: Reunión de Ovillo Asturias. Ho y (lunes 26) a las 8 de la tarde?
El plano del sitio :) http://callejero.paginasamarillas.es/flash/mapa.asp?ciudad=OVIEDOx=2928y=1928l1=33001,%20OVIEDOl2=Calle%20Fray%20Ceferino,%2015t_act=Selecciona:radio=500Ops=VacioidCalle=141idioma=spasite=callejero On 9/25/05, Ramon Pravia [EMAIL PROTECTED] wrote: Hola Bueno, a ver cómo nos arreglamos, porque decidamos el día que decidamos, habrá gente que le venga mal. Así que creo que lo menos injusto es coger el día que más gente pueda venir, que es el lunes 26 (o sea, mañana/hoy). En principio pueden venir 11 personas, frente a 7 que pueden venir el viernes. Para próximas reuniones veremos cómo organizarlo mejor. Sobre la hora, creo que a partir de las 8 podría estar bien. Opiniones Y sobre el sitio, que esté cerca de las estaciones, se nos ha ocurrido una cervecería que se llama Paco's Beer (¿o es Pepe's Beer?), en la calle Fray Ceferino, como a 100 metros de la Calle Uría, enfrente de Cortefiel. Si os parece bien, y si no hay impedimentos, allí nos veremos (hacia el fondo, que hay más sitio). Un saludo -- 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/ -- 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 modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Reunión de Ovillo Asturias (Fecha y lugar)
Bueno, podemos hacer una cosa entonces. Que la gente que se ha ido apuntando ponga si prefiere quedar el lunes 26 o el viernes 30, o si les es indiferente. De momento, a los dos simplelógicos nos es totalmente indisoluble. Así que lo que decida la mayoría. Os recuerdo que quedaremos en Oviedo, en algún lugar cercano a la estación de Alsa y de tren para la gente que venga de fuera... y en principio la idea es tomar unas sidras/cañas o similar charlando de CSS, estándares y lo que surja. Saludos -- 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 modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Degradados de color con css
Hola :) Pues no, hasta donde yo sé no se puede hacer sin imágenes. Rafael García Lepper escribió (Tue, 20 Sep 2005 09:36:55 +0200): Hola a todos, Me ha llegado para maquetar un diseño que tiene en el fondo dos colores con degradado entre ellos, y se me ha ocurrido la idea de no ponerlo como imagen y dibujarlo con css, no se si se puede, y he mirado por google sin demasiado éxito. Sabéis si se puede? Y en caso afirmativo, como se hace? Saludos Rafa -- 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 modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Reunión de Ovillo Asturias (Fecha y lugar)
Pues primero nos pondremos de acuerdo en el día, y luego ya matizaremos la hora. De todas maneras, yo pensaba a última hora de la tarde... las 8 o así. Lo que si está claro es que deberíamos quedar cerca de la estación de bus y de tren para que los que vengáis de fuera lo tengáis un poco menos incómodo :-) Juan Carlos Castrillón escribió (Mon, 12 Sep 2005 16:05:24 +0200): puff depende de la hora que penseis... a mi quizá mejor el fin de semana.. porque entre salir del curro y llegar a oviedo me pongo en cerca de las 9 :((. Saludos. -- 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 modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Hoja de estilo que desaparece en Firefox
Hola Creo que el problema es que el servidor te está sirviendo la css como texto plano. IE pasa bastante de cómo lo sirvas, pero firefox no, así que no aplica la css, porque no está servida como text/css. Sinceramente, no tengo ni idea de cómo se solucionaba. Pero espero que te sirva al menos como pista. De todas formas, como recuerdo que alguna vez nos había pasado, voy a intentar enterarme de posibles soluciones. un saludo -- 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 modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] estructura semantica ideal de un articulo de diario online
Inti Castro escribió (Sat, 3 Sep 2005 11:04:50 -0300): Fulanito de tal Vice-presidente de Empresa Falsa Lunes 15 de febrero de 2004 sino que es mejor: Fulanito de tal Vice-presidente de Empresa Falsa Lunes 15 de febrero de 2004 No me he parado demasiado a leer todos los mensajes del hilo, pero por dar otra visión (o tocar las narices, claro, jeje), creo que se podría utilizar una dl para la firma: dt- Fulanito de tal dd- Vice-presidente. Sí, sería una lista de un solo elemento, pero no creo que pase nada por ello. En mi humilde opinión es más adecuado que un br. Y desde luego, la fecha para mi debería ser un párrafo distinto. Saludos -- 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 modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Reunión Ovillo Asturias ;-)
Bueno, niños y niñas (realmente, sólo niños, por lo que se ve). Por ahora esta es la gente que ha mostrado interés en participar en la reunión de Ovillo en Asturias. - Pedro (Oviedo) - Rafa (Gijón) - David (León) (prefiere en fin de semana) - Pedro (Euskadi) ¿lo dices en serio? Si de verdad estás dispuesto a venir desde allí estaremos encantados ;-) - David Arango (León) - Ricardo (Oviedo) (prefiere a partir del 13) - SrHueso (Sotrondio) - machbel Gijón (prefiere a partir del 12 de septiembre) - Manu (Oviedo) - Yo (Oviedo) Supongo que podríamos ir decidiendo fecha y sitio. Además, falta más gente que tenemos controlada por aquí. Si queréis descargar de ruido la lista y seguir tratando el tema en otro sitio, podemos hacerlo en los comentarios del post que he puesto en Caótico para avisar (http://simplelogica.net/caoticoneutral/index.php?p=49) Saludos -- 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 modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
[Ovillo] Reunión Ovillo Asturias ;-)
Hace unas semanas se hablaba en esta lista de empezar a hacer reuniones de Ovillo, y comentamos la posibilidad de hacer una en Asturias. Ahora que ha terminado Agosto supongo que será más fácil que podamos hacerla. ¿Cómo lo véis? Según la cantidad de gente que nos juntemos y de dónde sea la mayoría, pensaremos dónde, cuándo y cómo nos viene mejor hacer la reunión. Por ahora podemos ir haciendo un recuento de la gente de Ovillo que vive por estas tierras, así que a numerarse tocan. De momento, los simplelógicos somos 2, y sabemos que hay más por ahí, no se me escondan. Saludos -- 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 modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] [Admin] Reuniones de Ovillo
Espicha Ovillo ya!! :-D Los simplelógicos estamos a escasos metros de Gascona, así que estaríamos encantados de aprovechar el buen tiempo para hablar de CSS y estándares en una terrazita entre sidras. Y si hay que desplazarse más lejos, pues también, el caso es ir viendo cuántos somos y de dónde, para ir organizándonos, así que nada, numérense! :-) De todos modos, supongo que lo mejor será esperar a Septiembre, para que pasen las vacaciones. Aquí estamos para lo que haga falta. Saludos! Raúl Martín escribió (Thu, 4 Aug 2005 21:22:14 +0200): Hola Jose, Se que hay asturianos por aquí ) en breve tenemos el congreso fundamentos Web al que muchos (seguro) asistiremos. No obstante, tal vez alguien quiera adelantarse, noviembre esta muy lejos :) Montamos un sarao OvilloAstur? quien se anima? ¡¡¡CSS a la sidra oiga!!! -- 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 modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Manual Html + Css básico
http://html.conclase.net/tutorial/html/ Mucha suerte, y que dios te pille confesado, jejeje :-P Manolo Castillo Sánchez escribió (Mon, 11 Jul 2005 11:16:50 +0200): Hola, llevo leyendo cerca de 1 mes esta lista y ahora me surge un pequeño problema. Necesito dar un curso donde enseñar a personas con escasos conocimientos de informática un poco de html y css. -- 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 modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Problema con la fluidez del texto
No he leído muy detenidamente el problema... porque quiero irme de la oficina (ejem...perdón), pero bueno, así por lo que veo en el ejemplo, y cayendo en el mal gusto de recomendar mi propio weblog (pasen y vean, damas y caballeros!!), creo que lo que te pasa es algo parecido a esto: http://simplelogica.net/caoticoneutral/index.php?p=29 Prueba a ver si te sirve. Y recuerda, la intención es lo que cuenta ;-) Saludos -- 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 modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Tablas sin able
Pues con CSS, la mejor forma de conseguir lo que dices es emplear el elemento de HTML adecuado para presentar una tabla de datos que es... efectivamente, una tabla. Las tablas por sí mismas no son malas, no muerden ni nada parecido. Cuando tengas una tabla de datos, como la que describes, utiliza table sin miedo, porque es para lo que sirve ese elemento. El problema surge cuando utilizamos tablas para maquetar, porque realmente no sirven para eso, y en ese caso las estamos empleando de forma inapropiada. Ignacio de Córdoba Álvaro escribió (Mon, 4 Jul 2005 17:56:27 +0200): Muy buenas, ¿cuál es, Con CSS, la mejor forma de conseguir el resultado típico de una tabla multicolumna, por ejemplo, de productos de una tienda o facturas de una contabilidad... osea, el equivalente de... table trthID/ththNombre/ththPrecio/th/tr trtd.../td/tr trtd.../td/tr /table -- 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 modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] A ver si alguien me puede hechar una mano -height ajustable al 100%-
Bueno, lógicamente si le das el 100% (de min-height y de height respectivamente para los navegadores buenos y para IE) a la zona de contenidos, la cabecera y el pie harían que todo el conjunto de la página ocupe más altura. La solución que se me ocurre a bote pronto es que metas todo en un contenedor, y sea a ese elemento al que le des la altura del 100%. Luego el pie podrías colocarlo con posicionamiento absoluto abajo del todo. Mira a ver si todo esto que te digo es una chorrada o si realmente puede funcionar en el mundo real ;-) saludos Ernesto Frías escribió (Wed, 15 Jun 2005 17:58:11 +0200): A ver, me estoy volviendo loco con este asunto. Tengo una web que esta compuesta por una cabecera con su correspondiente menu, una zona con sus contenidos, y un pequeño pie de página en el que se indica que la web es XHTML + CSS ;-) Bien, el problema que tengo es que necesito que se ajuste al 100% del alto en el caso de que en una determinada resolución haya espacio, y el pie se quede en la parte inferior (como es logico). Lo he intentado de 20 maneras diferentes, y casi he conseguido lo que quiero, pero no hay manera. ¿Alguien seria tan amable de guiarme un poco, o algún enlace desde el que poder hacerme la idea? Porque lo del min-height en Mozilla/Firefox y height:100% en Explorer, me lo soluciona, pero el tema del pie no me termina de ajustar. :_( Muchas gracias a todos, y un cordial saludo Ernesto Frías -- 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 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] Manipular imágenes
Uy, gracias Federico, me ha hecho ilusión y todo :-D El caso, contestando a Adriana, es que no sé si ese artículo en particular puede orientar mucho. Si he entendido bien no quieres construir cajas (resumiendo, divs) de esquinas redondeadas, sino manipular imágenes, fotos o lo que sea, para que salgan con un marco de esquinas redondeadas, es así? En ese caso, lo que se me ocurre es que podrías construir la imagen con el marco, dejando el interior transparente, y colocar la foto en cuestión como fondo. Encontrarás algo parecido a lo que te digo (mal explicado :-P) en la segunda parte del artículo que te decía Federico [1] y un ejemplo funcionando en [2], si cambias el degradado por la imagen que quieras, tendrías lo que necesitas. Si es que te he entendido bien. Por otro lado, para hacer sombreados a las imágenes, puedes echar un vistazo a este artículo de A list apart [3] Si no es esto lo que necesitas, dilo :-) [1] http://simplelogica.net/caoticoneutral/index.php?p=17 [2] http://simplelogica.net/caoticoneutral/posts/degradado_chulo/index.html [3] http://alistapart.com/articles/cssdropshadows -- 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 modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
[Ovillo] Block frente a Inline
Buenas :-) Por si alguien puede sentirse interesado, he traducido al castellano los artículos de Autistic Cuckoo sobre elementos de bloque y en línea. Los tres están disponibles en caótico, son: [1] http://simplelogica.net/caoticoneutral/index.php?p=38 [2] http://simplelogica.net/caoticoneutral/index.php?p=39 [3] http://simplelogica.net/caoticoneutral/index.php?p=40 Se admite cualquier corrección o comentario sobre la traducción. Se ha hecho lo que se ha podido ;-) Saludos -- 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 modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Problemas de visualizacion IE
Buenas y Un DIV llamado cderecha que se ve un poco mas a la izquierda que donde deberia estar... es decir alineado con la foto de la imagen que esta en div title. Esto es muy simple de solucionar. Si un elemento está flotado hacia un lado, y tiene margin por ese mismo lado, como es este caso (cderecha tiene float:right y margin-right de 20px), IE automáticamente duplica el valor del margen por ese lado, de manera que te está aplicando un margin de 40px por la derecha. Para solucionarlo, simplemente tienes que ponerle a cderecha display:inline. saludos -- 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 modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
RE: [Ovillo] Sugerencias para un index provisional..espacios en blanco
A las buenas Cuando posicionas algo en modo relativo estás engañado al navegador, le estas diciendo que el div o lo que sea esta donde debe de estar, por lo qeu le reserva espacio, y luego lo mueves de tal manera que el navegador deja el espacio en blanco, que es lo que te ocurre en este caso. en cromos y en content3 deberías usar position:absolute, ademas de modificar el top y el left. Ya que al posicionar relative mueves la capa con respecto a su posición en el flujo normal, y con el absolute con respecto a la capa padre ascendiente más próxima. Raúl lo ha explicado perfectamente. En otras palabras: Position:relative indica que se calculará la posición (top y left) del elemento a partir del lugar que ocuparía normalmente dentro del flujo del documento. (donde estaría en condiciones normales, vaya). Position:absolute indica que se calculará la posición (top y left) del elemento a partir de su bloque de contención (en este caso, sería el elemento antepasado más cercano con position:relative, absolute o fixed.) Tienes que tener en cuenta que un elemento posicionado absolutamente se sale del flujo del documento, y no influye en la posición de los elementos que le sigan. No sé si te habré aclarado algo o te habré liado más ;) saludos -- 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 modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] dimensiones de imagenes
Juan Ángel Celdrán escribió (Fri, 13 May 2005 12:25:06 +0200): Saludos a [EMAIL PROTECTED] Hace poco se trató un mensaje sobre dimensiones de imagenes controladas con CSS. Acabo de descubrir que si estableces solamente *una* de las magnitudes, la otra se calcula proporcionalmente (probado en FIREFOX e IE6). En la especificación indica que para un elemento reemplazado, como sería una imagen, si no hay dimensiones fijadas, toma las dimensiones intrínsecas de éste, y si por ejemplo, fijamos únicamente la anchura, la altura se computaría de la siguiente manera: (altura intrínseca) * ( (ancho usado) / (ancho intrínseco) ) y lo mismo para la anchura. Así que en principio todos los navegadores mínimamente decentes es como se deben comportar ;-) voy a ver si lo pruebo un momento en ie5 y 5.5 y en opera -- 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 modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] imagen background - no lo consigo
Diego Martín Lafuente escribió (Wed, 27 Apr 2005 10:28:17 +0200):
div.unaclase {
background: #fff url(/img/info_error.png) top left right bottom no-
repeat repeat-x repeat-y; }
Se pueden usar values en píxeles y porcentajes también
Con tu permiso, Diego, creo que el ejemplo que pones puede no
entenderse demasiado bien, puesto que muestras todas las posibles
opciones de posición y de repetición del background, y quizás alguien
piense que hay que ponerlas todas ;-)
la estructura podría ser:
background: [color] [url de la imagen] [posición] [repetición] [attachment];
[color]: pues eso mismo, el color en hexadecimal (supongo que otros
formatos también valdrán)
[url de la imagen]: tal y como pone Diego y se ha dicho antes, mejor
sin comillas, del estilo url(imagen.png)
[posición]: lugar donde se va a colocar la imagen horizontal y
verticalmente, p. ej: bottom left.
También se puede indicar con px o cualquier otra unidad de medida
(em, %...) de forma que la primera correspondería a la posición desde
el borde izquierdo del elemento y la segunda desde el borde superior.
Por ejemplo: 5px 10px colocaría la imagen de fondo a 5px del borde
izquierdo y 10 del superior.
[repetición]: si queremos que la imagen se repita haciendo mosaico
(por defecto), sólo en horizontal (repeat-x), sólo en vertical
(repeat-y) o que no se repita en absoluto (no-repeat).
[attachment]: podemos establecer que la imagen de fondo no se desplace
con el bloque que contiene (fixed)
en el caso en cuestión:
background: transparent url(img/info_error.png) center left no-repeat fixed;
suponiendo que la ruta sea la correcta :o)
saludos
--
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 modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Floats y divs
Hola a todos. He recogido en caótico (http://simplelogica.net/caoticoneutral/) la solución que se encontró aquí al problema que se planteaba en este hilo. Es una ligera variante de la que encontró Eva, que por lo que he probado es más compatible con Opera. De todas maneras, si cualquiera de vosotros encuentra problemas que se me hayan pasado por alto, o simplemente conoce una forma más sencilla de solucionarlo, que lo diga. (quizá exista alguna regla que soluciona esto de una vez, del estilo float: ponte para la derecha, ajustando tus dimensiones al espacio disponible, de forma que tus bordes no se solapen con este otro elemento flotado...bueno... o algo más corto ;-) Saludos -- 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 modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Floats y divs
Para los que puedan encontrar esto a través de los archivos de ovillo, este es el enlace al post: http://simplelogica.net/caoticoneutral/index.php?p=29 :-) -- 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 modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Sobre DIVs, P, IMG
Hola Hombre, si estamos hablando de imágenes decorativas, yo creo que está bien como lo estás haciendo (si te he entendido bien), poniéndolas como imágenes de fondo. En ese caso, si el diseñador quiere que las imágenes tengan un borde, lo que habría que hacer sería dibujar ese borde en la misma imagen. Si las imágenes no fueran decorativas, y tuvieras que ponerlas dentro del código, en principio tampoco deberías necesitar añadir más divs, simplemente con la propia imagen, flotándola al lado que necesites, dándole borde, padding, margin y tal... calculo que podrías arreglarte sin mucho problema ;-) Saludos Iban Rodriguez escribió (Tue, 26 Apr 2005 10:27:25 +0200): Mi pregunta va sobre los deberia a la hora de encontrarse con estas situaciones: - Deben tener las imagenes un marco ellas mismas? (y yo sigo como estaba maquetando hasta ahora) - Debo ser yo el que pone ese marco con CSS? El tema es que si quiero hacerlo con CSS, creo que no hay mas coj... que empezar a poner divs o poner las imagenes aqui y alla con sus Ids, floats, width, etc ¿me equivoco?. -- 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 modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Floats y divs
Hola Eva. Sí, mi versión de osx es el 10.3, así que la de safari supongo que será la que tú dices (no lo miré, la verdad). De todas maneras, creo que no he probado la combinación de display:table y overflow:hidden, si no hay conflictos, poniendo los 2 debería funcionar bien en todos, excepto en IE5 y 5.5, que es lo que nos falta, no? Voy a ver si puedo investigar un poquito ahora :-) Saludos Eva del Campo escribió (Tue, 19 Apr 2005 21:19:18 +0200): Pues en mi caso, si quito el overflow:hidden, en safari veo el contenido de los div de la izquierda ¡por encima de la capa flotante!. Es un comportamiento que no he podido reproducir en otros navegadores. Supongo que será cosa de la versión: 1.0.3 (v85.8.1), la más alta que se puede tener (que yo sepa) con el osx 10.2.8. ¿Tú estás utilizando 10.3 y safari 1.2?, porque si no es eso, no lo entiendo -- 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 modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] IE y Mozilla Firefox
Ante todo, calma y tranquilidad. Nadie dijo que esto fuera fcil (sobre todo al principio) ni que a la primera te fuera a salir todo bien. Dinos exactamente qu problemas ests teniendo, o dnde podemos ver la web, y aqu hay mucha gente que seguro que te puede orientar. Pero si no sabemos cul es el problema que tienes, poco se puede hacer :-) Enrique escribi (Wed, 20 Apr 2005 12:23:53 +0200): Estoy a punto de echarme a llorarsupongo que es la ignorancia. Pero por qu hago una web, con css, intentando seguir los estandaresdentro de mi torpeza, y cuando la veo con mozillaNO TIENE NADA QUE VER, con lo que veo en el IE. Estoy apunto de mandarlo todo a la piii -- Ramn demasiado viejo para ser una joven promesa, demasiado joven para ser una vieja gloria, pero an as trabajando duro para Simplelgica: apariencia, experiencia y comunicacin 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 modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Mini-Lección DIV+CSS
Hola Iban En primer lugar, si dices que llevas poco trabajando sin tablas, es lo más normal del mundo que veas que tu código no es el mejor del mundo. Pero es que maquetar con tablas, como ser superhéroe, no es fácil. Ahora bien, yo creo que gran parte del problema para la gente que abandona las tablas y empieza a maquetar con css es que llegan (llegamos) con una idea equivocada de sustituir tablas por divs. Parece que como antes utilizaban un elemento para maquetar (tablas) ahora tienen que usar otro (divs), y no es exactamente así. Y nos sentamos ante el ordenador pensando en la maquetación y el diseño y no en el contenido, de forma que nos ponemos a escribir html sin pensar dos veces si ese div que acabamos de poner es realmente necesario o no. Yo creo que es bastante mejor sistema escribir el html a partir del contenido y, una vez hecho esto, pensar si necesito añadir algún div para agrupar varios elementos, o para marcar una zona de la pantalla etc... Pero los párrafos, las listas, los encabezados, los blockquote... también son hijos del señor, y tan elementos (o más) que los divs, y pueden ser manejados por css para maquetar nuestra web como queramos. No sé si esto servirá de ayuda a alguien ;-) Iban Rodriguez escribió (Fri, 15 Apr 2005 09:04:28 +0200): Y aqui es cuando dije, coño... si cuando lo hacia con tablas esto parecia mas sencillo. Ahora bien... ¿estoy haciendo algo mal? ¿es esto así? ¿Debo o no debo utilizar tanto div? He llegado incluso a crear 4 divs en una misma hoja para 4 parrafos que van seguidos, porque como por la mitad habia alguna imagen, tenia que meterla en su DIV... ¿o no? :/ -- 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 modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] FireFox: Manzana y Ventanas
Buenas.. la verdad es que no puedo probar ahora, pero no sé si te ayudará dar a html un height de 100%, para que te interprete bien la altura del div. Pero si sólo lo necesitas para colocar una imagen, puedes hacerlo poniéndole esa imagen de fondo al body alineada abajo, no? Iban Rodriguez escribió (Wed, 13 Apr 2005 09:37:58 +0200): Manuel no se si podra responder, quizas haya recogido sus cosas ya ^_^. Si alguien lo ve que le diga que se conecte a un ciber o algo a ver si tiene algún consejo Manuel está ocupado ahora haciendo los baños (al final no lo han despedido, simplemente se ha optado por el mobbing, que mola más) pero desde aquí le oigo decir que la solución es que uses explorer :-D --- 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 ___ 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
dl para galería de fotos (era: Re: [Ovillo] Perdon por el mail anterior, y consulta)
Buenas Javier Perez escribió (Wed, 13 Apr 2005 08:07:32 GMT): La idea es que en la parte derecha aparezca la foto, y en la parte izquierda el titulo, y justo debajo con letra más pequeña la información, todo justificado verticalmente a la parte superior. Todo esto va dentro de un div. La pregunta: seria lo logico hacerlo con DT y DL. En el caso de que la respuesta sea afirmartiva (eso creo): como muevo la imagen para que aparezca el texto a su izquierda. :-¿? mmm... yo diría que flotaras a la izquierda el dt (título de la foto). El primer dd (p.ej class=foto) se colocaría a la derecha, y para evitar que el segundo dd (p.ej class=descripción) hiciera lo mismo, le darías clear:left. Luego sólo tendrías que jugar con el width de cada uno de ellos para dejarlo como quieres. prueba a ver si te sirve :) --- 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 ___ 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] height y width en span
Jose M. escribi (Tue, 5 Apr 2005 12:41:45 +0200):
Necesito crear unas cajas que vayan seguidas con un numero dentro,
visualmente algo asi:
[ 7 ][ 9 ][ 57 ][ 109 ]
lo implemento de la siguiente manera:
.caja {
background: green;
height: 18px;
width: 31px;
text-align: center;
}
y cada caja es luego un span class=caja7/spanspan
class=caja9/span etc
Por qu no utilizas una ul, y cada nmero lo metes en su
correspondiente li? Sera ms correcto semnticamente. Por otro lado,
no necesitaras aplicarle luego una clase a cada uno, porque si todos
son iguales podras referirte a ellos con ul li{estilos que
necesites}.
Podras poner el display de los li a inline, y si tienes problemas
para manejar la altura y dems (ahora as de memoria no s si podran
aparecer problemas) otra opcin es que, en lugar de ponerlos inline,
los flotes a la izquierda, de manera que se vayan colocando uno al
lado del otro en horizontal. De hecho, conociendo las dimensiones que
van a tener, como es el caso, yo es lo que hara.
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
Re: [Ovillo] Imagen como border
Camilo Kawerín escribió (Thu, 31 Mar 2005 20:49:14 -0300): Alejandro Cuesta escribió: Realmente, y estrictamente hablando, no se puede. Ese truquito es habitual, pero es un poco de andar por casa, ya que solo te deja poner borde en un solo lado. Si quieres poner borde en los cuatro lados, tendrás que meter 4 div anidados, lo cual no es la solución más óptima ni agradable, ya que incluyes código innecesario y te obliga a tener que manejar cuatro estilos en lugar de uno. No creo que sea necesario poner divs anidados. Suponiendo que la caja (div) tenga al menos un título (hn) y un párrafo (p), ya tenés tres elementos de bloques donde colocar el background. Si la caja tendrá un ancho fijo (en píxeles), en el div colocás una imagen con los bordes de ambos lados y repetida en sentido vertical y en hn y p colocás los cierres superior en inferior. Si querés que la caja tenga un ancho variable (en porcentaje o em´s), le podés agregar un span al título y ya tenés un cuarto elemento. En este caso, la técnica sería la de sliding doors, que vas encontrar muy bien explicada acá: http://www.alistapart.com/articles/slidingdoors/ http://www.fiftyfoureleven.com/sandbox/weblog/2004/jun/doors-meet- sprites/ Bueno, lo que dice Alejandro es cierto. Realmente estaríamos utilizando una imagen de fondo para simular un borde... pero bueno, tampoco le veo mayor importancia. Sobre el tema de necesitar divs anidados o no, es lo de siempre, si quieres utilizar imágenes para poner bordes a una cajita que no sea de tamaño fijo necesitarás más de un elemento (según el caso podrán ser 2, 4...), y normalmente emplear la técnica del sliding doors. Si no tienes esos elementos, tendrás que añadir código extra. Lo aconsejable sería hacer lo que tú apuntas, Camilo, tratar de aprovechar aquellos elementos que ya tienes (encabezados, párrafos...) para tratar de minimizar el código innecesario (semánticamente hablando). 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
Re: [Ovillo] Problema con Mozilla
David de la Puente escribió (Fri, 1 Apr 2005 12:34:02 +0200): Fale eso mas o menos ya lo tengo solucionado pero y el que Mozilla no haga en Inline del display? ein?? bueno, es que no me había fijado mucho en el código, sólo comprobé que se ve exactamente igual en explorer y firefox. Pero ahora que lo miro, realmente no está todo lo bien que debería tu HTML. Si te fijas, el contenido que tienes está pidiendo a gritos una definition list: dl dtCOMERCIO 1/dt ddActividad:dsaklntilde;dk/dd ddZona: /dd dt COMERCIO 2/dt ddActividad:dlsntilde;ald/dd ddZona: /dd dt COMERCIO 3/dt ddActividad:dkslad/dd ddZona: /dd /dl En cualquier caso, échale un ojo al famoso listutorial (http://css.maxdesign.com.au/listutorial/), que supongo que te podrá ayudar. saludos --- Ramón a veces :) a veces :( pero siempre 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 modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Problema con Mozilla
David de la Puente escribió (Fri, 1 Apr 2005 12:50:21 +0200): Pero en Display:Inline es lo que sigue sin hacer mmm... bueno, creo que al final entendí lo que quieres hacer (nadie dijo que fuera listo :-P ) Supongo que quieres que los li salgan uno al lado del otro, no? En ese caso yo te sugeriría, así rápido, lo siguiente: pon los li a display:block y flótalos a la izquierda. Entonces te encontrarás con el problema típico de que el contenedor, al tener todo su contenido flotado, no lo abarca. Pero eso está bastante hablado en esta lista, y por ejemplo podrías utilizar la técnica de clearance. (http://mezzoblue.com/archives/2005/03/03/clearance/) Que se resumiría en que dieras a la ul overflow:hidden; Saludos :-) --- Ramón a veces :) a veces :( pero siempre 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 modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Presentationless
Ana Belén Ramón escribió (Fri, 1 Apr 2005 12:53:51 +0200): El 01/04/2005, a las 12:12, Jose Florido escribió: -- Ana Belén Ramón Creo que me he pasado con el café -) Jejejejeje El problema de compartir ordenador ;) -- Ana Belén Ramón yo pensaba que por fin se había descubierto que érais la misma persona :-P ___ 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] Imagen como border
Oriol Puig escribió (Thu, 31 Mar 2005 11:01:13 +0200): estoy maquetando una web y tengo una duda sobre si es posible algo en Css. ¿Es posible utilizar una imagen como border? Quiero hacer un borde de puntos para un div no me satisface la opción dashed ya que cambia en Internet Explorer. ¿Alguien sabe si eso es posible y si lo fuera como debería escribirlo en la hoja de estilos? Sí se puede y es bastante simple. Pongamos que quieres poner un borde punteado en la parte de abajo de un div (quien dice punteado dice una sombrita o algo así ;) Creas la imagen, y la pones como fondo del div, posicionada abajo y repetida horizontalmente. background:url(imagen.png) bottom repeat-x; un saludo ___ 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 tablas a divs
Hola nathalie escribió (Mon, 28 Mar 2005 20:29:14 +0200): 1.- ¿Me vuelvo a empapar de html, el 4.algo, ahora, creo, pero he oido hablar del Xhtml 1.0, tienen algo que ver, son 2 caminos diferentes? De cara a la elaboración del código, como te ha dicho Pascal, las diferencias que notarás son pocas. Generalmente podrás emplear el viejo HTML, y lo ideal sería que si empleas XHTML lo hagas porque te aporta alguna ventaja, y no porque todo el mundo lo dice. 2.- Me podeis recomendar (si es en castellano o francés sería ya una maravilla) de sitios que hablen de las hojas de estilo con ejemplos reales de distribución de la información en una web, y no unicamente de todos los atributos que se le pueden dar a las listas, imagenes, tablas, al background,...etc. Bueno, ya te han dicho algunos interesantes. En castellano yo te recomendaría que visitaras (o te suscribas a los feeds) de los weblogs de gente de esta misma lista como Daniel (www.torresburriel.com/weblog) o Kemie (www.disenorama.com). Poco a poco irás encontrando muchos más. Eso sí, antes o después, acabarás llegando a un artículo en inglés ;-) Al ver códigos para intentar aprender de webs que me han gustado, me ha despistado completamente la cantidad de divs que había dentro de otros...etc, me he perdido casi siempre... 3.- Cualquier sugerencia o recomendación útil será bienvenida Bueno, como recomendación, que luego tú decidirás si te sirve de algo o no, yo te diría que al escribir HTML partas siempre del contenido de la página, y no de cómo lo quieres mostrar. Así es como yo lo entiendo, y creo que es como se debe trabajar si sigues la filosofía de separar contenido y presentación, que entre otras cosas es lo que buscamos cuando usamos CSS. Quiero decirte, que si tienes un párrafo de texto, sabes que lo debes marcar con un p, si es una lista de elementos, necesitarás una ul, o una ol; si es un encabezado, un h, etc... Una vez que tengas esa estructura mínima, podrás emplear elementos extra (sobre todo divs) que te ayudarán a controlar desde la hoja de estilos el aspecto de las distintas partes de tu web. En general, de esta manera, evitarás acabar teniendo tu web llena de divs anidados (que, salvo excepción, yo suelo ver como una herencia de la mentalidad de maquetar con tablas). En fin, supongo que lo más útil que puedo decirte es que hagas pruebas, y cuando te encuentres con problemas, preguntes aquí, que trataremos de ayudarte en lo que podamos. 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
RE: [Ovillo] Columnas laterales a 100%
Greg Alvarez escribió (Tue, 29 Mar 2005 11:52:59 -0600): Algo más sencillo que he realizado es agregar un renglón (tr) cuyo td contenga un espacio en blanco (spacer.gif) y una altura de 30%, la cula debes variar para adaptarla a tu caso. Procura que este tr se incluya dentro de la tabla (si alguna) que contiene el bg de las columnas. no te lo tomes a mal, pero si esta lista es de CSS, y aquí estamos abogando todos por el diseño conforme a estándares, evitar las tablas para maquetar, etc etc... y vienes tú y propones una solución consistente en maquetar con tablas y usar gif's espaciadores... o acabas de llegar directamente de 1997, o no has entendido bien la temática de la lista. un saludo :-) ___ 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] Columnas laterales a 100%
Greg Alvarez escribió (Tue, 29 Mar 2005 12:35:56 -0600): Algo más sencillo implica facilidad de hacer algo una vez se ha tratado de implementar a través de varias formas. He notado que no todos son tan avanzados en cuestiones de CSS, por tal razón a algunos les será más benéfico conocer otro método que les sea más conocido. Bien, nadie ha dicho que tu intención no sea absolutamente loable. Simplemente que se aleja, o al menos así lo entiendo yo, del espíritu de esta lista de correo. Es como si a un diseñador le propones aquí que solucione algo usando Flash porque es más conocido para él. Bueno, si pregunta aquí seguramente será porque quiere una solución conforme a estándares y mediante css, si la hay. Y la solución que tú le propones será muy práctica, pero no cumple ninguno de los otros dos puntos. No veo necesidad alguna en llegar a los extremos que planteas. Tal como comento en el párrafo anterior, suponte que es una persona que apenas inicia con CSS (en pleno 2005, para seguir con tu extremismo de 1997), le hablas de cosas que aún no comprendo y... ¿qué va a pensar de CSS? Pues que le queda bastante por aprender (como a casi todos nosotros, por cierto), y que en esta lista probablemente pueda hacerlo. Pero si pregunta una solución con CSS y le dicen que mejor lo haga con tablas y gif's espaciadores, pensará que CSS no sirve para gran cosa y posiblemente no siga tratando de formarse. No todos cuentan con un avanzado entendimiento de CSS... ¿es difícil de entender para ti este punto? No es difícil de entender, precisamente por eso entiendo que hay que enseñarles o indicarles dónde pueden aprender CSS, no decirles que maqueten con tablas. Porque además, probablemente ya sepan maquetar con tablas. Por lo demás, esperaba que aportaras algo más sólido y no sólo criticar directamente el comentario como si se te estuviera colocando sal en una herida... lo mismo va para todos, no existe necesidad de generar conflictos por el sólo objetivo de criticar con comentarios abyectos. Si no he aportado solución es porque como mucho, habría podido repetir el enlace que ya ha indicado Gael sobre las Faux Columns. Y si he respondido con un comentario abyecto (que desde luego no pretendía tener ese tono, espero que me disculpes) a tu mensaje, es porque humildemente pienso que si todos diésemos como solución a los problemas que se plantean aquí volver a las tablas y los gifs transparentes porque es algo que les resulta más conocido, esta lista dejaría de tener sentido, y de cara a la utilidad que pueda tener ovillo para todos nosotros, considero más importante respetar una determinada filosofía en la lista que aportar una solución puntual a una duda (que además ya había sido resuelta). Pero es sólo mi opinión, nada más. Un saludo ___ 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
