[Ovillo] Errores al validar CSS
Hola lista, Estoy validando el css de la galería de página de una chica que es actriz, en ella hago uso del valor opacity. Y no me lo termina de validar por la propiedad. No sé si es que la uso mal, o es que no la recoge el validador. La página es http://pepaluna.es/galeria.asp?indice=0pag=1 Gracias -- Gema Masegosa. Email:[EMAIL PROTECTED] ___ 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] sIFR 3
Hola, alguien ha provado con exito el sIFR 3 con IE en windows, creo que ahun le queda un poco para terminar la compatibilidad,no? A mi me sigue dando problemas varios. Algun feedback?? gracias y saludos. Gerard Boyer Ballesteros Bloc personal: http://blocs.tinet.org/blog/blocger-i-ara-que - LLama Gratis a cualquier PC del Mundo. Llamadas a fijos y móviles desde 1 céntimo por minuto. http://es.voice.yahoo.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Errores al validar CSS
Ya está el css3? No lo sabía. Oka! muchas gracias lo buscaré. 2006/7/4, Federico MP [EMAIL PROTECTED]: On 7/4/06, Gema Masegosa [EMAIL PROTECTED] wrote: valor opacity. Y no me lo termina de validar por la propiedad. opacity aparece recién en CSS3. Tenés que usar la interfaz avanzada del validador y decirle que compruebe según CSS3. -- Federico MP http://511.dabomb.com.ar ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo -- Gema Masegosa. Email:[EMAIL PROTECTED] ___ 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] Errores al validar CSS
Pues creo que no, el CSS3 aun no esta listo: This page contains descriptions of drafts that the CSS WG (Cascading Style Sheets Working Group, formerly CSS FP WG) is working on. If you want to follow the development of CSS3, this page should be the place to start. [1] Lo que se refiere Federico es que con la propiedad opacity que aparece en CSS3 (creo) se puede lograr lo que quieres. [1] http://www.w3.org/Style/CSS/current-work.html Salu2 -- ReynierPM | Linux User:#310201 Hay dos cosas infinitas: el Universo y la estupidez humana. Y del Universo no estoy seguro. -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Gema Masegosa Enviado el: Tuesday, July 04, 2006 6:00 AM Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Errores al validar CSS Ya está el css3? No lo sabía. Oka! muchas gracias lo buscaré. 2006/7/4, Federico MP [EMAIL PROTECTED]: On 7/4/06, Gema Masegosa [EMAIL PROTECTED] wrote: valor opacity. Y no me lo termina de validar por la propiedad. opacity aparece recién en CSS3. Tenés que usar la interfaz avanzada del validador y decirle que compruebe según CSS3. -- Federico MP http://511.dabomb.com.ar ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo -- Gema Masegosa. Email:[EMAIL PROTECTED] ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] sIFR 3
alguien ha provado con exito el sIFR 3 con IE en windows, creo que ahun le queda un poco para terminar la compatibilidad,no? A mi me sigue dando problemas varios. Todavía tiene problemas, pero Mark Wubben está trabajando muy activamente en ellos. Estoy seguro que para el fin de esta semana tendremos un release suficientemente estable como para un sitio comercial en producción (actualmente cuelga versiones de Firefox previas a 1.0.1 y creo que el último release no carga en IE Win por una regresión, hace unas semanas funcionaba). Si quieres empezar a usarlo, te recomendio el release 104 que funciona bien en IE Win 5.5+ y Firefox 1.0.1+. Puedes ir configurándolo para tu página, y luego actualizas sifr.js cuando esté terminado. http://dev.novemberborn.net/sifr3/nightlies/sifr3-r104.zip Saludos, - Manuel Razzari ___ 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] que etiquetas usar para maquetar unos datos a 2 columnas?
microformatos. - http://microformats.org/wiki/hcard
El 3/07/06, Lucas Mourelle[EMAIL PROTECTED] escribió:
Joan:
Espero que andes bien.
A mí no me gusta para abusar del posicionamiento absoluto, pero me
parece que en este caso, si estás teniendo problemas para encontrarle la
vuelta, lo que podés hacer es posicionar cada uno de los objetos de
forma absoluta.
Pensado my a la ligera, podrías hacer algo por el estilo... suponete
que decidís utilizar una ul
ul id=datos_contacto
li id=telLALA/li
li id=faxLALA/li
li id=correuLALA/li
li id=webLALA/li
li id=adrecaLALA/li
/ul
Y en los estilos:
#datos_contacto {
position: relative;
}
#tel {
position: absolute;
top: 0;
left: 0;
list-style: none;
}
#fax {
position: absolute;
top: 50px;
left: 0;
list-style: none;
}
#correu {
position: absolute;
top: 150px;
left: 0;
list-style: none;
}
#web {
position: absolute;
top: 0;
left: 100px;
list-style: none;
}
#adreca {
position: absolute;
top: 50px;
left: 100px;
list-style: none;
}
Es un abuso de posicionamiento absoluto, y definitivamente un abuso de
IDs. Habría que pensar si hay otra manera mejor, pero se me ocurre que
esta debiera funcionar sin problemas.
El contenedor (que en este caso es el ul #datos_contacto), debe tener
posicionamiento relativo, para que sus descendientes tomen las
coordenadas absolutas a partir de sus bordes, y no del body.
espero que te sirva!
saludos,
Lucas
--
===
LucasMourelle - desarrollos rgb
===
6343-1705 // 15-5052-1468
[EMAIL PROTECTED]
===
___
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] Errores al validar CSS
Es decir, que por ahora no me validará... aiss... esperaré que remedio. Moltes mercis! ;) El día 4/07/06, Reynier Perez Mira [EMAIL PROTECTED] escribió: Pues creo que no, el CSS3 aun no esta listo: This page contains descriptions of drafts that the CSS WG (Cascading Style Sheets Working Group, formerly CSS FP WG) is working on. If you want to follow the development of CSS3, this page should be the place to start. [1] Lo que se refiere Federico es que con la propiedad opacity que aparece en CSS3 (creo) se puede lograr lo que quieres. [1] http://www.w3.org/Style/CSS/current-work.html Salu2 -- ReynierPM | Linux User:#310201 Hay dos cosas infinitas: el Universo y la estupidez humana. Y del Universo no estoy seguro. -Mensaje original- De: [EMAIL PROTECTED] [mailto: [EMAIL PROTECTED] En nombre de Gema Masegosa Enviado el: Tuesday, July 04, 2006 6:00 AM Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Errores al validar CSS Ya está el css3? No lo sabía. Oka! muchas gracias lo buscaré. 2006/7/4, Federico MP [EMAIL PROTECTED]: On 7/4/06, Gema Masegosa [EMAIL PROTECTED] wrote: valor opacity. Y no me lo termina de validar por la propiedad. opacity aparece recién en CSS3. Tenés que usar la interfaz avanzada del validador y decirle que compruebe según CSS3. -- Federico MP http://511.dabomb.com.ar ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo -- Gema Masegosa. Email:[EMAIL PROTECTED] ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo -- Gema Masegosa. Email:[EMAIL PROTECTED] ___ 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] Porque no me funciona el RollOver
Reynier Perez Mira escribió:
Bueno ahora el hecho del RollOver. Si se dieron cuenta en el HTML que les
envie lo que tengo es una imagen con un vínculo en cada elemento LI, por
ejemplo aquí:
li class=li0 id=li0a href=#img src=img/img_r2_c1.png alt=
//a/li
Ahora se preguntarán porque no usar una imagen de fondo y arriba poner el
texto con el enlace y así lograr fácilmente el efecto que quiero, pues bien
el caso es que el diseñador me ha dado las imágenes con texto y todo por lo
que no debo ponerle por encima otro texto, primero porque no tendría lógica y
luego porque se vería un poco feo.
Tu código debería ser
li id=li0a href=#Opción/a/li
la imagen la pondría de fondo del a href... el texto lo puedes quitar
con un text-indent negativo y grande y de esa forma no tienes el
problema de querer modificar el contenido (img /) desde el css.
#li0 a {
display: block;
text-indent: -100em;
background-image: url(img/img_r2_c1.png);
}
--
Saludos -=stripTM=-
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] que etiquetas usar para maquetar unos datos a 2columnas?
Gracias por la respuesta. He probado tu solución (aunque a mi tampoco me
gusta tanto posicionamiento absoluto) y tu comentario me ha desvelado algo
que no conocía: un posicionamiento absoluto dentro de un elemento con
posicionamiento relativa da lugar a coordenadas relativas al contenedor
padre. Lo que pasa es que lo he probado y no me funciona: tal como propones,
se me posicionan respecto el body.
Este ul esta dentro de otra capa que esta dentro de otra capa y tal y qual.
Alguna idea pq la propuesta de Lucas no me funciona?
Gracias
html-
ul id=dadesContacte
li id=telimg src=imatges/icones/telf.gif /Telefon/li
li id=mailimg src=imatges/icones/arroba.gif /Correu electrònic/li
/ul
-CSS-
ul#dadesContacte {
postion:relative;
}
ul#dadesContacte li#tel {
position:absolute;
top:0px;
left:0;
}
ul#dadesContacte li#mail {
position:absolute;
top:0;
left:200px;
}
-Missatge original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nom de Lucas Mourelle
Enviat: dimarts, 4 / juliol / 2006 03:55
Per a: Ovillo, la lista de CSS en castellano
Tema: Re: [Ovillo] que etiquetas usar para maquetar unos datos a 2columnas?
Joan:
Espero que andes bien.
A mí no me gusta para abusar del posicionamiento absoluto, pero me parece
que en este caso, si estás teniendo problemas para encontrarle la vuelta, lo
que podés hacer es posicionar cada uno de los objetos de forma absoluta.
Pensado my a la ligera, podrías hacer algo por el estilo... suponete que
decidís utilizar una ul
ul id=datos_contacto
li id=telLALA/li
li id=faxLALA/li
li id=correuLALA/li
li id=webLALA/li
li id=adrecaLALA/li
/ul
Y en los estilos:
#datos_contacto {
position: relative;
}
#tel {
position: absolute;
top: 0;
left: 0;
list-style: none;
}
#fax {
position: absolute;
top: 50px;
left: 0;
list-style: none;
}
#correu {
position: absolute;
top: 150px;
left: 0;
list-style: none;
}
#web {
position: absolute;
top: 0;
left: 100px;
list-style: none;
}
#adreca {
position: absolute;
top: 50px;
left: 100px;
list-style: none;
}
Es un abuso de posicionamiento absoluto, y definitivamente un abuso de IDs.
Habría que pensar si hay otra manera mejor, pero se me ocurre que esta
debiera funcionar sin problemas.
El contenedor (que en este caso es el ul #datos_contacto), debe tener
posicionamiento relativo, para que sus descendientes tomen las coordenadas
absolutas a partir de sus bordes, y no del body.
espero que te sirva!
saludos,
Lucas
--
===
LucasMourelle - desarrollos rgb
===
6343-1705 // 15-5052-1468
[EMAIL PROTECTED]
===
Joan wrote:
Hola buenas,
desde hace un tiempo (sobretodo desde que sigo esta lista!!) intento crear
mis páginas web lo más semánticamente correctas. Muchas veces me encuentro
con problemas para escoger qué etiquetas se ajustan mejor al contenido. Lo
que he de maquetar está en un pdf (enviado por el diseñador) en esta web
(que es la que renovamos): http://www.flsida.org/pdf/contactos.pdf (no se
si es correcto en la lista apuntar a un pdf para enseñar un ejemplo.
Disculpen si no es así). Por si preferís no ver el pdf os explico:
tengo 5 datos de contacto: telef, fax, web, mail i direccion. Cada uno
tiene
un pequeño icono (del tamaño de la linia del texto), a su derecha el texto
telefono (o el que sea) y debajo de este el número de telefono (o el
mail
o lo que toque). El diseñador quiere cada grupo ( o sea, el grupo telefono
con el icono, el texto telefono i el número) a dos columnas, y debajo
quedaría direccion ( en el pdf esta al reves pero creo q quedaría mejor (o
sería más facil) poner la direccion al final, ya q la cantidad de texto es
largo).
Mi pregunta: podría usar tablas pero no son del todo datos propios de una
tabla. Si uso listas, no se como hacer dos columnas... una opcion es meter
cada li dentro de un div i segun va a la izq o derecha flotarlo. Tampoco
se
si no tendrian que ser listas de definicion (q nunca he entendido para que
sirven), ya que tengo un texto importante i debajo la definicion...
No se... quizá me estoy liando demasiado??
Gracias y perdonad q el pdf esta en catalan... pero creo q se entiende de
todas formas la idea.
Joan
pd. Por cierto!! no mireis el codigo de la web flsida.org q da pena... lo
sé... todo con tablas y un código terrible... en ese momento sabia lo que
sabia!
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes
[Ovillo] al flotar imagen desaparecen quadritos de las listas
Hola buenas,
tengo un corportamiento extraño en explorer (oh! sorpresa) q no he
localizado en la web. Tengo dentro de un div una imagen con float left i una
lista a su derecha, que tiene un puntito rojo insertado como background a la
izquierda. El resultado és que en explorer, el puntito queda debajo de la
imagen y no a su derecha... teneis alguna explicación y solución?
Dentro del div he puesto otro div con clear pq el div.requadreRessaltat
tiene un fondo de color y como la imagen es más alta q el texto, quiero q el
fondo se expanda con la imagen. En este caso, aunque lo quite el problema
con los quadritos es el mismo o sea q ni caso.
Mil gracias.
Aquí va un poco de código:
htm
div class=requadreRessaltat
img class=paragraf width=100px src=imatges/llibres/memoria.jpg /
ul class=quadres
liVolem que coneguis amb detall la feina que fem dia a dia des de la
Fundació./li
lia href=docs/memoria2005.pdfDescarregat la memòria en versió
pdf/a/li
/ul
div class=clearnbsp;/div
/div
---css---
ul.quadres {
padding-top:20px;
}
ul.quadres li{
padding-left:10px;
background:url(../imatges/quadrat5_5.png) left no-repeat; /* cuadrito rojo
q queda a la izquierda de cada li */
margin-left:2em;
margin-top:0.4em;
font-size:1.2em;
}
img.paragraf {
float:left;
margin:5px 10px;
}
Joan
___
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] al flotar imagen desaparecen quadritos de las listas
Me respondo a mi mismo...
Faltava poner en el ul un margin-left:105px (ancho de la imagen).
No era ningun comportamiento extraño...
Gracias
Joan
-Missatge original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nom de Joan
Enviat: dimecres, 5 / juliol / 2006 00:48
Per a: 'Ovillo, la lista de CSS en castellano'
Tema: [Ovillo] al flotar imagen desaparecen quadritos de las listas
Hola buenas,
tengo un corportamiento extraño en explorer (oh! sorpresa) q no he
localizado en la web. Tengo dentro de un div una imagen con float left i una
lista a su derecha, que tiene un puntito rojo insertado como background a la
izquierda. El resultado és que en explorer, el puntito queda debajo de la
imagen y no a su derecha... teneis alguna explicación y solución?
Dentro del div he puesto otro div con clear pq el div.requadreRessaltat
tiene un fondo de color y como la imagen es más alta q el texto, quiero q el
fondo se expanda con la imagen. En este caso, aunque lo quite el problema
con los quadritos es el mismo o sea q ni caso.
Mil gracias.
Aquí va un poco de código:
htm
div class=requadreRessaltat
img class=paragraf width=100px src=imatges/llibres/memoria.jpg / ul
class=quadres liVolem que coneguis amb detall la feina que fem dia a
dia des de la Fundació./li lia href=docs/memoria2005.pdfDescarregat
la memòria en versió pdf/a/li /ul div class=clearnbsp;/div
/div
---css---
ul.quadres {
padding-top:20px;
}
ul.quadres li{
padding-left:10px;
background:url(../imatges/quadrat5_5.png) left no-repeat; /* cuadrito rojo
q queda a la izquierda de cada li */ margin-left:2em; margin-top:0.4em;
font-size:1.2em; }
img.paragraf {
float:left;
margin:5px 10px;
}
Joan
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes
modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] que etiquetas usar para maquetar unos datos a 2columnas?
Joan escribió:
lo he probado y no me funciona:
ul#dadesContacte {
postion:relative;
}
Tienes un errorcillo ortográfico: dice postion en vez de position.
Estimo que debe ser eso.
Saludos,
Hernán Beati
---
www.saberweb.com.ar
---
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Porque no me funciona el RollOver
Hola he probado pero no me sale como debería ser. Este es mi HTML (reducido)
para no hacer el correo SPAM ni nada ilegible:
ul id=menu
li id=historiaa href=#Historia/a/li
li id=objetivosa href=#Objetivos/a/li
li id=eventosa href=#Eventos/a/li
li id=cursosa href=#Cursos/a/li
/ul
Luego el CSS me queda así:
ul#menu {
list-style-type: none;
margin: 0;
padding: 0;
}
li a {
display: block;
}
li#historia {
text-indent: -100em;
background-image: url(images/grmnet_r2_c2.gif);
float: left;
}
Ahora para explicar un poco. Lo de display:block en li a me queda con
dudas. En este mismo mensaje Santiago me explicaba que poniendo esa propiedad
en esa forma el LI se adaptaría al tamaño de la imagen por lo que no debería
especificar width ni height que era como lo tenía anteriormente. Corrijanme
si me equivoco.
Ahora el li#historia lo puse así siguiendo las orientaciones de stripTM. Ya que
me indica que así es como debería hacerlo para poder hacer el RollOver.
El caso es que la imagen del li#historia no sale por ninguna parte y la ruta
esta correcta porque ya la he comprobado. Será el flota:left ese que le puse?
Pues bueno debe ir porque tengo que poner un LI al lado de otro de forma tal
que me quede un menú horizontal.
Alguna idea de que animalada es la que estoy cometiendo ahora?
Salu2
--
ReynierPM | Linux User:#310201 Hay dos cosas infinitas: el Universo y la
estupidez humana. Y del Universo no estoy seguro.
___
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
