Re: [Ovillo] Hay comodín de este tipo en CSS

2006-12-14 Por tema Raul Martin
Hola,

 Es lo mismo que te han explicado, pero a mi me gusta este rollo por la 
semántica.

 En lugar de #capa_n utilizemos informacionTiempo_Madrid,  
informacionTiempo_Barcelona ... informacionTiempo_n

.informacionTiempo {..}
.informacionTiempo#Madrid {..}
.informacionTiempo#Barcelona {..}
...

div class=informacionTiempo id=Madrid
 ..
/div

 Si hay más tipos de informaciones podrías hacer..

.informacionTiempo.Madrid {..}
div class=informacionTiempo Madrid  
..
/div


 Un saludo
 


AEdlT Buenos días.

AEdlT ¿Se puede usar el comodín de este modo:

AEdlT #capa_* {
AEdlT }

AEdlT De modo que se aplique a id=capa_1, id=capa_2,...id=capa_n ?

AEdlT ¿Hay algún método de hacer algo similar?

AEdlT Un saludo.

AEdlT Edu T, 

AEdlT ___
AEdlT Lista de distribución Ovillo
AEdlT Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
AEdlT Puedes modificar tus datos o desuscribirte en la siguiente
AEdlT dirección: http://lists.ovillo.org/mailman/listinfo/ovillo



-- 
Saludos,
 Raulmailto:[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://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] validar background-color

2006-12-14 Por tema Raul Martin
Hola,
Por que no habría de ser válido???
Ej: 
http://jigsaw.w3.org/css-validator/validator?text=body%7Bbackground-color%3A+transparent%3B%7Dusermedium=all

En la especificación lo pone clarito:
http://www.w3.org/TR/CSS21/colors.html#background-properties

Tal vez tengas otro error??

Un saludo

Con fecha jueves, 14 de diciembre de 2006, 17:44:38, escribió:

JC   Hola a la lista, existe algun modo de que el validador de css acepte
JC background-color: transparent; como valido, pues tengo una imagen de fondo
JC en un Tab menu usando listas, pero cuando le aplico el background-color con
JC el color de la imagen de fondo, se muestran los bordes del LI, tengo la
JC imagen como fondo del LI y el transparent como fondo del enlace.
JC  Como puedo solucionar?

JC  un saludo!




-- 
Saludos,
 Raulmailto:[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://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Imagenes de distinto tamaño centradas t anto horizontal como vertical en una línea

2006-09-20 Por tema Raul Martin
Hola,

Ya que las  imagenes son elementos de linea... los únicos que estorban son los 
lis (por que es una lista). Los convertimos en elementos de línea y en lugar 
de operar con bloques y tener que llamar a las gruas para colocarlos, manejamos 
un frase de imágenes :D

y te dejo un ejemplo, por que acabo de leer que Laura ya lo ha propuesto y no 
parece que se le haga caso :D

www.ubicuit.net/ejemplosCSS/galeria/index2.htm


UN saludo


L Es impresionante la diferencia de esos marcos con relieve según se vea con
L Firefox o Explorer.
L Con Firefox se ven espectaculares.

L Para que queden centrados sin tabla debes usar ésto en la etiqueta de
L imagen:  img style=vertical-align: middle que es el equivalente a: img
align=absmiddle y poner las fotos dentro de un div con el alto de la foto
L mayor para que tengan un marco de referencia.

L Almirante Von Web/.

L - Original Message -
L From: Francisco Jesús Gil Navarro [EMAIL PROTECTED]
L To: ovillo@lists.ovillo.org
L Sent: Monday, September 18, 2006 5:40 PM
L Subject: Re: [Ovillo] Imagenes de distinto tamaño centradas tanto horizontal
L como vertical en una línea


L Gracias DJ-dom, Laura, David Castelló y Sureña.
L He probado ambas soluciones pero solo sirve si las imágenes tienen el
L mismo alto, yo tengo cuatro imágenes de distinto tamaño tanto en
L horizontal como en vertical, y me gustaría que quedaran como en la página
L http://www.frangiln.jazztel.es/index.html los logos de los patrocinadores,
L pero están en tablas, no lo consigo con css.

L Gracias de nuevo por vuestro interés.

L --
L Saludos.
L Francisco



___
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] Imagenes de distinto tamaño centradas t anto horizontal como vertical en una línea

2006-09-20 Por tema Raul Martin
Hola JM,

Recuerda que trabajas contra un beta. Analiza las propiedades, no 
pueden ser más simples. tal vez con el lineheight que comento dentro del código 
se arregle.

Ahora no tengo ningún ie7 para probar, pero creo que las modificaciones 
son mínimas, el diseño se basa en un display:inline...

Un saludo   

JU Buenas tardes...

JU Ya había intentado hacer esto, pero no consigo que se vea correctamente en
JU todos los navegadores.

JU La propuesta de ubicuit, no funciona en todos los navegadores, se rompe en
JU Explorer 7 Beta 3.

JU :-(((


JU El día 19/09/06, Raul Martin [EMAIL PROTECTED] escribió:

 Hola,

 Ya que las  imagenes son elementos de linea... los únicos que estorban son
 los lis (por que es una lista). Los convertimos en elementos de línea y en
 lugar de operar con bloques y tener que llamar a las gruas para colocarlos,
 manejamos un frase de imágenes :D

 y te dejo un ejemplo, por que acabo de leer que Laura ya lo ha propuesto y
 no parece que se le haga caso :D

 www.ubicuit.net/ejemplosCSS/galeria/index2.htm


 UN saludo


 L Es impresionante la diferencia de esos marcos con relieve según se vea
 con
 L Firefox o Explorer.
 L Con Firefox se ven espectaculares.

 L Para que queden centrados sin tabla debes usar ésto en la etiqueta de
 L imagen:  img style=vertical-align: middle que es el equivalente a:
 img
 align=absmiddle y poner las fotos dentro de un div con el alto de la
 foto
 L mayor para que tengan un marco de referencia.

 L Almirante Von Web/.

 L - Original Message -
 L From: Francisco Jesús Gil Navarro [EMAIL PROTECTED]
 L To: ovillo@lists.ovillo.org
 L Sent: Monday, September 18, 2006 5:40 PM
 L Subject: Re: [Ovillo] Imagenes de distinto tamaño centradas tanto
 horizontal
 L como vertical en una línea


 L Gracias DJ-dom, Laura, David Castelló y Sureña.
 L He probado ambas soluciones pero solo sirve si las imágenes tienen el
 L mismo alto, yo tengo cuatro imágenes de distinto tamaño tanto en
 L horizontal como en vertical, y me gustaría que quedaran como en la
 página
 L http://www.frangiln.jazztel.es/index.html los logos de los
 patrocinadores,
 L pero están en tablas, no lo consigo con css.

 L Gracias de nuevo por vuestro interés.

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] problema con menu emergente

2006-08-23 Por tema Raul Martin
Hola Lilian,


Contundencia al poder :)

Tiene razón Karlos, es importante tener un código válido para localizar 
errores y no fallos de interpretación. 

Desgraciadamente los navegadores tienen mucha imaginación,si se 
encuentra código invalido pueden inventarse su propia historia ;)

No obstante creo que tu problema viene de un error en la compresión del 
z-index, te he creado un miniejemplo, para que veas donde puedes tener el error.

http://www.ubicuit.net/ejemplosCSS/z-index2.htm

El ejemplo viene a decir que ojo con aplicar z-index con  etiquetas 
anidadas. Prioriza el padre. 
Puedes observar como la etiqueta con class=b (la verde) esta, 
solapada de distinta manera en los dos ejemplos.

Un saludo.




K Hola, de momento creo que deberias de solucionar los 77 errores que da el
K validador, y si aun sigue comportandose tu menu asi, loseguiremos mirando.
K 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] OT: Usando SWFObject y PNGfix en el mismo documento...

2006-08-23 Por tema Raul Martin
Estimada Ardilla,

Tal vez enviando la página nos sea más fácil hacer alguna traza, ya que 
pocos usarán los dos script juntos (no lo sé) y menos aun los buscarán y se 
montarán una página para buscar el error ;)

Un saludo

AR umm.. no entendi...

AR bueno, dentro de los scripts, no hay eventos onload...
AR y bueno, pues para usarlos dentro del .php, pues tampoco...


AR On 8/22/06, kemie guaida [EMAIL PROTECTED] wrote:
 tienen los dos scripts un evento onload?

 ...:| kemie |:...
 .:| www.monolinea.com http://www.monolinea.com |:.



 Ardilla Roja wrote:
  Bueno, escribo aqui porque aunqueno es totalmente CSS, va algo 
  relacionado... :)
 
  La cosa es que tengo un sitio donde necesito usar los dos scripts q
  menciono, pero al juntarlos, SWFobject anula el PNGfix.. =/
 
  esto lo tengo entre head/head:
 
  script type=text/javascript src=javascript/swfobject.js/script
 
  !--[if lt IE 7]
  script defer type=text/javascript src=javascript/pngfix.js/script
  ![endif]--
 
  esto es como uso el SWFobject:
 
  div id=flash
Contenido Flash
  /div
 
  script type=text/javascript
var so = new SWFObject(flash/tv_slide.swf, flash, 200, 400,
  6, #8CD1F2);
so.write(flash);
  /script
 
  y el png pues solo uso imgs png's normalmente..
 
  pero nada, si uso el swf, deja d funcionar el png... si quito el swf,
  funcional el png.. :S
 
  sugerencias? comentarios?

___
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 menues, maquetacion y otras yerbas

2006-08-15 Por tema Raul Martin
Hola Sureña,



S Antes que nada debo agradecer las ayudas que me han dado para el menu
S circular, y quiero pedirles que me aclaren algunas cosas:
S 1- en el ejemplo que me paso un listero de aca, el  ul tenia posicion
S relativa, lo cambie a absoluta y no veo ningun cambio visible, ¿cual es la
S diferencia o aplicacion entre uno y otro?

El ul tiene también un height asignado de esta manera el contenido que este 
debajo del menú se colocará en el flujo natural, todo el contenido  del ul esta 
colocado de manera absoluta, por lo que este ul tendra un height = 0 por 
defecto).
El position absolute no reserva espacio y podría solapar otra información y 
el height no haría nada, por eso utilizo relative.

No se si tienes la barra webdevelper [1] instalada en tu navegador firefox, te 
la recomiendo. Con ella puedes editar el css online en el ejemplo que te pase 
y observar la diferencia con el texto que hay debajo cambiando esta propiedad. 
Verás que la composición no varía pero el texto que hay debajo sube para 
colocarse debajo de ella.

En tu caso, tal vez, no tienes texto a continuación del menú o, tal vez, has 
reservado espacio en la ventana para el de otra manera y te sea indiferente 
utilizar position relative o absolute.  


Para las siguiente preguntas... No has puesto el link :)


Un saludo

[1] http://chrispederick.com/work/webdeveloper/

S 2- Probe la pagina en  opera v9 , en ie v7 y en firefox v1.5 en ninguno como
S es de suponer se ve igual, lo mas parecido a lo que yo quiero es lo que se
S ve en ie, ¿que puedo hacer para que sean mas similares entre si?

S 3- cuando vean la pagina, notaran que en FF y OPera , no aparece la imagen
S en la cabecera, ¿porque es eso?

S 4- la bendita imagen de cabecera no la quiero arriba del texto sino a la
S misma altura, primero la imagen y  al lado el texto, probe varios codigos y
S me termine mareando y no lo consegui, necesitaria me tiren alguna linea,
S porfis

S 5- en el menu circular quiero una imagen o icono a la izquierda del link,
S tampoco me sale, seguro estoy poniendo mal el codigo y no me estoy dando
S cuenta, agradeceria me dieran alguna pista

S por ultimo este es el link:




___
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] menu redondo

2006-08-14 Por tema Raul Martin
Hola Sureña,

Este ejemplo me suele servir para explicar el z-index, no obstante, 
creo que  te servirá para tu proposito ;)

http://www.ubicuit.net/ejemplosCSS/z-index.htm

Un saludo.

Con fecha lunes, 14 de agosto de 2006, 6:01:14, escribió:

S Hola Chicos, no me queda realmente claro como aplicarlo, disculpen mi
S tosudez!

S Alejandra

S 2006/8/13, Sureña [EMAIL PROTECTED]:

 Muchas gracias a todos, pruebo los ejemplos y les cuento.!!
 Gracias!!

 Alejandra

 -.







-- 
Saludos,
 Raulmailto:[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] Webmaster Jam Session.

2006-08-03 Por tema Raul Martin

MP A todo ello, a ver si algúm emprendedor se anima a montar unas conferencias
MP de desarrollo web un poco más técnicas donde se pueda ver desde CSS hasta
MP Javascript y APIs, XHTML o incluso php, mysql, RoR, etc...
MP La peña de domestika a veces monta conferencias sobre CSS y similares, algo
MP así tambien mola :P (si por pedir que no quede).


Pues venga :D Hacemos los laboratorios ovillo?, al estilo cadius?

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] Cómo el tamaño fuente de una web

2006-08-01 Por tema Raul Martin
Hola chicos,

Totalmente de acuerdo.

Un saludo.


ALJA Correcto, Raul. Pero aún sería mejor si defines el tamaño del
ALJA body mediante em´s o porcentaje
ALJA (por ejemplo 62.5% que equivale a 10px y a partir de esto es
ALJA muy sencillo: si quiero un tamaño de 
ALJA 12px simplemente pongo: 1.2em y 16px equivale a 1.6em etc.). 
ALJA Así también se puede cambiar el tamaño del texto en IE y sin
ALJA javascript, mediante Menu Ver / Tamaño
ALJA de la fuente.
ALJA Puede parecer redundante, pero no lo es (caso javascript
ALJA desactivado + navegador obsoleto pero que
ALJA domina el mercado)
ALJA Piensa que puede haber mucha gente con problemas de vista que
ALJA se ha acostumbrado a usar la opción
ALJA del menu de su navegador y aunque tengan javascript activado
ALJA van a ir al menu ya que es lo que 
ALJA acostumbran y no a los enlaces A+ y A-


___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] CSS o JS

2006-07-31 Por tema Raul Martin
Hola sanco48,

http://wellstyled.com/css-nopreload-rollovers.html

Este artículo seguro que te es útil.
Al igual  que cambias el background-image, puedes cambiar el 
background-position


Un saludos


s Es posible realizar en CSS tal como se suele hacer en JS, que al
s colocar el mouse sobre la primera imagen aparezca una
s segunda y al hacer clic una tercera. Lo que he podido localizar es
s solamente o uno ú otro pero no la combinación de los
s dos.
s La primera y segunda imagen tienen las mismas dimensiones, pero la
s tercera es diferente en las medidas por lo que se
s deberá posicionar de diferente forma.


s Un cordial saludo de...santosVZ
s  


s ___
s Lista de distribución Ovillo
s Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
s Puedes modificar tus datos o desuscribirte en la siguiente
s dirección: http://ovillo.org/mailman/listinfo/ovillo



-- 
Saludos,
 Raulmailto:[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] Cómo el tamaño fuente de una web

2006-07-31 Por tema Raul Martin
Hola,

 Muchas veces esto no es necesario, si la hoja de estilos esta hecha con sus 
proporciones en em (los contenidos cuyo tamaño deseas cambie) y en el font-size 
del body estableces por ejemplo 10px, bastaría con cambiar ese único font-size 
para que todo cambie a la par.

Como  ejemplo te dejo:

www.ubicuit.net/ejemplosCSS/resize/

No está muy currado, pero como ejemplo vale.

Un saludo


R Buenos días, Gema. Aquí (http://www.chriswilliamsdesign.com) tienes un
R modo de hacerlo -mirate el codigo fuente, y observa que los botones de
R a+ y a- llaman a una funcion js que cambia directamente la hoja de
R estilos-. En todo caso, creo recordar que por dom puedes cambiar
R directamente el valor de un atributo css, con lo que solo tendrías que
R incluir todos los textos que quieras modificar en una etiqueta
R específica como p y luego cambiar el font-size de p.

R Espero haberte servido de ayuda. Buena semana a todos.


R -Mensaje original-
R De: [EMAIL PROTECTED]
R [mailto:[EMAIL PROTECTED] En nombre de Gema Masegosa
R Enviado el: lunes, 31 de julio de 2006 10:00
R Para: Ovillo, la lista de CSS en castellano
R Asunto: [Ovillo] Cómo el tamaño fuente de una web

R Hola,

R He visto que ultimamante muchas páginas dan la opción de que el usuario
R pueda cambiar el tamaño de la fuente de su página según su necesidad. Sé
R hacerlo con varios CSS's y uno por defecto que es el que se carga la
R página,
R pero siempre dándole la
R opción al usuario en un menú A A A . Me gustaría saber como se
R implementaría  una  opción que he visto mucho en la que ponen A- A+ .
R ¿Alguién
R sabe cómo se hace? ¿Son varios Css's y javascript?

R Gracias!

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Filtro CSS para Opera 8.5

2006-06-06 Por tema Raul Martin
Hola,

OaG Respecto al tema FireFox + Opera + Netscape... la cuestión es que el
OaG problema lo tiene Opera, ni FireFox ni Netscape. Si le aplico la solución
OaG que entiende Opera también al Nets, estoy perdiendo un navegador que hace 
lo
OaG que debe.


De ahí el segundo hack, que te permite restaurar la situación en estos 
navegadores, haciendo que el anterior hack solo afecte a Opera...

es decir, 

head:first-child+body div  aplica el valor a Mz, Ns y Op

para aplicarlo solo a opera tienes que restaurar Mz y Ns, encuentras en la 
tabla que  html*#test se aplica a Mz, Ns pero no a Op, por lo que restaurando 
aqui la propiedad, el valor asignado anteriormente se marca solo sobre Opera.

Es decir, en el cuadro de filtros, los Y del primer filtro tienen un Y en 
el segundo filtro, excepto en opera.

Como siempre que hago un comentario sobre filtros, recomiendo que solo se usen 
como ultimo recurso, pero es solo una opinión.

Y si los separas a una hoja distinta, como comentabas, documéntalo bien para el 
futuro. 

Pd, en el caso que propones, no he visto manera de componer varios hacks para 
salvar esta solución en una sola regla, que parece que es lo que buscas. Si la 
encuentras, no dudes en comentarla por aquí ;)


Un saludo y espero haberme explicado mejor :) Sorry

___
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] formularios con listas de definición. .. o no

2006-05-18 Por tema Raul Martin
Hola,

 Para mi no es una lista de definición por un motivo, un label
 representa el termino a definir y el input (o lo que convenga) la
 definición del usuario para que cargar con más etiquetas algo que
 ya esta correctamente marcado...

 

Thursday, May 18, 2006, 11:16:12 PM, you wrote:

AC Para mí tienen cierto aire a lista de definición, pero no me atrevo a
AC llamarlos listas de definición por dos razones:

AC 1. En cada elemento, en realidad, NO SE ESTÁ DEFINIENDO NADA. Al contrario,
AC se está pidiendo la definición al usuario.

AC 2. Yo no he visto nunca hacerlo con listas de definición, ni siquiera las
AC páginas más accesibles, aunque yo sí he estado tentado a hacerlo.

AC Yo creo que implementar un formulario  como se hizco siempre, sin listas,
AC está bien. Si tienes dudas haciendolo con listas, ¿para qué complicarse la
AC vida? Hazlo como siempre.

AC - Álex -


AC 2006/5/10, Adolfo Antón Bravo [EMAIL PROTECTED]:

 -BEGIN PGP SIGNED MESSAGE-
 Hash: SHA1

 Hola

 Sigo con las dudas en cuanto a los formularios. En esta ocasión me
 refiero a las dudas que surgen cuando uno ve los ejemplos de formularios
 megachulos y descubre que no están hechos en su mayoría con listas de
 definición.

 El caso es que en algunos que estoy haciendo, hay datos que parece de
 perogrullo preguntarse si hacerlo con una lista de definición o no, o al
 menos eso es lo que me parece.

 Por ejemplo:
 Nombre
 Fulanito
 Apellidos
 Mengánez
 Domicilio
 Calle de la Libertad

 Aunque por otro lado, no es una lista de definición en plan:
 Semiótica
 El estudio del signo
 Gramática
 El estudio de la lengua

 Llegados a este punto, donde me decanto por un lado por las listas de
 definición, por otro lado no, y si recurro a los clásicos
 definitivamente no, ¿qué piensan vuesas mercedes?

 Saludos
 - --
 Adolfo Antón Bravo
 xsto.info, el acceso a la sociedad de la información
 -BEGIN PGP SIGNATURE-
 Version: GnuPG v1.4.3 (GNU/Linux)
 Comment: Using GnuPG with Thunderbird - http://enigmail.mozdev.org

 iD8DBQFEYb1XY2JqCYF/3XwRApPTAJ0QLq4jLQdjfuTmT4kh8jWcpwLY1gCfQ7SX
 j6pmxYvwW129MjxhKix7iHM=
 =98nc
 -END PGP SIGNATURE-
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección:
 http://ovillo.org/mailman/listinfo/ovillo

AC ___
AC Lista de distribución Ovillo
AC Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
AC Puedes modificar tus datos o desuscribirte en la siguiente
AC dirección: http://ovillo.org/mailman/listinfo/ovillo



Saludos.

_

 Todo lo que no aprendí,
no se me ha olvidado.
_

___
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 capa sobre otra - z-index ??

2006-05-18 Por tema Raul Martin
Hola,

Como ha quedado el caso así a medias. el asunto me da que es el
position:relative; que comentaba Alejandro,

Como referencia y para que este correo aporte algo:
 http://www.w3schools.com/css/pr_pos_z-index.asp

Comprueba la segunda nota y si quieres juega con este ejemplo.
http://www.w3schools.com/css/tryit.asp?filename=trycss_zindex2
Nota, para posicionarlo debajo sin position absolute ni relative
utiliza un margin-top negativo



Thursday, May 18, 2006, 8:24:11 AM, you wrote:

DD No he estudiado bien el caso, pero según vi los z-index de un vistazo,
DD veo que tienes a topnavbar más alto, por lo que sobresaldrá por
DD arriba y no como dices, que sobresalga por debajo...

DD Entre más alto el z-index más sobresaliente será el DIV


DD Supongo que banner saldrá por encima de topnavbar

DD #topnavbar {
DDz-index: 2;
DD   height: 400px;
DD   border: 1px solid;
DD }
DD #banner{
DDz-index: 4;
DD   height: 200px;
DD   border: 1px solid;
DD }

DD Eso fue lo que entendísuponiendo que ambos inician en el mismo
DD punto, pero TOPNAVBAR continua por debajo
DD __
DD ||
DD |BANNER   |
DD ||
DD |_|
DD !!
DD !  TOPNAVBAR  !
DD !!
DD -

DD Saludo,
DD DJ-Dom
DD El 17/05/06, Reynier Perez Mira[EMAIL PROTECTED] escribió:
 DJ Dom mira el ejemplo online para que veas a lo que me refiero aunque ahora 
 que le quite al DIV contenedor el 100% del height no me lo hace
 Salu2
 --
 ReynierPM | Kubuntu 5.10 | 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 DJ-Dom
  Enviado el: Wednesday, May 17, 2006 4:03 AM
  Para: Ovillo, la lista de CSS en castellano
  Asunto: Re: [Ovillo] Una capa sobre otra - z-index ??
 
  Y no entiendo esto de sobresalga por debajo...
 
  Saludo,
 
  DJ-Dom
 
 
  2006/5/17, Alejandro Lillo [EMAIL PROTECTED]:
   On 5/17/06, Reynier Perez Mira [EMAIL PROTECTED] wrote:
Debo mostrar una capa sobre otra para dar el efecto que
  quiero. Para
ello he puesto lo siguiente:
div id=header
div id=topnavbar
div id=righttopnavvar Menu top
  izquierdo /div
div id=lefttopnavvar Menu top derecho /div
/div
div id=bannernbsp;/div /div !-- Cierre de la
cabecera --
   
Y lo que quiero es que la capa topnavbar sobresalga por
  debajo de
la capa banner. El CSS lo he puesto asi:
#topnavbar {
line-height: 30px;
background: url(../images/topnav.jpg) repeat-x left top;
z-index: 4;
}
#banner{
background: #6B839C url(../images/banner.png)
  no-repeat left
top;
height: 210px;
z-index: 2;
}
   
Pero no me funciona. Alguna idea de que es lo que estoy haciendo
mal? El ejemplo online lo tienen en:
http://testportal.awardspace.com/
  
  
   Así dormido por la mañana y sin mirarlo mucho, te diría que
  pruebes a
   ponerle un position : relative; a ambas capas.
  
   --
   Alejandro Lillo
   www.nordic-design.net
   ___
   Lista de distribución Ovillo
   Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
   Puedes modificar tus datos o desuscribirte en la siguiente
  dirección:
   http://ovillo.org/mailman/listinfo/ovillo
  
 
 
  --
  www.dj-dom.net
  [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






Saludos.

_

 Todo lo que no aprendí,
no se me ha olvidado.
_

___
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] Control de carga de la CSS

2006-02-21 Por tema Raul Martin
Hola,

Mira esto:
http://www.bluerobot.com/web/css/fouc.asp

Por lo que cuentas va ser algo de este estilo.



Saludos mil

On 21/Feb/2006 12:05:50, Abel_Domínguez  wrote:
 La solución del preload no nos parece, según el proyecto dado,
 del todo correcta. No hay problema de optimización de imágenes;
 a pesar de tratarse de una tienda online, cada imagen de producto
 no supera 1kb.
 
 Lo que nosotros notamos en esta fase de testeo[1] es que la
 maqueta carga perfectamente rápido, php incluido. Sin embargo
 la CSS se demora más en cargar (mucho más en IE que en FF).
 
 Tras varias pruebas, vamos a optar por embeber los estilos
 directamente dentro del head. Por cuestiones de planning
 no podemos dedicarle más tiempo a una solución más elaborada
 :-S
 
 [1] http://www.elharam.es/index.php
 
 Aún asi, muchas gracias :)
 Abel
 
 
 - Original Message - 
 From: Pablo Viojo [EMAIL PROTECTED]
 To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
 Sent: Tuesday, February 21, 2006 12:29 AM
 Subject: Re: [Ovillo] Control de carga de la CSS
 
 
 Puedes postear algun detalle más, como algun link donde ver el problema, o
 la forma en que incluyes los estilos?
 
 Saludos
 
 --
 Pablo Viojo
 [EMAIL PROTECTED]
 http://pviojo.net
 
 On 2/20/06, Abel Domínguez [EMAIL PROTECTED] wrote:
 
  Hola amigos,
 
  tenemos un proyecto en fase de testeo e implementación
  (se trata de una tienda online). El problema está en la carga
  del XHTML y la posterior carga de CSS. Tarda en cargar
  la hoja de estilos y se ve durante unos segundos la maquetada
  pelada...
 
  ¿Hay alguna forma de controlarlo?
 
  Gracias!
 
  Abel Domínguez
  ___
  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
 
 
 ___
 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] footers

2005-08-26 Por tema Raul Martin
Hola David,
Tal vez de aquí puedas sacar algo :)
http://www.fu2k.org/alex/css/frames/
Lo que quieres se puede interpretar como un frame, emulable desde css.

claro, claro, algo parecido se nos habia ocurrido... pero queremos algo más 
crossbrowser, en fin que position:fixed no se interpreta muy bien en 
explorer que digamos...

gracias por tu respuesta, alguna alternativa 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


RE: [Ovillo] no puedo validar la fecha

2005-06-08 Por tema Raul Martin
Yo usaria tecnología de servidor para mostrarle la hora al usuario. 

¿Que consigues mostrando al usuario un dato qeu en el 99% de los casos ya va a 
tener en pantalla? (relojito del sistema operativo) En caso de mostrarle un 
dato muestrale la hora del servidor... 
La hora del servidor es controlable, mientras que la del usuario no, puede 
estar mal... Bueno esto es un debate mas de usabilidad que de css, así que no 
me enrrollaré.

Al tema si utilizas tecnología de servidor (php,asp...) no tendrás este 
problema, ya que al cliente le llegara html masticado. 

 Saludos


On 08/Jun/2005 09:19:36, Fernando S. wrote:
 Hola,
 estoy aqui dandole vueltas a la validación de la fecha en javascript
 que lo he metido entre cd data y me daba error. 
 Los errores de validacion son multiples que podeis comprobar en
 un documento que he puesto para validad, me gustaria que si puede
 ser me dierais una alternativa a la fecha para que sea validable este script:
 
 http://validator.w3.org/check?uri=http%3A%2F%2Fwww.cemfe.org%2Fdocs%2Fcrea_empresas%2Fasesoramiento.htm
 
 el script es:
 script language=JavaScript type=text/javascript
  var mydate=new Date()
  var year=mydate.getYear()
  if (year  1000)
  year+=1900
  var day=mydate.getDay()
  var month=mydate.getMonth()
  var daym=mydate.getDate()
  if (daym10)
  daym=0+daym
  var dayarray=new Array(Dom.,Lun.,Mar.,Mie.,Jue.,Vie.,Sab.)
  var montharray=new 
 Array(Enero,Febrero,Marzo,Abril,Mayo,Junio,Julio,Agosto,Septiembre,Octubre,Noviembre,Diciembre)
  document.write(centerfont 
 color='white'++daym+/+montharray[month]+/+year+/font/center)
 /script
 
 Muchas gracias,
 Fernando
 ___
 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] listas con bullets (o numeros) y con display:block

2005-05-31 Por tema Raul Martin

Hola,
   A mi solo me da problemas si pongo el display block en el LI, como era de 
esperar.
¿Seguro que no has puesto un display block tambien en el li y no solo en el a?.

   Saludos.

On 31/May/2005 14:22:03, eemece2 wrote:
 Buenas a todos,
 
 No consigo hacer una lista ol o ul mostrando los numeros o los bullets 
 respectivamente, y ademas usando display:block en los a.
 El objetivo es hacer una lista vertical con todos los elementos metidos en 
 cajas de las mismas dimensiones, por ejemplo, como:
 
 http://css.maxdesign.com.au/listamatic/vertical08.htm
 o
 http://css.maxdesign.com.au/listamatic/vertical13.htm
 
 pero viendose los numeros o bullets (dentro de las cajas)
 
 No me vale el esconderlos y poner una imagen de fondo, pues tambien debe de 
 valer para listas ordenadas, viendose sus numeros.
 
 Normalmente, desaparecen los numeros o bullets.
 Parece que los display:block son los que dan los problemas.
 
 Bueno, si teneis alguna tecnica, o sabeis de algun enlace sobre esto, sera 
 muy bien recibido :-)
 
 Gracias,
 Edu.
 
 
 ___
 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] Problemas con padding

2005-05-26 Por tema Raul Martin
Firefox lo está haciendo bien, así es como dice la especificación que se debe 
comportar.
http://www.disenorama.com/articulos/css/el_modelo_de_cajas.htm

parece raro, pero piensa en esto:

div{
  width:50px;
  padding-left:50px;
  padding-right:50px;
}

que debería hacer el navegador? con el modelo de cajas del w3c queda claro lo 
que debe hacer.

en cuanto a lo último... no lo se. No se por que te da ese error, no obstante 
dentro de un p meter un div no me parece muy logico, ta vez un span... no lo 
se, habría que pensar.
Pero la verdad que desconozco por que te hace eso, puedes enviar el css?


 


On 26/May/2005 13:12:22, [EMAIL PROTECTED] wrote:
 Hola, 
 
 aprovecho para saludaros a todos, he comenzado hace poco con CSS en serio, y 
 la lista me ayuda mucho a aclarar algunos conteptos que no tenia claros.
 
 La verdad que el problema que tengo me sorprende bastante. Tengo un div 
 contenedor que a su vez contiene 3 divs para un layout de 3 columnas de tipo 
 float left. El div #menuizquierdo mide de ancho 150px y no tiene ni margenes 
 ni bordes. El div #contenido (el central) mide 458px de ancho y tiene 1px de 
 margen por cada lateral, y finalmente tengo el div #menuderecho que mide 
 150px y tampoco tiene ni margenes ni bordes.
 
 Esto encaja perfecto ya que el div #contenedor mide 760px de ancho.
 
 El problema me aparece en un cambio que no deberia afectar en firefox (si en 
 Ie, ya que el tema es de padding). Aqui os expongo el problema.
 
 El div contenido en principio no tenia padding, y solamente contiene un h1 y 
 un p. Con esta situacion usabamos margin para que el h1 y el p no estuvieran 
 pegados a los menus laterales. 
 
 Por cuestiones que no vienen al caso, para dejar aire del contenido a los 
 bordes de este div pensamos en ponerle padding al div contenido, en vez de 
 darle margin a los elementos h1 y p. Cual es nuestra sorpresa que al ponerle 
 un padding lateral de 15px a cada lado, se nos descoloca la columna derecha! 
 es como si firefox funcionara como IE, añadiendo el padding al exterior de la 
 caja, en vez de su interior, esto se ve ya que el div contenido tiene un 
 color de fondo y se ve como se superpone al menu derecho.
 
 Si reducimos lo que ampliamos de padding al width del contenido vuelve a 
 encajar, pero esto en firefox no deberia ser asi, no se supone que el padding 
 en firefox va dentro del width? Es decir, por poner mas padding, aumenta el 
 width... 
 
 Por otro lado nos ocurre otra cosa cursiosa, tenemos el susdicho p que dentro 
 carga mediante php un texto, este texto esta generado mediante un gestor de 
 contenidos con un rich text editor que genera divs de alineamiento, etc. Nos 
 sucede que el texto que esta despues de un div pierde las propiedades del p 
 que lo contiene, es decir:
 
 p
 Aqui texto bla bla bla br /div style=text-align:rightesto a la 
 derecha/divbr /Mas bla bla bla
 /p
 
 Pues bien lo de antes del div toma los estilos definidos para p, pero lo de 
 despues de cerrar el div no los pilla... 
 
 Muchas gracias de antemano.
 
 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
 
 




___
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