Re: [Ovillo] Herencias css

[Rafa Ferrero]

Te explico un poco a ver si te sirve la solución...

al poner #content > img le estás diciendo a los estilos css que la img
que sea hija de #content coja dichos estilos...

El 10 de mayo de 2012 14:11, Rafa Ferrero escribió:

> Prueba esto
>
> #content > img {
> background-color: #0C6;
> border-top-width: 2px;
> border-right-width: 2px;
> border-bottom-width: 2px;
> border-left-width: 2px;
> border-top-style: solid;
> border-right-style: solid;
> border-bottom-style: solid;
> border-left-style: solid;
> }
>
> El 10 de mayo de 2012 14:06, Vincent Grönholm Olson <
> vincent.kya...@gmail.com> escribió:
>
> Hola a todos!
>> Estoy modificando una template wordpress y tengo un pequeño problema:
>> Hay una img que hereda una regla de su div contenedor y no quiero que lo
>> haga... he leido que el atributo !important hace que una regla en concreto
>> anule la herencia venga de donde venga. Quiero cambiar el color del fondo
>> de una imagen y no logro que funcione. No se que estoy haciendo mal,
>> alguien puede echarme una mano?
>>
>> HTML:
>> 
>>
>>
>>
>> CSS:
>>
>> #content img {
>> background-color: #0C6;
>> border-top-width: 2px;
>> border-right-width: 2px;
>> border-bottom-width: 2px;
>> border-left-width: 2px;
>> border-top-style: solid;
>> border-right-style: solid;
>> border-bottom-style: solid;
>> border-left-style: solid;
>> }
>> .ilurebe {
>> background-color: #ff; !important;
>> border-top-width: 0px;
>> border-right-width: 0px;
>> border-bottom-width: 0px;
>> border-left-width: 0px;
>> border-top-style: none;
>> border-right-style: none;
>> border-bottom-style: none;
>> border-left-style: none;
>> }
>>
>> (perdón por el formateo este cutre del dreamweaver)
>>
>>
>> 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://lists.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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Herencias css

[Rafa Ferrero]

Prueba esto

#content > img {
background-color: #0C6;
border-top-width: 2px;
border-right-width: 2px;
border-bottom-width: 2px;
border-left-width: 2px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
}

El 10 de mayo de 2012 14:06, Vincent Grönholm Olson <
vincent.kya...@gmail.com> escribió:

> Hola a todos!
> Estoy modificando una template wordpress y tengo un pequeño problema:
> Hay una img que hereda una regla de su div contenedor y no quiero que lo
> haga... he leido que el atributo !important hace que una regla en concreto
> anule la herencia venga de donde venga. Quiero cambiar el color del fondo
> de una imagen y no logro que funcione. No se que estoy haciendo mal,
> alguien puede echarme una mano?
>
> HTML:
> 
>
>
>
> CSS:
>
> #content img {
> background-color: #0C6;
> border-top-width: 2px;
> border-right-width: 2px;
> border-bottom-width: 2px;
> border-left-width: 2px;
> border-top-style: solid;
> border-right-style: solid;
> border-bottom-style: solid;
> border-left-style: solid;
> }
> .ilurebe {
> background-color: #ff; !important;
> border-top-width: 0px;
> border-right-width: 0px;
> border-bottom-width: 0px;
> border-left-width: 0px;
> border-top-style: none;
> border-right-style: none;
> border-bottom-style: none;
> border-left-style: none;
> }
>
> (perdón por el formateo este cutre del dreamweaver)
>
>
> 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://lists.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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] HTML - Incluir un article en un article

[Rafa Artacho]

El motivo por el que hay un article que engloba al resto, es que al
maquetar la plantilla general de la web ese article tenía su razón de ser.
Al encontrarme con esta página que tenía la particularidad contener varias
publicaciones, me surgió la idea de englobar cada una en un article, para
mantener la estructura utilizada en toda la web.

Por este motivo, finalmente, incluiré cada publicación en un article.

Gracias, 1 saludo
Rafa

2011/12/21 Ramón Corominas 

> Sí, todo depende de lo que pretendas. La idea de  es, entre otras
> cosas, poder reutilizar contenido. Si tú consideras que un "libro" es un
> trozo reusable, puede ser interesante poner un  por libro,, y si
> luego consideras que las publicaciones son un bloque reusable, no veo razón
> para no incluirlas todas en otro 
>
> Saludos,
> Ramón.
>
>
> Rafa Artacho dijo:
>
> > Buenas tardes:
> >
> > Estoy maquetando una web que tiene una sección publicaciones, la
> estructura
> > que he hecho es la siguiente:
> >
> > 
> >
> >
> >
> >
> >
> >
> >
> >
> >
> >
> >   ...
> >
> >
> >
> >
> >   
> >
> >
> >Publicaciones
> >
> >
> >
> > 
> >
> >
> >   DATOS DEL LIBRO
> >
> >
> >   DATOS DEL LIBRO
> >
> >
> >   DATOS DEL LIBRO
> >    
> >
> >
> >
> >
> >
> >
> >
> > 
> > 
> > 
> >  ...
> >
> >
> >
> > 
> >
> > Gracias, 1 saludo
> > Rafa
> > ___
> > 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
> ___
> 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
>
___
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

[Ovillo] HTML - Incluir un article en un article

[Rafa Artacho]

Buenas tardes:

Estoy maquetando una web que tiene una sección publicaciones, la estructura
que he hecho es la siguiente:












   ...




   


Publicaciones






   DATOS DEL LIBRO


   DATOS DEL LIBRO


   DATOS DEL LIBRO








 
 
 
  ...





Gracias, 1 saludo
Rafa
___
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] OT: simuladores de moviles

[Rafa Ferrero]

Hola Pedro:

Tampoco es que esté muy puesto en esto de los diseños para dispositivos
móviles porque es algo relativamente nuevo... lo poco que conozco y que te
puede ayudar sería Dreamweaver CS5.5... la última versión de Adobe... que
ya viene preparado para que puedas visualizar los diseños en distintos
dispositivos: móviles, tablets, etc...

Espero haberte sido de ayuda...

El 15 de diciembre de 2011 10:52, Pedro Sanz escribió:

> hola:
> ya se que no es una pregunta CSS strict, pero si colateral.
> había preparado un bonito mail navideño para un cliente, con su pag html
> por si tiene problemas en el mail... y ahora me dice: y eso se verá bien en
> el teléfono móvil.
> la verdad es que no tengo mucha idea de eso, y claro lo primero sería
> buscar algún emulador (he probado en google, pero con no muy buneos
> resultados=.
> Así que recurro aquí para dos cosas:
>
>   1. Conocesi algun emulador que me permita probar la pag en distintos
>   móviles y sobre todo el mail?
>   2. entrando en el css, ¿tendría que hacer una hoja de estilos exclusiva
>   para el móviles?tengo una imagen de 800px por 500, ¿tendría que hacerlo
> más
>   pequeña o lo teléfonos los redimensiona?
>
> Bueno, agradecería cualquier ayuda y/o enlace sobre el tema.
> Saludos a todos.
> Pedro
>
> --
> Pedro Mª Sanz
> 620 23 59 58
> pedroms...@gmail.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://lists.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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Margen fantasma

[Rafa Quesada]

 
Hola, 
Quítale el márgen a la imagen central (.contenedor-graficos).
Con su margen y su alto hace que la altura de la caja que la contiene sea mayor 
que la imagen gris que tien de fondo, en realidad no hay ningun espacio entre 
la 
cabecera y el contenido, sino que el fondo no lo cubre todo
Saludos






De: Joseba Rodríguez 
Para: "Ovillo, la lista de CSS en castellano" 
Enviado: mar,4 enero, 2011 11:25
Asunto: [Ovillo] Margen fantasma



Hola!



Tengo un expediente X  para mi intelecto.



Después de darle vueltas no consigo quitar un margen que me aparece entre el
menú y el cuerpo de la página



Se puede ver en http://amqm.visionasolutions.com/



Curiosamente si quito la imagen central de la cabecera este margen
desaparece, pero no consigo ver la relación entre ellos.



Algo no estoy haciendo bien pero se me escapa.



Gracias.



Un saludo,



Joseba.

___
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



  
___
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] Botón que al hacer scroll en IE7, des aparece el texto

[Rafa Artacho]

El problema lo de el 'overflow:hidden;', quitándolo o poniéndolo a visible
se soluciona, pero entonces el ancho del botón no se ajusta al tamaño del
texto, con lo cuál debería definir un ancho (y una clase) para cada botón,
no pudiendo así reutilizar una misma clase para todos los botones, ¿alguna
forma de que el botón se ajuste al ancho del texto sin usar overflow:hidden?

Gracias



2010/10/8 Rafa Artacho 

> Si probáis este código en IE7, minimizáis la ventana del navegador para que
> aparezca el scroll vertical y usáis este scroll arriba y abajo el texto se
> corta e incluso llega a desaparecer, ¿sabéis cómo se puede arreglar?
>
>
> 
> Me interesa
> 
>
> button.boton-1{background:#FFBB00;border:none;height:33px;color:#fff;font-weight:700;font-size:1.2em;font-family:Arial,
> Helvetica,
> sans-serif;cursor:pointer;overflow:visible;float:left;margin:0;padding:0
> 5px;}
>
> Gracias
>
>
>
> 2010/9/23 Ivan Pérez 
>
> Lo probe con tu css usando un box para tener scroll vertical, no se
>> desaparece con IE 7 y Firefox o_0...
>>
>>
>>
>> El 23 de septiembre de 2010 06:51, Rafa Artacho > >escribió:
>>
>> > Buenas tardes:
>> >
>> > Tengo un botón hecho de esta forma:
>> >
>> > Me interesa
>> >
>> > y estilado, de esta otra:
>> >
>> >
>> >
>> button.boton-1{background:#FFBB00;border:none;height:33px;color:#fff;font-weight:700;font-size:1.2em;font-family:Arial,
>> > Helvetica,
>> > sans-serif;cursor:pointer;overflow:visible;float:left;margin:0;padding:0
>> > 5px;}
>> >
>> >
>> > El problema es que en IE7, al hacer scroll vertical, el texto se corta o
>> > desaparece. He probado a quitar el overflow:visible, o ponerlo a hidden,
>> y
>> > el problema desaparece, pero entonces el botón no se ajusta al texto si
>> no
>> > que ocupa todo el espacio disponible
>> > ___
>> > 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
>> >
>> ___
>> 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
>>
>
>
___
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] Botón que al hacer scroll en IE7, des aparece el texto

[Rafa Artacho]

Si probáis este código en IE7, minimizáis la ventana del navegador para que
aparezca el scroll vertical y usáis este scroll arriba y abajo el texto se
corta e incluso llega a desaparecer, ¿sabéis cómo se puede arreglar?



Me interesa


button.boton-1{background:#FFBB00;border:none;height:33px;color:#fff;font-weight:700;font-size:1.2em;font-family:Arial,
Helvetica,
sans-serif;cursor:pointer;overflow:visible;float:left;margin:0;padding:0
5px;}

Gracias



2010/9/23 Ivan Pérez 

> Lo probe con tu css usando un box para tener scroll vertical, no se
> desaparece con IE 7 y Firefox o_0...
>
>
>
> El 23 de septiembre de 2010 06:51, Rafa Artacho  >escribió:
>
> > Buenas tardes:
> >
> > Tengo un botón hecho de esta forma:
> >
> > Me interesa
> >
> > y estilado, de esta otra:
> >
> >
> >
> button.boton-1{background:#FFBB00;border:none;height:33px;color:#fff;font-weight:700;font-size:1.2em;font-family:Arial,
> > Helvetica,
> > sans-serif;cursor:pointer;overflow:visible;float:left;margin:0;padding:0
> > 5px;}
> >
> >
> > El problema es que en IE7, al hacer scroll vertical, el texto se corta o
> > desaparece. He probado a quitar el overflow:visible, o ponerlo a hidden,
> y
> > el problema desaparece, pero entonces el botón no se ajusta al texto si
> no
> > que ocupa todo el espacio disponible
> > ___
> > 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
> >
> ___
> 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
>
___
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

[Ovillo] Maquetación de email, datos tabulados

[Rafa Artacho]

Buenas tardes:

Estoy maquetando un email donde aparecen unos datos tabulados, el código que
llevo es el siguiente:




  
  
 

Para cualquier consulta sobre su reserva debe ponerse en contacto con el
departamento de información y reservas.


LOCALIZADOR: M3AIL2
DATOS DEL COMPRADOR
E_mail: t...@viajeconnosotros.com Teléfono: 33440099332
PASAJEROS
Pasajero 1  PRUEBA PRUEBA PRUEBA DNI xxx
Pasajero 2 PRUEBA PRUEBA PRUEBA NIE xxx


DOCUMENTACION
Le informamos que de acuerdo a la
legislación vigente y en relación al viaje que le estamos tramitando es
 absolutamente imprescindible llevar la siguiente documentación a la hora de
su viaje

  
  


  
 


Querría saber de qué modo debo codificar el texto que empieza por *
localizador*, yo lo haría con tablas al ser datos tabulados y además un
email. ¿Esa tabla estaría dentro del , se cierra el  anterior y se
abre una tabla, que tras cerrarla daría paso a otro ?

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

[Ovillo] Botón que al hacer scroll en IE7, des aparece el texto

[Rafa Artacho]

Buenas tardes:

Tengo un botón hecho de esta forma:

Me interesa

y estilado, de esta otra:

button.boton-1{background:#FFBB00;border:none;height:33px;color:#fff;font-weight:700;font-size:1.2em;font-family:Arial,
Helvetica,
sans-serif;cursor:pointer;overflow:visible;float:left;margin:0;padding:0
5px;}


El problema es que en IE7, al hacer scroll vertical, el texto se corta o
desaparece. He probado a quitar el overflow:visible, o ponerlo a hidden, y
el problema desaparece, pero entonces el botón no se ajusta al texto si no
que ocupa todo el espacio disponible
___
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] Optimizar clases

[Rafa Artacho]

Disculpad, el CSS sería así:

.contenido-superior
.bloque-1{font-size:1.8em;font-weight:700;float:left;background:none;height:auto;width:200px;padding:0
20px;}
.contenido-superior .bloque-1
.dato1{color:#cc;font-size:.7em;font-weight:normal;}
.contenido-superior .bloque-1 .dato2{color:#BABBAD;
font-size:.7em;font-weight:normal;}




2010/7/7 Rafa Artacho 

> Estoy creando un bloque con distintas clases, este bloque se compone de:
>
> Una caja de 200px con tres textos distintos dentro:
>
> *Texto grande negrita*
> Texto pequeño rojo Texto pequeño gris
>
> El html queda así:
>
> Texto grande negrita
> Texto pequeño rojo
> Texto pequeño gris
>
> 
>
> con el objeto de no crear muchas clases, aprovechando la herencia, he hecho
> lo siguiente:
>
> .contenido-superior
> .bloque-1{font-size:1.8em;font-weight:700;float:left;background:none;height:auto;width:200px;padding:0
> 20px;}
> .contenido-superior .bloque-1
> .dato1{color:#cc;font-size:.7em;font-weight:normal;}
> .contenido-superior .bloque-1 .dato2{color:#BABBAD;}
>
> ¿Véis correcta esta práctica o es mejor crear clases individuales?
>
___
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

[Ovillo] Optimizar clases

[Rafa Artacho]

Estoy creando un bloque con distintas clases, este bloque se compone de:

Una caja de 200px con tres textos distintos dentro:

*Texto grande negrita*
Texto pequeño rojo Texto pequeño gris

El html queda así:

Texto grande negrita
Texto pequeño rojo
Texto pequeño gris



con el objeto de no crear muchas clases, aprovechando la herencia, he hecho
lo siguiente:

.contenido-superior
.bloque-1{font-size:1.8em;font-weight:700;float:left;background:none;height:auto;width:200px;padding:0
20px;}
.contenido-superior .bloque-1
.dato1{color:#cc;font-size:.7em;font-weight:normal;}
.contenido-superior .bloque-1 .dato2{color:#BABBAD;}

¿Véis correcta esta práctica o es mejor crear clases individuales?
___
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] Lightbox CSS 100% alto

[Rafa Artacho]

Funciona a la perfección, también para IE (menos IE6 por la opacidad).

Gracias

2010/6/24 Admin CNTIC 

> 2010/6/24 Rafa Artacho 
>
> > Estoy aplicando un efecto lightbox con CSS en una web, he utilizado este
> > recurso:
> >
> >
> >
> http://www.emanueleferonato.com/2007/08/22/create-a-lightbox-effect-only-with-css-no-javascript-needed/
> >
> > El problema viene al aparecer el scroll vertical, entonces la sombra solo
> > ocupa el tamaño de la ventana que se ve, al hacer scroll hacia abajo, la
> > capa no se extiende al 100% del alto de la página, ¿es posible estirar la
> > sombra hasta la panrte inferior de la ventana?
> > ___
> > 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
> >
>
> Hola, Rafa:
>
> Para solucionarlo (lo he probado en Firefox y en Opera) basta con sustituir
> la propiedad "position"  del fondo (.black_overlay) por "fixed". Quedaría
> algo
> así:
>
> .black_overlay{
>display: none;
>position: fixed;/* absolute;*/
>top: 0%;
>   [.]
>
> Espero que te sirva.
> 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://lists.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://lists.ovillo.org/mailman/listinfo/ovillo

[Ovillo] Lightbox CSS 100% alto

[Rafa Artacho]

Estoy aplicando un efecto lightbox con CSS en una web, he utilizado este
recurso:

http://www.emanueleferonato.com/2007/08/22/create-a-lightbox-effect-only-with-css-no-javascript-needed/

El problema viene al aparecer el scroll vertical, entonces la sombra solo
ocupa el tamaño de la ventana que se ve, al hacer scroll hacia abajo, la
capa no se extiende al 100% del alto de la página, ¿es posible estirar la
sombra hasta la panrte inferior de la ventana?
___
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] [curiosidad] Google drop-shadows.

[Rafa Artacho]

Lo han debido de cambiar ya>


Programas de publicidad
Soluciones Empresariales
Todo acerca de Google
http://www.google.com/ncr";>Google.com in English


#fctr, #fctr a, .sblc a, #cpFooter a, #cpf a, #prm a, #addlang, #addlang a {
color:white;
text-shadow:0 1px 3px black;
}





2010/6/10 Ignacio Ricci 

> De última, podrían hacer un text-shadow, y los que no lo soportan que se
> caguen :p
> [image: Ignacio Ricci - Designer + Developer]
>
>
> 2010/6/10 Martín Szyszlican 
>
> > Hola Tei, no te parece que poner el texto dos veces es poco semántico?
> > Además debe generar problemas de accesibilidad para los lectores de
> > pantalla.
> > Dicen que el contenido duplicado es malo para el SEO :P
> >
> > Me extraña que google no tenga en cuenta estas cosas.
> >
> > Martín.
> >
> > 2010/6/10 Tei 
> >
> > > Google ha empezado a permitir images de background en la portada del
> > > buscador. Naturalmente cualquier imagen no pega con cualquier texto,
> > > asi que ha optado por añadir un dropshadow a los textos, para hacer
> > > que estos resalten y sean legibles, incluso si el fondo es blanco y el
> > > texto es blanco.
> > >
> > > He curioseado un poco, y el codigo parece algo como esto:
> > >
> > > 
> > > Programas de publicidad
> > > Programas de
> > > publicidad
> > > 
> > >
> > > Con este CSS
> > > .cpTextCloneShadow {
> > >color: #333;left: 1px;
> > >position: absolute;
> > >top: 1px;
> > >z-index: -1;
> > > }
> > >
> > > parece que utilizan el concepto de "position absolute significa
> > > absoluto solo desde el ultimo elemento con posicionamiento absoluto o
> > > relativo en que esta contenido el elemento",  mediante la comprension
> > > de esto, y el pequeño truco de empujar hacia abajo la sombra con
> > > z-index: -1  te hacen un pequeño dropshadown.
> > >
> > > Esta bien :-)
> > >
> > >
> > > --
> > > --
> > > ℱin del ℳensaje.
> > > ___
> > > 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
> > ___
> > 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
> >
> ___
> 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
>
___
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] Centrar varios elementos flotados

[Rafa Artacho]

Lo que necesitaría es que le elemento 2 esté pegado al 1, es decir, el
nombre del establecimiento y seguidamente sus estrellas. Esto debería estar
centrado en todo el ancho del contenedor, que abarcaría hasta el principio
del elemento 3, que es el botón cerrar alineado a la derecha del todo.



2010/6/5 Santiago García 

> Rafa Artacho:
>
> La verdad es que no acabo de entenderlo bien: Dices que necesitas CENTRAR
> un elemento flotante a la izda. ¿Pero centrarlo con respecto a qué? Quizá
> necesites especificar un ancho bien grande (p.e. 50%) para el elemento 1, de
> manera que tenga sentido centrarlo.
>
> Tampoco acabo de entender cómo necesitas la apariencia del elemento 2.
> ¿Pegado al elemento 1? ¿Ligeramente distanciado? ¿Ostensiblemente flotando
> en una columna aparte? Una vez más creo que te falta especificar anchos.
>
> La recomendación de Jaume también me parece buena: Quizá necesites
> estructurar más tu página, metiendo más DIVs intermedios. Es decir:
> Introducir un nivel más por cada aspecto común que necesites darles.
>
> Posible solución que se me ocurre:
>
> --
>  http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
> http://www.w3.org/1999/xhtml";>
> 
> 
> .contenedor{
> border: solid 1px red;
> margin:0 auto;
> overflow:hidden;
> padding:15px 0 5px;
> text-align:center;
> }
> .elemento1 {
> background-color: yellow;
> float: left;
> width: 50%;
> }
> .elemento2 {
> background-color: green;
> float: left;
> }
> .elemento3 {
> background-color: lightgrey;
> float: right;
> }
> 
> 
> 
> 
> Casa Rural Pepa Mary
> ***
> X
> 
> 
> 
>
> --
>
> Saludos.
>
> Santiago.
>
>
>
>
> ___
> 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
>
___
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

[Ovillo] Centrar varios elementos flotados

[Rafa Artacho]

Necesito posicionar en un div 3 elementos de este tipo:

Elemento 1 - Div flotado a la izquierda que contiene texto.
Elemento 2 - Div flotado a la izquierda, tiene una imagen de background.
Elemento 3 - Enlace flotado a la derecha.

El resultado debería ser:

Casa Rural Pepa Mary *** X

Lo que quiero centrar es el elemento1 y 2, Casa Rural Pepa Mary y las
estrellas.
La X es el elemento 3 que es un botón de Cerrar, y debe estar a la derecha
del div contenedor.

El HTML:

Casa Rural Pepa Mary
***
X


La clase contenedor la tengo así:
.contenedor{
margin:0 auto;
overflow:hidden;
padding:15px 0 5px;
text-align:center;
}

El problema es que para que aparezcan en la misma línea elemento 1 y 2 tengo
que flotarlos, conlo que el centrado que ejerce la clase contenedor se
pierde.
he probado a poner las estrellas con span pero no se ve. ¿Véis alguna
posible solución?
___
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] [OT] - Utilizar atributo diferente de id para usar en scripts

[Rafa Artacho]

Tienes razón Andrés, me he dado cuenta mientras estaba mirando cómo hacerlo
con JQuery.

Creo que voy a utilizar clases dobles, es decir, una clase con los atributos
comunes para representar los calendarios y otra clases diferente para
mostrar sus características particulares.
Ej:




Creo que así se solucionarían mis problemas.


2010/6/1 Andrés gutiérrez 

> >>dado que son iguales les aplico un estilo común mediante un id
> Si dos elementos tienen el mismo id en el documento, lo estas haciendo mal.
> Al menos es lo que yo creo. Yo empezaría por cambiar eso.
>
> El 1 de junio de 2010 11:22, Rafa Artacho  escribió:
>
> > Acoto un poco más la temática, necesito invocar 2 calendarios, dado que
> son
> > iguales les aplico un estilo común mediante un id, pero al ser distintos
> > calendarios no puedo utilizar el mismo id para aplicarles el script, ya
> que
> > son calendarios diferentes.
> >
> > ¿Alguna opción sin usar JQuery?
> >
> >
> >
> > 2010/6/1 cmik22 
> >
> > > Aunque utilices el id para aplicar clases css, el id siempre tiene que
> > ser
> > > único en una página, por lo que puedes utilizarlo perfectamente para
> > > invocar
> > > al div desde un script.
> > >
> > >
> > >
> > > El 1 de junio de 2010 10:24, Rafa Artacho 
> escribió:
> > >
> > > > Para seleccionar un div mediante scriptting necesito usar un atributo
> > que
> > > > no
> > > > sea id, ya que el id lo uso para aplicar clases css.
> > > > ¿Existe algún otro atributo que pueda invocar desde el script para
> > > > seleccionar un div?
> > > > ___
> > > > 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
> > > >
> > > ___
> > > 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
> > >
> > ___
> > 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
> >
> ___
> 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
>
___
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] [OT] - Utilizar atributo diferente de id para usar en scripts

[Rafa Artacho]

Acoto un poco más la temática, necesito invocar 2 calendarios, dado que son
iguales les aplico un estilo común mediante un id, pero al ser distintos
calendarios no puedo utilizar el mismo id para aplicarles el script, ya que
son calendarios diferentes.

¿Alguna opción sin usar JQuery?



2010/6/1 cmik22 

> Aunque utilices el id para aplicar clases css, el id siempre tiene que ser
> único en una página, por lo que puedes utilizarlo perfectamente para
> invocar
> al div desde un script.
>
>
>
> El 1 de junio de 2010 10:24, Rafa Artacho  escribió:
>
> > Para seleccionar un div mediante scriptting necesito usar un atributo que
> > no
> > sea id, ya que el id lo uso para aplicar clases css.
> > ¿Existe algún otro atributo que pueda invocar desde el script para
> > seleccionar un div?
> > ___
> > 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
> >
> ___
> 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
>
___
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

[Ovillo] [OT] - Utilizar atributo diferente de id para usar en scripts

[Rafa Artacho]

Para seleccionar un div mediante scriptting necesito usar un atributo que no
sea id, ya que el id lo uso para aplicar clases css.
¿Existe algún otro atributo que pueda invocar desde el script para
seleccionar un div?
___
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

[Ovillo] Etiqueta button adaptable a contenido

[Rafa Artacho]

Estoy haciendo un botón con la etiqueta button y quiero que se adapte al
contenido del botón, me he dado cuenta que entre FF / Chrome e IE hay una
diferencia de nada menos que 20px, con lo que el diseño se me descuadra
bastante, el código es este:

ver otros horarios


¿Hay alguna forma de igualar tamaños sin tener que usar width?
___
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] Añadir texto proveniente de base de dat os por CSS

[Rafa Artacho]

La pregunta viene porque es una portal de un tamaño considerable y las
'altas esferas' me comentaron que quieren evitar el uso de JS para cargar
los enlaces dinámicos del menu principal y me encargaron que investigase
sobre la posibilidad de cargar estos enlaces desde CSS, alimentándolos desde
base de datos .

La pregunta de como hacerlo en IE6 sin JS; es que, por lo menos en IETester
esta expresión no funcionaba:

p:after{
content: 'un texto';
}

Saludos


2010/5/15 Ramon Lapenta 

> Yo tampoco, estaba a punto de preguntar en que extraña circunstancia
> esto podría ser necesario.
> Ramón Lapenta
> Diseñador, Webmaster
> web: Dessigual.com
> email: ram...@gmail.com
>
> On May 14, 2010, at 6:01 PM, Ignacio Ricci wrote:
>
> > No le encuentro sentido alguno a esta pregunta...
> > [image: Ignacio Ricci - Designer + Developer]
> >
> >
> > 2010/5/14 Jairo Ochoa 
> >
> >> Por si no quedó claro:
> >>
> >> -- PHP ---
> >> p:after {
> >>  content: '';
> >> }
> >> -- ASP ---
> >> p:after {
> >>  content: '<%= valor %>';
> >> }
> >>
> >> El ";" del final es el que cierra la línea del CSS y el del
> >> interior es del
> >> PHP, no es que esté repetido.
> >> ASP no lleva un ";" para cerrar las sentencias.
> >>
> >> --
> >>
> >> Jairo Ochoa
> >>
> >>
> >> El 14 de mayo de 2010 19:19, Philipp Keweloh 
> >> escribió:
> >>
> >>> El día 14 de mayo de 2010 19:16, Philipp Keweloh 
> >>> escribió:
>  cerrar otra vez con ";" oséase:
> 
>  p:after {
>  content: '';
>  }
> 
> >>>
> >>> Se me colo el echo, debería ser así:
> >>>
> >>> p:after {
> >>> content: '';
> >>> }
> >>>
> >>> Super off-topic! :P
> >>>
> >>> --
> >>> Philipp Keweloh
> >>> ___
> >>> 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
> >>>
> >> ___
> >> 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
> >>
> > ___
> > 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
>
> ___
> 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
>
___
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] Añadir texto proveniente de base de dat os por CSS

[Rafa Artacho]

¿Alguna forma de que funcione para IE6, sin usar JS?



2010/5/14 Jairo Ochoa 

> Sí, pero el archivo no sería estilos.css, bien estilos.php o estilos.asp
>
> Incluso lo pondría dentro del  del archivo php/asp que hace la
> consulta.
>
> p:after {
> content: '';
> }
>
> p:after {
> content: '<%= valor %>';
> }
>
> Como consigues "valor" ya dependerá de la consulta que hagas a la base de
> datos.
>
> --
>
> Jairo Ochoa
>
>
> El 14 de mayo de 2010 14:05, Rafa Artacho  escribió:
>
> > Buenas tardes:
> >
> > Con la siguiente regla CSS puedo añadir texto al html
> >
> > p:after{
> > content: 'un texto';
> > }
> >
> > ¿Sería posible sustituir 'un texto' por una etiqueta que recupere los
> > textos
> > desde una base de datos?
> >
> > 1 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://lists.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://lists.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://lists.ovillo.org/mailman/listinfo/ovillo

[Ovillo] Añadir texto proveniente de base de dat os por CSS

[Rafa Artacho]

Buenas tardes:

Con la siguiente regla CSS puedo añadir texto al html

p:after{
content: 'un texto';
}

¿Sería posible sustituir 'un texto' por una etiqueta que recupere los textos
desde una base de datos?

1 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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] [OT] consulta sobre utilización de tablas en forms

[Rafa Artacho]

He estado buscando algún ejemplo de formulario que engloben el input dentro
del label y no he encontrado nada, ni en la página del W3C ni en ninguna
otra web, es por curiosidad, ya que el código valida.

Por otra parte, esto si que lo he visto, ¿qué os parece englobar el
formulario en una lista?
http://www.thewatchmakerproject.com/contact/



2010/4/13 Andrés gutiérrez 

> Va a resultar que es bueno marear la perdiz :)
>
> El 13 de abril de 2010 16:02, Ramón Corominas
> escribió:
>
> > Y al corregir eso también veo que al copiar y pegar he dejado el
> > "tx-apell" también en la parte del DNI, que lógicamente habría que
> > cambiar por algo tal que:
> >
> > 
> >
> > Saludos,
> > Ramón.
> > > Ejem, sí, un pequeño fallo, gracias ;)
> > >
> > > Andrés escribió:
> > >
> > >> el atributo (for) del label y el (id) del input no deberían ser
> > >> iguales ¿?
> > >>
> >
> > ___
> > 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
> >
>
>
>
> --
> Experiencia es lo que obtienes, cuando no obtienes lo que quieres.
>
> -
> "Caminar sobre el agua y desarrollar software a partir de unas
> especificaciones es fácil. si ambas están congeladas."
> Edward V. Berard, ingeniero informático.
> ___
> 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
>
___
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] Boton adaptable al contenido

[Rafa Artacho]

Lo conseguí de este modo:

Actualizar
Calendario Precios

Saludos

2010/4/28 Rafa Artacho 

> Quiero hacer un botón que se adapte al contenido del mismo.
>
> He probado con button e input submit, y en IE el botón no se adapta al
> contenido sino que se extiende.
>
>  style="background:#FFBB00;border:none;height:33px;padding:0;margin:0;">Actualizar
> Calendario Precios
>
> ¿Hay alguna forma de lograr que el ancho del botón se adapte a su
> contenido, es decir, sin especificar un width fijo?
>
>
>
___
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

[Ovillo] Boton adaptable al contenido

[Rafa Artacho]

Quiero hacer un botón que se adapte al contenido del mismo.

He probado con button e input submit, y en IE el botón no se adapta al
contenido sino que se extiende.

Actualizar
Calendario Precios

¿Hay alguna forma de lograr que el ancho del botón se adapte a su contenido,
es decir, sin especificar un width fijo?
___
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

[Ovillo] Cambiar imagen mediante css

[Rafa Artacho]

¿Es posible cambiar una imagen haciendo hover sobre un enlace sobre CSS?, no
me refiero a una imagen background, sino a un img,





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

[Ovillo] Selección último elemento

[Rafa Artacho]

Estoy maquetando un calendario y me preguntaba la forma más correcta para
aplicar un estilo al último elemento. Las clases son iguales, lo único que
al último elemento no deseo aplicarle padding-right. Podría crear una clase
y quitarle el padding-right, pero busco algún otro método para no duplicar
acsi toda la información de la clase.


  
  
  
  
  
  
  


*CSS*

.fila-calendario-vacacional{clear:both;overflow:hidden;padding-top:10px;}
.dia-activo{background:transparent
url(../../images/HAL/dia-calendario-cifra.gif) no-repeat scroll 0
0;width:85px;height:86px;float:left;margin-right:7px;}
.dia-activo-derecha{background:transparent
url(../../images/HAL/dia-calendario-cifra.gif) no-repeat scroll 0
0;width:85px;height:86px;float:left;margin-right:7px;}


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

Re: [Ovillo] Alto de caja en texto con em's

[Rafa Artacho]

Disculpa, es que no puse el ejemplo completo, en combinación con el resto de
clases si que funciona. Si tengo tiempo intento reproducir lo que me ocurría
con un ejemplo más simple

Gracias por tu tiempo, 1 saludo


2010/4/23 Alvarez Laurnaga, Jose Antonio 

> Pues no se... dato4-1 en firefox se amontona con dato4 y en IE6
> desaparece...
>
> >> -Mensaje original-
> >> De: ovillo-boun...@lists.ovillo.org
> >> [mailto:ovillo-boun...@lists.ovillo.org] En nombre de Rafa Artacho
> >> Enviado el: viernes, 23 de abril de 2010 10:24
> >> Para: Ovillo, la lista de CSS en castellano
> >> Asunto: Re: [Ovillo] Alto de caja en texto con em's
> >>
> >> Gracias, por tus comentarios José Antonio:
> >>
> >> Tenías razón, deben ser otros estilos los que afectaban al
> >> alto de la caja dato3, al final resolví el asunto de esta forma:
> >>
> >> .dato3{font-size:1.2em;color:#fff;float:left;width:110px;padd
> >> ing:15px 0 0 15px;text-transform:uppercase;text-align:center;}
> >> .dato4{font-size:4em;font-weight:700;float:left;padding-left:
> >> 10px;line-height:1.1em;}
> >> .dato3
> >> .dato4-1{font-size:1.5em;font-weight:700;position:relative;to
> >> p:29px;left:-24px;}
> >> .dato5{float:left;width:110px;padding:10px
> >> 0;text-align:right;font-size:1.1em;}
> >>
> >>
> >> y funciona en todos los navegarores
> >>
> >> 1 saludo
> >>
> >>
> >> 2010/4/22 Alvarez Laurnaga, Jose Antonio 
> >>
> >> > Sigue sin encajar Rafa. ¿No tendrás otros estilos, que no
> >> has incluido
> >> > para simplificar el problema y que están causando lo que comentas?
> >> > Esto http://joseba.xtreemhost.com/Nuevo2.html es tu código
> >> tal cual lo
> >> > has posteado (sólo he añadido borde a los cuatro elementos para
> >> > visualizarlos
> >> > mejor) y no veo que dato3 coja un alto mayor en IE6. Aquí
> >> > http://joseba.xtreemhost.com/comparativa.jpg puedes ver mi
> >> comparativa
> >> > FF
> >> > - IE6 (de IECollection) - IE (de IETester)
> >> >
> >> > ¿No puedes dar más datos de lo que quieres?, un
> >> pantallazo, algo. De
> >> > cualquier modo los estilos que usas con posicionamiento,
> >> flotado etc.
> >> > no parecen lo más adecuado aunque sigo sin saber lo que
> >> quieres haceer...
> >> >
> >> > >> -Mensaje original-
> >> > >> De: ovillo-boun...@lists.ovillo.org
> >> > >> [mailto:ovillo-boun...@lists.ovillo.org] En nombre de
> >> Rafa Artacho
> >> > >> Enviado el: jueves, 22 de abril de 2010 16:31
> >> > >> Para: Ovillo, la lista de CSS en castellano
> >> > >> Asunto: Re: [Ovillo] Alto de caja en texto con em's
> >> > >>
> >> > >> Si, me explico:
> >> > >>
> >> > >> Solamente me ocurre en IE6, donde la caja dato3 coge un
> >> alto mayor
> >> > >> y por lo tanto dato5 aparece unos 15px más abajo
> >> respecto al resto
> >> > >> de navegadores.
> >> > >>
> >> > >>
> >> > >>
> >> > >> 2010/4/22 Alvarez Laurnaga, Jose Antonio
> >> 
> >> > >>
> >> > >> > No se entiende qué es lo que pretendes conseguir.
> >> > >> > Yo creo que lo único que hace que dato5 se coloque más
> >> > >> abajo es su padding.
> >> > >> > Ni dato3 ni dato4 le afectan
> >> > >> >
> >> > >> > >> -Mensaje original-
> >> > >> > >> De: ovillo-boun...@lists.ovillo.org
> >> > >> > >> [mailto:ovillo-boun...@lists.ovillo.org] En nombre de
> >> > >> Rafa Artacho
> >> > >> > >> Enviado el: jueves, 22 de abril de 2010 13:21
> >> > >> > >> Para: Ovillo, la lista de CSS en castellano
> >> > >> > >> Asunto: [Ovillo] Alto de caja en texto con em's
> >> > >> > >>
> >> > >> > >> Buenas tardes:
> >> > >> > >>
> >> > >> > >> Tengo la siguiente duda:
> >> > >> > >>
> >> > >> > >>
> >> > >> > >> 
> >>

Re: [Ovillo] Alto de caja en texto con em's

[Rafa Artacho]

Gracias, por tus comentarios José Antonio:

Tenías razón, deben ser otros estilos los que afectaban al alto de la caja
dato3, al final resolví el asunto de esta forma:

.dato3{font-size:1.2em;color:#fff;float:left;width:110px;padding:15px 0 0
15px;text-transform:uppercase;text-align:center;}
.dato4{font-size:4em;font-weight:700;float:left;padding-left:10px;line-height:1.1em;}
.dato3
.dato4-1{font-size:1.5em;font-weight:700;position:relative;top:29px;left:-24px;}
.dato5{float:left;width:110px;padding:10px
0;text-align:right;font-size:1.1em;}


y funciona en todos los navegarores

1 saludo


2010/4/22 Alvarez Laurnaga, Jose Antonio 

> Sigue sin encajar Rafa. ¿No tendrás otros estilos, que no has incluido para
> simplificar el problema y que están causando lo que comentas?
> Esto http://joseba.xtreemhost.com/Nuevo2.html es tu código tal cual lo has
> posteado (sólo he añadido borde a los cuatro elementos para visualizarlos
> mejor) y no veo que dato3 coja un alto mayor en IE6. Aquí
> http://joseba.xtreemhost.com/comparativa.jpg puedes ver mi comparativa FF
> - IE6 (de IECollection) - IE (de IETester)
>
> ¿No puedes dar más datos de lo que quieres?, un pantallazo, algo. De
> cualquier modo los estilos que usas con posicionamiento, flotado etc. no
> parecen lo más adecuado aunque sigo sin saber lo que quieres haceer...
>
> >> -Mensaje original-
> >> De: ovillo-boun...@lists.ovillo.org
> >> [mailto:ovillo-boun...@lists.ovillo.org] En nombre de Rafa Artacho
> >> Enviado el: jueves, 22 de abril de 2010 16:31
> >> Para: Ovillo, la lista de CSS en castellano
> >> Asunto: Re: [Ovillo] Alto de caja en texto con em's
> >>
> >> Si, me explico:
> >>
> >> Solamente me ocurre en IE6, donde la caja dato3 coge un alto
> >> mayor y por lo tanto dato5 aparece unos 15px más abajo
> >> respecto al resto de navegadores.
> >>
> >>
> >>
> >> 2010/4/22 Alvarez Laurnaga, Jose Antonio 
> >>
> >> > No se entiende qué es lo que pretendes conseguir.
> >> > Yo creo que lo único que hace que dato5 se coloque más
> >> abajo es su padding.
> >> > Ni dato3 ni dato4 le afectan
> >> >
> >> > >> -Mensaje original-
> >> > >> De: ovillo-boun...@lists.ovillo.org
> >> > >> [mailto:ovillo-boun...@lists.ovillo.org] En nombre de
> >> Rafa Artacho
> >> > >> Enviado el: jueves, 22 de abril de 2010 13:21
> >> > >> Para: Ovillo, la lista de CSS en castellano
> >> > >> Asunto: [Ovillo] Alto de caja en texto con em's
> >> > >>
> >> > >> Buenas tardes:
> >> > >>
> >> > >> Tengo la siguiente duda:
> >> > >>
> >> > >>
> >> > >> 
> >> > >> Ahorra hasta
> >> > >> 15
> >> > >> %
> >> > >> 
> >> > >> Rep. Dominicana, Cuba...
> >> > >>
> >> > >> CSS:
> >> > >>
> >> > >> .dato3{font-size:1.2em;color:#fff;float:left;width:108px;padd
> >> > >> ing-top:20px;text-transform:uppercase;text-align:center;}
> >> > >> .dato4{font-size:4em;font-weight:700;}
> >> > >> .dato3
> >> > >> .dato4-1{font-size:1.5em;font-weight:700;left:38px;position:r
> >> > >> elative;top:-50px;}
> >> > >>
> >> > >>
> >> .dato5{float:left;width:110px;padding-top:10px;text-align:right;}
> >> > >>
> >> > >> Cuando miro con Firebug el tamaño de la caja dato4, el
> >> alto del div
> >> > >> se ajusta al contenido, en cambio si miro el alto de su
> >> caja padre,
> >> > >> muestra un alto superior. se le suman unos píxeles de
> >> más, haciendo
> >> > >> que la caja dato5 se me muestre más abajo de lo que desearía.
> >> > >>
> >> > >> He probado a asignar a dato4 un height, luego un
> >> line-height:1em; y
> >> > >> overflow:hidden, y overflow:hidden a
> >> > >> dato3 y nada, ¿sabéis a qué se puede deber estos
> >> píxeles de más que
> >> > >> se suman al alto de la caja?
> >> > >>
> >> > >> Gracias
> >> > >> ___
> >> > >> Lista de distribución Ovillo
> >> > >> Para escribir a la lista, envia un correo a
> >> Ovillo@lists.ovillo.org
> &g

Re: [Ovillo] Alto de caja en texto con em's

[Rafa Artacho]

Si, me explico:

Solamente me ocurre en IE6, donde la caja dato3 coge un alto mayor y por lo
tanto dato5 aparece unos 15px más abajo respecto al resto de navegadores.



2010/4/22 Alvarez Laurnaga, Jose Antonio 

> No se entiende qué es lo que pretendes conseguir.
> Yo creo que lo único que hace que dato5 se coloque más abajo es su padding.
> Ni dato3 ni dato4 le afectan
>
> >> -Mensaje original-
> >> De: ovillo-boun...@lists.ovillo.org
> >> [mailto:ovillo-boun...@lists.ovillo.org] En nombre de Rafa Artacho
> >> Enviado el: jueves, 22 de abril de 2010 13:21
> >> Para: Ovillo, la lista de CSS en castellano
> >> Asunto: [Ovillo] Alto de caja en texto con em's
> >>
> >> Buenas tardes:
> >>
> >> Tengo la siguiente duda:
> >>
> >>
> >> 
> >> Ahorra hasta
> >> 15
> >> %
> >> 
> >> Rep. Dominicana, Cuba...
> >>
> >> CSS:
> >>
> >> .dato3{font-size:1.2em;color:#fff;float:left;width:108px;padd
> >> ing-top:20px;text-transform:uppercase;text-align:center;}
> >> .dato4{font-size:4em;font-weight:700;}
> >> .dato3
> >> .dato4-1{font-size:1.5em;font-weight:700;left:38px;position:r
> >> elative;top:-50px;}
> >>
> >> .dato5{float:left;width:110px;padding-top:10px;text-align:right;}
> >>
> >> Cuando miro con Firebug el tamaño de la caja dato4, el alto
> >> del div se ajusta al contenido, en cambio si miro el alto de
> >> su caja padre, muestra un alto superior. se le suman unos
> >> píxeles de más, haciendo que la caja dato5 se me muestre más
> >> abajo de lo que desearía.
> >>
> >> He probado a asignar a dato4 un height, luego un
> >> line-height:1em; y overflow:hidden, y overflow:hidden a
> >> dato3 y nada, ¿sabéis a qué se puede deber estos píxeles de
> >> más que se suman al alto de la caja?
> >>
> >> 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://lists.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://lists.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://lists.ovillo.org/mailman/listinfo/ovillo

[Ovillo] Alto de caja en texto con em's

[Rafa Artacho]

Buenas tardes:

Tengo la siguiente duda:



Ahorra hasta
15
%

Rep. Dominicana, Cuba...

CSS:

.dato3{font-size:1.2em;color:#fff;float:left;width:108px;padding-top:20px;text-transform:uppercase;text-align:center;}
.dato4{font-size:4em;font-weight:700;}
.dato3
.dato4-1{font-size:1.5em;font-weight:700;left:38px;position:relative;top:-50px;}

.dato5{float:left;width:110px;padding-top:10px;text-align:right;}

Cuando miro con Firebug el tamaño de la caja dato4, el alto del div se
ajusta al contenido, en cambio si miro el alto de su caja padre, muestra un
alto superior. se le suman unos píxeles de más, haciendo que la caja dato5
se me muestre más abajo de lo que desearía.

He probado a asignar a dato4 un height, luego un line-height:1em; y
overflow:hidden, y overflow:hidden a dato3 y nada, ¿sabéis a qué se puede
deber estos píxeles de más que se suman al alto de la caja?

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

[Ovillo] Rediseño progresivo - reset.css o no reset.css

[Rafa Artacho]

Buenas tardes:

Voy a acometer el rediseño de una web, durante el cual convivirán los
diseños antiguos y se irán incorporando progresivamente los nuevos.

En el rediseño, voy a emplear una hoja de estilo reset.css, sin embargo, en
la primera versión no se usó ninguna. Así los diseños antiguos usarán la
hoja de estilo v1.0.css, y los diseños nuevos emplearán v2.0.css además de
reset.css.

¿Es posible que al pasar de una página nueva a una antigua se aplique el
reset.css a la antigua maquetación?

De ser así se descuadraría la maquetación de la versión antigua, ¿existe
algún método para solucionar este posible desajuste?

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

Re: [Ovillo] Dar estilo a un div: Herencia o clase e specífica

[Rafa Artacho]

Me surge la siguiente duda:

¿Qué ventaja obtengo declarando una clase de este modo

#footer .footer-links .bloque-links-imagen ul{

respecto a aplicarle al ul en particular una clase específica?

darle contexto de donde se está utilizando?


Recomendáis siempre asignar una clase teniendo en cuenta su posición en los
divs principales de la página?

Gracias




2010/4/20 Joaquín Vicente 

> 2010/4/20 Gerardo Oscar Jimenez Tornos 
>
> > Creo que simplemente te has acostumbrado a utilizar position para
> resolver
> > tus problemas.
> > ¿Cómo harías la plantilla de tres columnas de este enlace con position?
> > http://www.treeweb.es/plantilla-de-tres-columnas
>
>
> Acá tenés un par de alternativas:
> http://css-discuss.incutio.com/wiki/Footer_Beneath_Sidebar
>
> El 20 de abril de 2010 05:49, Joaquín Vicente  escribió:
> > > Son dos herramientas similares. Con float podés alinear horizontalmente
> > de
> > > manera más simple y rápida.
> > > Usar positioning también te permite alinear en sentido vertical (usando
> > las
> > > propiedades top y bottom), o hacer layouts mucho más complejos
> > > te dejo un link bastante ilustrativo y útil:
> > > http://www.barelyfitz.com/screencast/html-training/css/positioning/
> > >
> > > Son cosas diferentes, float vale para una cosa y position para otra.
> > Position rompe el flujo de distribución del texto.
>
>
> Si, position rompe el flujo de distribución del texto, pero float tiene
> mucho menos flexibilidad.
> Como te dije, cada uno tiene sus pros y sus contras. Acá están enumeradas:
> http://css-discuss.incutio.com/wiki/Absolute_Or_Float_Layout
>
> > 2010/4/19 Gerardo Oscar Jimenez Tornos 
> > >
> > > > Lo de los position es un peligro, cada navegador escoge el punto de
> > > > referencia en un punto diferente.
> > > >
> > > float también trae sus problemas entre navegadores...
> > >
> > ¿Por ejemplo?
> >
> >
> Del mismo link que pasé más arriba (
> http://css-discuss.incutio.com/wiki/Absolute_Or_Float_Layout):
> - Tied to the document flow. Allows less flexibility.
> - Lots of browser bugs, that, although possible to get around, add
> significantly to browser testing and tweaking time.
>
> Floats, Margins and IE
> http://www.positioniseverything.net/explorer/floatIndent.html (ej. del bug
> del doble-margen)
>
>
> > >
> > > Además, no puedes forzar que un div se ajuste al contenido de otro que
> > está
> > > > con position absolute o relative.
> > >
> > > En definitiva, no es una buena práctica de diseño.
> > > >
> > > "En definitiva" es una opinión muy personal. Yo creo que hay casos y
> > casos,
> > > donde float puede ser más útil que position y viceversa.
> > > ¿Por ejemplo?
>
>
> Para hacer templates con "sacados del photoshop", me parece mucho, pero
> mucho más útil
> (me refiero a layouts más complicados que un simple blog)
> También me parece más útil para desarrollar algunos menúes con javascript.
>
>
> > > > El único problema que tiene float es que en IE6, cuando tienes justo
> > > debajo
> > > > un contenedor con height o weight establecido, deja una separación de
> 3
> > > > píxeles.
> > > >
> > > nada que un "reset.css" no pueda arreglar ;-)
> > >
> >
>
> Finalmente, te dejo dos links del blog de una persona conocida dentro de
> los
> que son los estándares web, como Eric Meyer:
>
> http://meyerweb.com/eric/thoughts/2004/07/17/floats-dont-suck-if-you-use-them-right/
>  ("float was never meant as a layout tool")
> <
> http://meyerweb.com/eric/thoughts/2004/07/17/floats-dont-suck-if-you-use-them-right/
> >
> http://meyerweb.com/eric/thoughts/2004/07/21/floating-points/
>
> Saludos,
>
>
> Joaquín Vicente
> ___
> 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
>
___
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] Dar estilo a un div: Herencia o clase e specífica

[Rafa Artacho]

Buenas Joaquín:

Me parece interesante lo que apuntas, yo siempre que quiero mostrar un div
al lado de otro utilizo float:left, ¿qué desventaja le ves a este método
respecto al que propones?


Gracias


2010/4/19 Joaquín Vicente 

> 2010/4/19 Rafa Artacho 
>
> > Buenos días,
> >
> > Estoy haciendo un formulario y me gustaría saber cuál es el modo más
> > correcto de aplicarle estilo al div que engloba el botón submit, ya que
> > simplemente necesito que flote a la izquierda, ¿se aplicaría herencia o
> se
> > crearía una clase que sería simplemente flota-izda{float:left;} para
> > aplciar
> > a ese div?
> >
> > El código:
> >
> >
> >
> > > class="newsletter-box">
> >
> >
> >Suscríbete a nuestra Newsletter
> > de Ofertas y Promociones
> >
>
>
> >
> >
> >
> >Correo
> >
> >
> >
> >
> > > value="Enviar">
> >
> >
> > 
> >
> >
> >
> > 
> >
> > Gracias
> >
> >
> float:left es herejía !!  XD
> yo en lo posible, prefiero evitarlo y usar position:absolute dentro de un
> position:relative y después left:0 o right:0
>
> 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://lists.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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Dar estilo a un div: Herencia o clase e specífica

[Rafa Artacho]

He estado probando y he terminado por aplicar la herencia de este modo;

#footer .newsletter-box div{float:left;}





2010/4/19 Rafa Artacho 

> Buenos días,
>
> Estoy haciendo un formulario y me gustaría saber cuál es el modo más
> correcto de aplicarle estilo al div que engloba el botón submit, ya que
> simplemente necesito que flote a la izquierda, ¿se aplicaría herencia o se
> crearía una clase que sería simplemente flota-izda{float:left;} para aplciar
> a ese div?
>
> El código:
>
> 
> 
>  class="newsletter-box">
> 
> 
> Suscríbete a nuestra Newsletter
> de Ofertas y Promociones
> 
> 
> 
> Correo
> 
> 
> 
> 
>  value="Enviar">
> 
>
> 
> 
> 
> 
>  
>
> 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://lists.ovillo.org/mailman/listinfo/ovillo

[Ovillo] Dar estilo a un div: Herencia o clase e specífica

[Rafa Artacho]

Buenos días,

Estoy haciendo un formulario y me gustaría saber cuál es el modo más
correcto de aplicarle estilo al div que engloba el botón submit, ya que
simplemente necesito que flote a la izquierda, ¿se aplicaría herencia o se
crearía una clase que sería simplemente flota-izda{float:left;} para aplciar
a ese div?

El código:






Suscríbete a nuestra Newsletter
de Ofertas y Promociones



Correo











 

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

Re: [Ovillo] Mostrar capa sobre imagenes al hacer mouseover

[Rafa Artacho]

Buenas tardes:

Estoy intentando hacer un menú desplegable exclusivamente con CSS, y me
gustaría probar esta técnica,
¿hay alguna forma de que funcione en IE6 sin usar JS?


2010/4/15 Jairo Ochoa 

> La estructura actual de la pagina es algo así:
>
> Titulo de página
>
> Primer elemento
> 
> breve descripción
>
> Segundo elemento
> 
> breve descripción
>
> Tercer elemento
> 
> breve descripción
>
>
> el  a su vez contiene el enlace
>
>
> Me gusta esa solución que das, con 2 , y me parece perfecta mientras
> visualmente haga lo mismo y creo que sí
>
> Tú juegas con los z-index, ¿sería lo mismo hacerlo con display block/none?
>
>
>
> Saludos,
>
> --
>
> Jairo Ochoa
>
>
> El 15 de abril de 2010 17:06, Ramón Corominas
> escribió:
>
> > Sí, la validación fallaría porque igualmente el  es elemento de
> > bloque. De todos modos, sigo sin entender por qué usas , porque
> > aparentemente no estás encabezando contenidos de ningún tipo (el 
> > debería encabezar contenidos en el documento donde lo pones, no en el
> > siguiente). Otra cosa es que puedes poner dos  con clases
> > distintas con display: block; y solaparlos para hacer ese efecto de
> > ocultamiento/desocultamiento. Más o menos la idea básica sería algo así:
> >
> > 
> > 
> > 
> > 
> > 
> > 
> >
> > .img1, .img2 { width: 100%; height: 100%; display: block; position:
> > absolute; top: 0; left: 0; }
> > .roll a .img1 { z-index: 0; }
> > .roll a .img2 { z-index: 1; }
> > .roll a:hover .img1,  .roll a:focus .img1 { z-index: 1; }
> > .roll a:hover .img2,  .roll a:focus .img2 { z-index: 0; }
> >
> > De esa manera además cubres el acceso con teclado, que de otro modo no
> > se activaría si el usuario navega con el tabulador.
> >
> > Saludín,
> > Ramón.
> >
> > Jairo Ochoa escribió:
> > > Aunque la imagen no puede ir dentro del H2 ya que está presente
> > > antes de que se muestre el H2 y queda debajo, tapada por el
> > > background/mascara del H2
> > >
> >
> > ___
> > 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
> >
> ___
> 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
>
___
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] Ajustar lista al ancho del contenedor

[Rafa Artacho]

El problema es el menú será dinámico por lo que en ocasiones pueden aparecer
6 elementos en el menú pero otras veces pueden aparecer 8, 10, 5...

Con JS se puede lo que quería saber es si se puede hacer únicamente con CSS.

Gracias!


2010/4/15 Carlos Acero Sánchez 

>
> Prueba a dividir el número de elementos li entre 100 y se le aplicas:
>
> 100/6 = 16.6
>
> #navbar ul li
> {
> float:left;
> font-size:1.2em;
> color:#00FF00;
> padding:0 5px 0 10px;
> border-right:1px solid #000;
> text-align:right;
> width:16.6%
> }
>
>
> Carlos Acero Sánchez
> Dpto. Sistemas
> Aguirre Newman Madrid
>
> C/ General Lacy, 23. 28045 Madrid
> T +31 91 319 13 14 F +34 91 319 87 57
> carlos.ac...@aguirrenewman.es
> www.aguirrenewman.com
> Sé ecológico, antes de imprimir este e-mail piense bien si es necesario
> hacerlo
>
>
>
> -Mensaje original-
> De: ovillo-boun...@lists.ovillo.org [mailto:
> ovillo-boun...@lists.ovillo.org] En nombre de Rafa Artacho
> Enviado el: jueves, 15 de abril de 2010 17:27
> Para: Ovillo, la lista de CSS en castellano
> Asunto: [Correo sospechoso] Re: [Ovillo] Ajustar lista al ancho del
> contenedor
>
> He probado así:
>
> #navbar{color:#FF;width:974px;}
> #navbar ul{width:100%;}
> #navbar ul li{float:left;font-size:1.2em;color:#00FF00;padding:0 5px 0
> 10px;border-right:1px solid #000;text-align:right;}
>
> De este modo el ul queda extendido hasta el 100% del div #navbar, pero los
> li no se ajustan al 100% del ul. Si pongo 100% al li ocupa cada li el 100%
> del div #navbar. ¿Dónde sería el error?
>
> El style lo puse para ver visualmente hasta dónde se extendía el
> contenedor,
> cuando termine las pruebas lo quitaría.
>
> Gracias!
>
>
> 2010/4/15 Luis Mario Álvarez 
>
> > Si el contenedor padre tiene definido su ancho, basta con hacer width:
> > 100%;al tag que necesitas lo llene.
> > Te recomendaría además que quites esos estilos de tu ul y los metas en
> > algúna hoja css. No es necesario que le asignes clase o id, basta con
> > #navbar
> > ul {overflow:hidden ;border:1px solid #000;}
> >
> > Saludos!
> >
> > 2010/4/15 Rafa Artacho 
> >
> > > Buenas tardes:
> > >
> > > Tengo un menú que será dinámico y que dependiendo de las necesidades
> > > contendrá un número variable de elementos. Necesitaría que la lista se
> > > adaptase al ancho del div contenedor (974px). El HTML del menú con 6
> > > opciones:
> > >
> > >
> > >
> > >Inicio
> > >Películas
> > >Música
> > >Teatro
> > >Exposiciones
> > >Coches
> > >
> > >
> > >
> > >
> > > ¿Sería posible hacer esto solamente con CSS o sería necesario usar JS?
> > > ___
> > > 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
> > >
> >
> >
> >
> > --
> > mario álvarez
> > desarrollador web
> > ___
> > 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
> >
> ___
> 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
>
> En cumplimiento de la Ley 15/1999, de 13 de diciembre, de Protección de
> Datos de Carácter Personal, le informamos que los datos de carácter personal
> utilizados para la presente comunicación proceden de un fichero de datos de
> carácter personal titularidad de Aguirre Newman, S.A., debidamente
> notificado ante la Agencia Española de Protección de Datos, cuya finalidad
> es la gestión (control, mantenimiento y archivo de la documentación) de la
> relación que mantiene con el GRUPO AGUIRRE NEWMAN y la comunicación con
> terceros. Dichos datos, por consiguiente, han sido incorporados o serán
> incorporados en dicho fichero para los usos y finalidades indicadas,
> pudiendo ser objeto de comunicación a las Compañías que integ

Re: [Ovillo] Ajustar lista al ancho del contenedor

[Rafa Artacho]

He probado así:

#navbar{color:#FF;width:974px;}
#navbar ul{width:100%;}
#navbar ul li{float:left;font-size:1.2em;color:#00FF00;padding:0 5px 0
10px;border-right:1px solid #000;text-align:right;}

De este modo el ul queda extendido hasta el 100% del div #navbar, pero los
li no se ajustan al 100% del ul. Si pongo 100% al li ocupa cada li el 100%
del div #navbar. ¿Dónde sería el error?

El style lo puse para ver visualmente hasta dónde se extendía el contenedor,
cuando termine las pruebas lo quitaría.

Gracias!


2010/4/15 Luis Mario Álvarez 

> Si el contenedor padre tiene definido su ancho, basta con hacer width:
> 100%;al tag que necesitas lo llene.
> Te recomendaría además que quites esos estilos de tu ul y los metas en
> algúna hoja css. No es necesario que le asignes clase o id, basta con
> #navbar
> ul {overflow:hidden ;border:1px solid #000;}
>
> Saludos!
>
> 2010/4/15 Rafa Artacho 
>
> > Buenas tardes:
> >
> > Tengo un menú que será dinámico y que dependiendo de las necesidades
> > contendrá un número variable de elementos. Necesitaría que la lista se
> > adaptase al ancho del div contenedor (974px). El HTML del menú con 6
> > opciones:
> >
> >
> >
> >Inicio
> >Películas
> >Música
> >Teatro
> >Exposiciones
> >Coches
> >
> >
> >
> >
> > ¿Sería posible hacer esto solamente con CSS o sería necesario usar JS?
> > ___
> > 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
> >
>
>
>
> --
> mario álvarez
> desarrollador web
> ___
> 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
>
___
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

[Ovillo] Ajustar lista al ancho del contenedor

[Rafa Artacho]

Buenas tardes:

Tengo un menú que será dinámico y que dependiendo de las necesidades
contendrá un número variable de elementos. Necesitaría que la lista se
adaptase al ancho del div contenedor (974px). El HTML del menú con 6
opciones:



Inicio
Películas
Música
Teatro
Exposiciones
Coches




¿Sería posible hacer esto solamente con CSS o sería necesario usar JS?
___
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] Definición de fuentes en proyecto grand e

[Rafa Artacho]

Explico un poco por qué esta manera de trabajar, al llegar me encontré con
un site muy grande ya hecho, el cuál no se había planificado en absoluto,
por ejemplo, cada diseño de página mantenía una coherencia visual, pero
variaba el tamaño de letra en 1px, o una era bold, cambiaba un poco el tono
de color, la posición y ancho de las cajas y sus backgrounds eran
diferentes, por lo tanto, me era imposible reutilizar las clases que se
habían creado en cascada, por ejemplo:

.tabladetalles03 .contcolunma03
.contfila01{padding-bottom:5px;border-bottom-style:none;width:500px;}

Toda esa ristra de selectores solo me servía únicamente para una página, por
lo que opté por atomizar los estilos lo que me daba una mayor flexibilidad a
la hora de maquetar con menos clases. Por ejemplo, para las cajas
contenedores, creé unas clases que variaban en su ancho en 10px, por
ejemplo:

block01{float:left; width:20px;}
block02{float:left; width:30px;}

y los mismo con los textos: text_1, text_2, etc...

Ahora que vamos a empezar de 0, entiendo que debería concretar con el
diseñador un manual de estilo para hacer unos diseños más homogéneos y poder
usar selectores del tipo anterior, .tabladetalles03 .contcolunma03
.contfila01{padding-bottom:5px;border-bottom-style:none;width:500px;}

¿es así?




2010/4/9 Leonel Silva 

> Creo que hay que leer más sobre el uso de CSS y sobre el porque se habla de
> *estilo en cascada*; me parece absurdo tener 80 clases de texto, primero
> por
> lo engorroso luego a la hora de cambiar parámetros a un estilo, y que
> afecte
> en varias partes que no se sabe cuáles contenedores son, hay que adivinar
> que tipo de letra (clase) está colocado en que sitio, con el perdón pero
> esto no tiene sentido, lo lógico es indicar dentro de cada contenedor como
> sería el estilo de cada texto, aún un sitio tan grande como amazon indica
> el
> contenedor y dentro de el las características de la tipografía, hay que ver
> el código fuente de *http://www.amazon.com/ *-que tiene incrustado el css-
> donde especifican dentro de cada div, ul, span o lo que sea de que tamaño,
> color, estilo y tipo va a ser la letra.
>
> Si te sirve de ejemplo estas son algunas hojas de estilo hechas por gente
> que sí sabe del tema:
>
> *Jason Santamaría:* http://jasonsantamaria.com/css/master.css
> *Jeffrey Zeldman:*
> http://www.zeldman.com/wp-content/themes/zeldman-v2/style.css?0323100834
> *A list Apart:* http://www.alistapart.com/css/base.css
>
> Suerte.
>
>
> 2010/4/9 Ramón Corominas 
>
> > Siguiendo con el ejemplo de Ernesto, lo que no estaría mal es que
> > defináis varias clases distintas para poder combinarlas, pero haciendo
> > referencia a nombres más estructurales que de presentación. Por ejemplo:
> >
> > Casanova
> >
> > O bien que en la propia hoja de estilos se contemplen distintas
> > posibilidades según la herencia:
> >
> > 
> >  ...
> >  ...
> >  ...
> > 
> > 
> >  ...
> >  ...
> > 
> >
> > .biografia .cabecera {}
> > .biografia .cuerpo {}
> > .biografia .relacionados {}
> > .opinion .cabecera {}
> > .opinion .cuerpo {}
> >
> > Saludos,
> > Ramón.
> >
> > Ernesto escribió:
> > > identificado con su nombre y con su definición correspondiente en
> > > la hoja de estilos, de tal manera que quedase algo como (por ejemplo):
> > >
> > > Cassanova
> > >
> > > Y que el estilo TitularBiografia tuviese definido el tamaño de letra,
> > color, cursiva, etc...
> > >
> >
> > ___
> > 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
> >
> ___
> 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
>
___
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] Definición de fuentes en proyecto grand e

[Rafa Artacho]

Tenéis razón, con mis pautas creo que ahorraría clases, pero a la hora de
modificar los estilos en todo el site sería un trabajo tedioso y susceptible
de cometer errores.

Creo que utilizaré el método anterior de definir un juego de estilos de
texto independientes del contenedor para poder utilizar en toda la web pero
definiendo su tamaño en em's.


Rodrigo, me puedes ampliar un poco este punto:

*La solución es utilizar varias hojas de estilo y aplicar la herencia
como corresponde, no intentar tener una sola hoja de estilos que sirva
para todo*

En principio solo usamos una hoja de estilo, aunque ahora voy a incluir un
reset.css, ya aprovecho ¿cuál recomendáis? He oído hablar muy bien de la de
Eric Meyer

*Eso nunca se debería hacer, con eso machacáis la potencia de CSS. Si en
un futuro diseño queréis todos los textos alineados a la izquierda,
¿pondríais class="left" a todo? Deberías establecer una regla genérica
(por ejemplo, alineación a la izquierda), y sobrescribir esa regla en
estilos más específicos según necesidades (herencia al poder)

Por otro lado, intentaría convencerte de que los textos nunca deberían
justificarse, pero se ha hablado tantas veces de eso en esta lista, que
lo considero una causa perdida.*

En cuanto a la justificación, si que definiré en el body la alineación a
left, solo emplearía justify o right en lugares específicos.

*Esto último si que no, es un error bastante frecuente. Por un lado,
tendríais que ir añadiendo más y más clases al código a medida que
necesitaseis colores nuevos, y acabaríais usando reglas del estilo
.blanco{color:red;}*


Creo que con Eclipse podríamos hacer un replace rápido en todo el proyecto,
por ejemplo donde ponga blanco que ponga rojo, y de ese modo se cambiaría el
color de ese texto en toda la web en unos segundos, aunque quizá pueda
aparecer algún error, no sé...


Por otra parte, Ernesto, ¿no te parece bien la idea de tener aislados los
textos para poder reutilizarlos o simplemente te refieres a la nomenclatura
de estilos? Si es por el nombre, a veces nos encontramos con el caso de un
texto que es TitularBiografias que luego empleo en un texto que pone
Ofertas, con lo que queda fuera de contexto, creo que crear un juego de
textos para poder emplear a lo largo de toda la web sería más correcto.



Gracias, 1 saludo
Rafa Artacho


2010/4/9 Ernesto Rodríguez Ageitos 

> >
> > Las clases se aplicarían en el html del siguiente modo:
> >
> > Cassanova
> >
> > Donde resultaría que el texto se mostraría con el tamaño definido en
> > titulo,
> > aparecería justificado en cursiva y en color blanco.
> >
> > De este modo pienso que con un número reducido de clases podría tener una
> > gran combinación de estilos de fuentes para combinar en el site.
> >
> > ¿Qué os oparece, véis algún inconveniente?
>
>
> Al igual que Rodrigo no lo veo práctico. Si realmente es una web de un
> tamaño importante lo que yo haría sería crear un libro de estilo que defina
> todos y cada uno de los elementos de texto que puedan haber, cada uno
> identificado con su nombre y con su definición correspondiente en la hoja
> de
> estilos, de tal manera que quedase algo como (por ejemplo):
>
> Cassanova
> Y que el estilo TitularBiografia tuviese definido el tamaño de letra,
> color,
> cursiva, etc...
>
> Si no, cuando quieran cambiar cualquier estilo, vas a tener que revisar
> toda
> la web cambiando las llamadas a las clases o acabar con .blanco{color:
> red},
> como dice Rodrigo. Y si algún día se decide hacer un cambio de estilo
> global, va a ser un infierno... Un nombre de clase nunca debería depender
> de
> los estilos que define, sino de la funcionalidad que va a tener.
>
> Saludos,
>
>   Ernesto
> ___
> 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
>
___
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

[Ovillo] Definición de fuentes en proyecto grand e

[Rafa Artacho]

Buenos días:

Voy a acometer el rediseño de una web bastante grande, que conllevará una
nueva hoja de estilos.

En la primera versión, decidimos crear estilos individuales para cada tipo
de texto, es decir, que esos estilos sólo contenían información relativa a
la fuente, nada de paddings, margins, etc. Por ejemplo:

.text_12{
color:#000;
font-size:12px;
text-decoration:none;
}


El objetivo era obtener un juego de fuentes que pudiesen reutilizarse en
todo el site, sin importar su contenedor. Aún así, de este modo llegamos a
crear más de 80 estilos de texto diferentes, por las diversas variaciones de
color, bold, tamaños, etc.

Me parecen mucho estilos y pensaba optimizar el número de estilos relativos
a fuentes mediante diversas pautas:

- Usando em's y estableciendo con el diseñador una jerarquía de tamaños en
todas las páginas de la web. De este modo, se definiría un tamaño para los
títulos, otro para subtítulos y así sucesivamente.

- Creando clases para la alineación. Por ejemplo, .left{text-align:left;},
.justify{text-align:justify;}, etc.

- Emplear  y  para las negritas y cursivas en lugar de crear
clases nuevas para un mismo estilo de fuente cuando solamente cambian estas
propiedades.

- Crear clases individuales para modificar el color de la fuente. Por
ejemplo: .blanco{color:#FFF;}

Las clases se aplicarían en el html del siguiente modo:

Cassanova

Donde resultaría que el texto se mostraría con el tamaño definido en titulo,
aparecería justificado en cursiva y en color blanco.

De este modo pienso que con un número reducido de clases podría tener una
gran combinación de estilos de fuentes para combinar en el site.

¿Qué os oparece, véis algún inconveniente?

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

Re: [Ovillo] Rv: Div alterna color

[Rafa Artacho]

No, solo HTML + CSS

Saludos

2010/3/12 Chan go 

> Para este trabajo usas base de datos?
>
>
>
> - Mensaje reenviado 
> De: mikel blonfu 
> Para: "Ovillo, la lista de CSS en castellano" 
> Enviado: martes, 9 de marzo, 2010 4:13:28
> Asunto: Re: [Ovillo] Div alterna color
>
> Si por fuerza tienes que definir las clases de las filas tampoco hay mucho
> que puedas hacer, lo único para ahorrarte una líneas de código puedes
> hacerlo así:
>
> .fila-impar, .fila-par{
> margin:5px 0px 0px 10px;
> border-top:1px solid #ff;
> width:200px;
> }
> ___
> 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
>
>
>
>  Yahoo! Cocina
>
> Encontra las mejores recetas con Yahoo! Cocina.
>
>
> http://ar.mujer.yahoo.com/cocina/
> ___
> 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
>
___
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 alterna color

[Rafa Artacho]

Si, a lo que me refería es que por no usar id's, uso clases. Por otro lado
el HTML debe ser el mismo, por lo que tengo que estilar tanto .fila-par como
.fila-impar para que se muestre correctamente.



2010/3/8 Joaquín Vicente 

> 2010/3/8 Rafa Artacho 
>
> > Buenas tardes:
> >
> > Tengo cierto código HTML al que le aplico varias hojas de estilo
> > dependiendo
> > del cliente.
> > Necesito representar cierta información alternando el color de fondo del
> > div, pero para otro cliente esta información tiene el mismo color de
> fondo,
> > quedando cada una de las hojas de estilo así:
> >
> > *Cambia de color*
> >
> > .fila-impar{
> > width:197px;
> > padding:5px 5px 0 10px;
> > background:#e3e4d2;}
> >
> > .fila-par{
> > width:197px;
> > padding:5px 5px 0 10px;
> > background:#ebebdf;
> > }
> >
> > *No cambia de color*
> >
> > .fila-impar{
> > margin:5px 0px 0px 10px;
> > border-top:1px solid #ff;
> > width:200px;
> > }
> > .fila-par{
> > margin:5px 0px 0px 10px;
> > border-top:1px solid #ff;
> > width:200px;
> > }
> >
> > Como véis, en el caso de que no cambie de color la clase se repite. El
> tema
> > de usar id's no me va a validar al estar repetidos estos id.
> > ¿Cómo puedo definir mi HTML / CSS para alternar el color o no de forma
> más
> > práctica y que valide?
> >
> > Gracias
> >
>
> y si pones unos estilos en el CSS que le mostras a algunos clientes, y los
> otros estilos en los que no?
> tu pregunta me parece que no queda muy clara. ".fila-par" no es un ID, sino
> el nombre de una clase... y si lo pones dos veces en el mismo archivo, no
> implica que sea inválido (un estilo pisa al otro y listo)
>
>
> saludos,
>
> Joaquín
> ___
> 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
>
___
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

[Ovillo] Div alterna color

[Rafa Artacho]

Buenas tardes:

Tengo cierto código HTML al que le aplico varias hojas de estilo dependiendo
del cliente.
Necesito representar cierta información alternando el color de fondo del
div, pero para otro cliente esta información tiene el mismo color de fondo,
quedando cada una de las hojas de estilo así:

*Cambia de color*

.fila-impar{
width:197px;
padding:5px 5px 0 10px;
background:#e3e4d2;}

.fila-par{
width:197px;
padding:5px 5px 0 10px;
background:#ebebdf;
}

*No cambia de color*

.fila-impar{
margin:5px 0px 0px 10px;
border-top:1px solid #ff;
width:200px;
}
.fila-par{
margin:5px 0px 0px 10px;
border-top:1px solid #ff;
width:200px;
}

Como véis, en el caso de que no cambie de color la clase se repite. El tema
de usar id's no me va a validar al estar repetidos estos id.
¿Cómo puedo definir mi HTML / CSS para alternar el color o no de forma más
práctica y que valide?

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

Re: [Ovillo] Rediseño - Pasar de 800x600 a 1024x768

[Rafa Artacho]

La web está hecha completamente en divs, con el width de las cajas definidos
en píxeles y el de las fuentes también, aunque se está pensando ponerlas en
em's.

El div contenedor principal tiene un width:775px

Gracias

2010/3/5 Gonzalo 

> Buenas.
> Si tiene resolución fija de 800x600 lo mismo está maquetada con tablas
> anidadas y/o frames. No es sencillo dar una opinión sin saber cómo es la web
> original.
> ¿Más datos?
>
> Gonzalo
>
> www.webposible
>
> --- El vie, 5/3/10, Rafa Artacho  escribió:
>
> De: Rafa Artacho 
> Asunto: [Ovillo] Rediseño - Pasar de 800x600 a 1024x768
> Para: ovillo@lists.ovillo.org
> Fecha: viernes, 5 de marzo, 2010 11:46
>
> Buenos días:
>
> Se me avecina un proyecto en el cual se pretende cambiar la resolución de
> todo un site proyectado para una resolución de 800x600 a mínimo 1024x768.
>
> Me gustaría conocer experiencias y algún tipo de documentación o ayuda para
> comenzar a abordar este proyecto de una forma ordenada y eficaz.
>
> 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://lists.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://lists.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://lists.ovillo.org/mailman/listinfo/ovillo

[Ovillo] Rediseño - Pasar de 800x600 a 1024x768

[Rafa Artacho]

Buenos días:

Se me avecina un proyecto en el cual se pretende cambiar la resolución de
todo un site proyectado para una resolución de 800x600 a mínimo 1024x768.

Me gustaría conocer experiencias y algún tipo de documentación o ayuda para
comenzar a abordar este proyecto de una forma ordenada y eficaz.

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

Re: [Ovillo] IE 8 - Modo de documento

[Rafa Artacho]

Son los modos de visualización / compatibilidad que ofrece la Herramienta de
Desarrollador de IE8.

En MSDN viene algo, pero no describe cada modo

http://msdn.microsoft.com/es-es/library/cc817576.aspx

Y en este artículo aclaran algo más
http://www.thuer.com.ar/blog/2008/internet-explorer-8-tres-navegadores-en-uno



2009/10/20 Tei 

> He mirado en Google que demonios es eso de "Modo Documento" "Modo
> Explorador" y solo he encontrado ESTE hilo de Ovillo
>
> ¿¿ Alguien me puede explicar que demonios es eso ??
>
> 2009/10/20 Rafa Artacho :
> > A ver si entiendo bien, poniendo la etiqueta:
> >
> >  
> >
> > y poniendo en quirks mode para IE7 e IE6
> >
> > segun la configuración de IE8:
> >
> > Modo de Explorador  Modo de DocumentoComportamiento
> > IE8IE8 estandard  IE8
> >
> > IE7No estándard  IE7
> quirks
> > mode
> >
> >
> > Por otro lado en IE7:
> >
> > Comportamiento
> > IE7 quirks mode
> >
> > Por último en IE6:
> >
> > Comportamiento
> > IE6 quirks mode
> >
> > Es correcto?
> >
> > Saludos
> > Rafa Artacho
> >
> > 2009/10/20 Philipp Keweloh 
> >
> >> El día 20 de octubre de 2009 10:39, Tei 
> escribió:
> >> > 2009/10/20 Rafa Artacho :
> >> >> Buenos días:
> >> >>
> >> >> Tenía unas preguntas relacionadas con las herramientas de Desarrollo
> de
> >> IE
> >> >> 8, existen un par de opciones:
> >> >>
> >> >> - Modo Explorador
> >> >> - Modo Documento
> >> >>
> >> >> ¿Qué representa cada una de las opciones del Modo documento?:
> >> >>
> >> >> No estándar - Valor predeterminado de página.
> >> >> Estándard IE7
> >> >> Estándard IE8
> >> >>
> >> >
> >> > Supuestamente IE8 y en adelante sera un navegador web multi-engine.
> >> > Podra renderizar al modo IE7, IE8 y futuros modos.
> >> > Microsoft quiere que metamos una linea en el head, de este estilo:
> >> > 
> >> > Con eso consigues que tu pagina deje de ser una pagina web, y pase a
> >> > ser un documento del programa IE8.
> >> > Y que futuras versiones de IE, utilicen el motor de renderizado de
> IE8.
> >> >
> >> > Tienes abundante informacion en internet:
> >> >
> >>
> http://arstechnica.com/software/news/2008/01/ie8-super-standards-mode.ars
> >> >
> >> > Lo mejor es que sigamos como hasta ahora. Haciendo las paginas
> >> > basandonos en los estandares, y parcheando los problemas con CSS y
> >> > codigo con bloques condicionales de IE. La proposicion de Microsoft es
> >> > de un /facepalm muy intenso, y conduce a un /fail de proporciones
> >> > epicas.  Lo que hacen los bloques condicionales es compatible hacia
> >> > arriba, dado que Microsoft no hace backports, es de suponer que cuando
> >> > un bloque condicional parchea un bug de IE6, dentro de 10 años IE6
> >> > siga teniendo el mismo bug, por tanto el bloque condicional siga
> >> > funcionando correctamente. Siempre que en ese bloque indiquemos la
> >> > version.
> >> > Lo de X-UA-Compatible seguramente tenga mas sentido para parchear
> >> > aplicaciones de intranet antiguas creadas para IE6, de modo que sigan
> >> > funcionando simplemente añadiendo esa linea de modo que sigan
> >> > funcionando "como IE6" o como la version que sea.
> >> >
> >> > el codigo de IE8 es algo asi:
> >> >
> >> > if ( esMotorIE6() )
> >> >  bugs_IE6();
> >> > else
> >> > if (esMotorIE7() )
> >> >  bugs_IE7();
> >> > else  {
> >> >  bugs_IE8();
> >> > }
> >> >
> >> > es de suponer que IE9 sera
> >> >
> >> > if ( esMotorIE6() )
> >> >  bugs_IE6();
> >> > else
> >> > if (esMotorIE7() )
> >> >  bugs_IE7();
> >> > else
> >> > if (esMotorIE8())
> >> >  bugs_IE8();
> >> > else {
> >> >  bugs_IE9();
> >> > }
> >> >
> >> >
> >> > Es como un mentiroso que tiene que soltar mas mentiras para dar
> >> > soporte a las anteriores..
> >> >
> >

Re: [Ovillo] IE 8 - Modo de documento

[Rafa Artacho]

A ver si entiendo bien, poniendo la etiqueta:

  

y poniendo en quirks mode para IE7 e IE6

segun la configuración de IE8:

Modo de Explorador  Modo de DocumentoComportamiento
IE8IE8 estandard  IE8

IE7No estándard  IE7 quirks
mode


Por otro lado en IE7:

Comportamiento
IE7 quirks mode

Por último en IE6:

Comportamiento
IE6 quirks mode

Es correcto?

Saludos
Rafa Artacho

2009/10/20 Philipp Keweloh 

> El día 20 de octubre de 2009 10:39, Tei  escribió:
> > 2009/10/20 Rafa Artacho :
> >> Buenos días:
> >>
> >> Tenía unas preguntas relacionadas con las herramientas de Desarrollo de
> IE
> >> 8, existen un par de opciones:
> >>
> >> - Modo Explorador
> >> - Modo Documento
> >>
> >> ¿Qué representa cada una de las opciones del Modo documento?:
> >>
> >> No estándar - Valor predeterminado de página.
> >> Estándard IE7
> >> Estándard IE8
> >>
> >
> > Supuestamente IE8 y en adelante sera un navegador web multi-engine.
> > Podra renderizar al modo IE7, IE8 y futuros modos.
> > Microsoft quiere que metamos una linea en el head, de este estilo:
> > 
> > Con eso consigues que tu pagina deje de ser una pagina web, y pase a
> > ser un documento del programa IE8.
> > Y que futuras versiones de IE, utilicen el motor de renderizado de IE8.
> >
> > Tienes abundante informacion en internet:
> >
> http://arstechnica.com/software/news/2008/01/ie8-super-standards-mode.ars
> >
> > Lo mejor es que sigamos como hasta ahora. Haciendo las paginas
> > basandonos en los estandares, y parcheando los problemas con CSS y
> > codigo con bloques condicionales de IE. La proposicion de Microsoft es
> > de un /facepalm muy intenso, y conduce a un /fail de proporciones
> > epicas.  Lo que hacen los bloques condicionales es compatible hacia
> > arriba, dado que Microsoft no hace backports, es de suponer que cuando
> > un bloque condicional parchea un bug de IE6, dentro de 10 años IE6
> > siga teniendo el mismo bug, por tanto el bloque condicional siga
> > funcionando correctamente. Siempre que en ese bloque indiquemos la
> > version.
> > Lo de X-UA-Compatible seguramente tenga mas sentido para parchear
> > aplicaciones de intranet antiguas creadas para IE6, de modo que sigan
> > funcionando simplemente añadiendo esa linea de modo que sigan
> > funcionando "como IE6" o como la version que sea.
> >
> > el codigo de IE8 es algo asi:
> >
> > if ( esMotorIE6() )
> >  bugs_IE6();
> > else
> > if (esMotorIE7() )
> >  bugs_IE7();
> > else  {
> >  bugs_IE8();
> > }
> >
> > es de suponer que IE9 sera
> >
> > if ( esMotorIE6() )
> >  bugs_IE6();
> > else
> > if (esMotorIE7() )
> >  bugs_IE7();
> > else
> > if (esMotorIE8())
> >  bugs_IE8();
> > else {
> >  bugs_IE9();
> > }
> >
> >
> > Es como un mentiroso que tiene que soltar mas mentiras para dar
> > soporte a las anteriores..
> >
> > --
> > --
> > ℱin del ℳensaje.
> > ___
> > 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
>
> Jajaja!
> Que va Tei, en IE9 ya habrán madurado un poquito, y lo simplicarán así:
>
> private $IE9 =  defrag(bugs_IE6() + bugs_IE7() + bugs_IE8());
>
> :P
>
> --
> Philipp Keweloh
>
> "Si lo que vas a decir no es más bello que el silencio: no lo digas."
> Proverbio árabe
> ___
> 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
>
___
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

[Ovillo] IE 8 - Modo de documento

[Rafa Artacho]

Buenos días:

Tenía unas preguntas relacionadas con las herramientas de Desarrollo de IE
8, existen un par de opciones:

- Modo Explorador
- Modo Documento

¿Qué representa cada una de las opciones del Modo documento?:

No estándar - Valor predeterminado de página.
Estándard IE7
Estándard IE8

Mi página se ve bien en todas las combinaciones, excepto en:

Modo Explorador - IE8.
Modo Documento - No estándar (valor predeterminado de página).

¿Debería optimizar para esta combinación, o simplemente la página no se verá
bien para una persona que tenga instalada la Herramienta de Desarrollo en
IE7 y aplique esta combinación?
¿Se vería correctamente en IE7 e IE8 (sin tener habilitada la herramienta de
Desarrollo)?


Gracias, saludos
Rafa Artacho
___
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] Dar efecto hover en botón en 3 imágen es

[Rafa Artacho]

Muchas gracias, se ve perfecto.

2009/9/8 Ignacio Ricci 

> a.boton-wrapper:hover .boton {}a.boton-wrapper:hover .boton-izda {}
> a.boton-wrapper:hover .boton-dcha {}
>
> 2009/9/8 Rafa Artacho 
>
> > Buenas tardes:
> >
> > Me gustaría saber si existe alguna técnica para que teniendo un botón
> > compuesto por 3 imágenes (izquierda, medio y derecha), se pueda aplicar
> el
> > efecto hover al botón completo. Tal y como lo tengo ahora:
> >
> > .boton-wrapper{
> > float:right;
> > margin-top:5px;
> > }
> > a.boton-wrapper {
> > text-decoration:none;
> > color:#FFF;
> > }
> > .boton{
> > background:#DC002E url(../img/pixel-medio.gif) repeat-x 0 0;
> > height:16px;
> > float:left;
> > width:auto;
> > padding:5px 10px;
> > }
> > .boton-izda{
> > background:#DC002E url(../img/izquierda.gif) no-repeat 0 0;
> > height:26px;
> > width:4px;
> > float:left;
> > }
> > .boton-dcha{
> > background:#DC002E url(../img/derecha.gif) no-repeat 0 0;
> > height:26px;
> > width:4px;
> > float:left;
> > }
> > .boton:hover{
> > background:#DC002E url(../img/pixel_medioHover.gif) repeat-x 0 0;
> > }
> > .boton-izda:hover{
> > background:#DC002E url(../img/izquierdaHover.gif) no-repeat 0 0;
> > }
> > .boton-dcha:hover{
> > background:#DC002E url(../img/derechaHover.gif) no-repeat 0 0;
> > }
> >
> >
> >
> >
> >Entrar
> >
> >
> >
> > El hover se aplica a cada uno de los divs de manera individual,
> cambiándose
> > de manera desigual el aspecto de botón.
> >
> > 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://lists.ovillo.org/mailman/listinfo/ovillo
> >
>
>
>
> --
> ↓۝ Ignacio Ricci
> www.ignacioricci.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://lists.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://lists.ovillo.org/mailman/listinfo/ovillo

[Ovillo] Dar efecto hover en botón en 3 imágen es

[Rafa Artacho]

Buenas tardes:

Me gustaría saber si existe alguna técnica para que teniendo un botón
compuesto por 3 imágenes (izquierda, medio y derecha), se pueda aplicar el
efecto hover al botón completo. Tal y como lo tengo ahora:

.boton-wrapper{
float:right;
margin-top:5px;
}
a.boton-wrapper {
text-decoration:none;
color:#FFF;
}
.boton{
background:#DC002E url(../img/pixel-medio.gif) repeat-x 0 0;
height:16px;
float:left;
width:auto;
padding:5px 10px;
}
.boton-izda{
background:#DC002E url(../img/izquierda.gif) no-repeat 0 0;
height:26px;
width:4px;
float:left;
}
.boton-dcha{
background:#DC002E url(../img/derecha.gif) no-repeat 0 0;
height:26px;
width:4px;
float:left;
}
.boton:hover{
background:#DC002E url(../img/pixel_medioHover.gif) repeat-x 0 0;
}
.boton-izda:hover{
background:#DC002E url(../img/izquierdaHover.gif) no-repeat 0 0;
}
.boton-dcha:hover{
background:#DC002E url(../img/derechaHover.gif) no-repeat 0 0;
}




Entrar



El hover se aplica a cada uno de los divs de manera individual, cambiándose
de manera desigual el aspecto de botón.

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

Re: [Ovillo] Site con 2 dtd's

[Rafa Artacho]

Pues la duda es bastante genérica, en resumen sería qué problemas me puedo
encontrar, a la hora de validar el código, si puede haber conflicto entre
las 2 dtd's, si puede haber problemas de visualización en algún navegador, o
simplemente no influye en nada el usar 2 dtd's diferentes en un mismo site?

Gracias



2009/7/29 mmundo 

> Exactamente, ¿cuál es la duda o cuestión que planteas?
>
>
>
> 2009/7/29 Rafa Artacho 
>
> > Buenos días:
> >
> > Me surge la necesidad / obligación en un site que está hecho conforme a:
> >
> >  > "http://www.w3.org/TR/html4/loose.dtd";>
> >
> >
> >
> >
> > de comenzar a maquetar las nuevas páginas con esta dtd:
> >
> >  > http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd";>
> >
> >
> > ¿conocéis algún sitio con la misma casuística?, tenéis alguna experiencia
> > de
> > este tipo, documentación al respecto?
> >
> > Muchas 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://lists.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://lists.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://lists.ovillo.org/mailman/listinfo/ovillo

[Ovillo] Site con 2 dtd's

[Rafa Artacho]

Buenos días:

Me surge la necesidad / obligación en un site que está hecho conforme a:

http://www.w3.org/TR/html4/loose.dtd";>




de comenzar a maquetar las nuevas páginas con esta dtd:

http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd";>


¿conocéis algún sitio con la misma casuística?, tenéis alguna experiencia de
este tipo, documentación al respecto?

Muchas 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://lists.ovillo.org/mailman/listinfo/ovillo

[Ovillo] Saltos de linea IE

[Rafa Artacho]

Buenas tardes:

Existe alguna forma de evitar que los saltos de línea en el código HTML
interfieran en la visualización de páginas con IE (probado con 6 y 7). Me
dejan textos con diferentes alineamientos verticales.

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

Re: [Ovillo] Menú de navegación horizontal adaptab le al ancho

[Rafa Artacho]

Muchas gracias a todos por vuestras contribuciones, me ha servido para
probar otras opciones y conocer las limitaciones con las actuales
especificaciones CSS.

1 saludo

2009/1/14 Nacho Diez-Quijada - No mires atrás 

> Hola a todos.
>
> Hernán, tienes razón. Ayer no era una buena tarde para responder a nada y
> sinceramente, lo único útil de aquellos enlaces será la posibilidad de que
> sirvan a alguien para otros menesteres.
>
> Un saludo.
>
>
> - Original Message -
> From: "Mauricio Dulce" 
> To: "Ovillo, la lista de CSS en castellano" 
> Sent: Tuesday, January 13, 2009 7:47 PM
> Subject: Re: [Ovillo]Menú de navegación horizontal adaptable al ancho
>
>
> Que pasa si uso en un proyecto nuevo css3, me afecta tan solo a usuario de
> internet explorer o tambien a los que usamos safari 3, firefox 3 y camino?
>
> El 13 de enero de 2009 13:35, "Hernán Beati - SaberWeb.com.ar" <
> her...@saberweb.com.ar> escribió:
>
> > Hola Félix,
> >
> > Félix Horro Pita escribió:
> > >
> > > Es una solución más, que estudiándola podremos aprender cosas. Quien
> > > busque soluciones profesionales que no acuda a una lista abierta, sino
> a
> > > un profesional.
> > >
> >
> > La palabra "profesional" posiblemente sobra en mi mensaje, quítala así
> > no te impide ver el sentido de lo que dije.
> >
> > El punto es que si alguien pregunta por una solución "solo con CSS" y yo
> > voy a proponer una solución "solo con JavaScript", lo menos que puedo
> > hacer es AVISAR que mi propuesta NO SOLUCIONARA lo que preguntaban.
> >
> > Ah! Y de paso, creo que es lógico que quien envía el enlace nos avise
> > que NO FUNCIONARA para un... digamos 50% de los usuarios (los de
> > Explorer 6 y 7). Poca cosa, ¿no es cierto?
> >
> > Creo que merece aclararse eso al publicar un enlace de ese tipo (que no
> > da respuesta al problema, y que solo funciona en la mitad de los
> > navegadores), sigo creyéndolo, al menos yo lo haría si publicara un
> > enlace semejante, y creo que la mayoría de los usuarios de esta lista lo
> > hacen.
> >
> > Salvo, claro, que quien lo esté publicando ni siquiera sepa que su
> > propuesta hace uso de JavaScript, y que tampoco sepa que eso no
> > funcionará en Explorer 6 ni 7... en ese caso, ¿qué podemos esperar? Pero
> > creo que esta lista merece ese mínimo cuidado antes de proponer
> > soluciones.
> >
> > Un saludo,
> >
> > --
> > Hernán Beati
> > http://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://lists.ovillo.org/mailman/listinfo/ovillo
> >
>
>
>
> --
> -
> Mauricio Dulcce
>
> +54 1 5 36179028
> Santos Dumont 2475
> Capital Federal, Buenos Aires Argentina
>
> http://mauricio-dulce.neurona.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://lists.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://lists.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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Menú de navegación horizontal adaptab le al ancho

[Rafa Artacho]

Gracias Nacho

Pero lo que me mandas no resuelve el problema que comentaba, lo que necesito
es que eliminando/añadiendo pestañas, el resto de pestañas se redimensionen
de tal forma que ocupen el ancho total de una manera uniforme.


Bonitos menús de todas formas.

1 saludo

2009/1/13 Nacho Diez-Quijada - No mires atrás 

> Hola.
>
> A lo mejor es ponértelo demasiado fácil pero para empezar puedes echar un
> vistazo en Exploding-Boy[1].
>
> Y por si eso no es suficiente puedes probar el Css Tab Designer [2].
>
> [1] http://www.exploding-boy.com/images/cssmenus/menus.html
> [2] http://www.highdots.com/css-tab-designer/
>
> Un saludo.
>
> ----- Original Message -
> From: "Rafa Artacho" 
> To: "Ovillo, la lista de CSS en castellano" 
> Sent: Tuesday, January 13, 2009 4:05 PM
> Subject: [Ovillo] Menú de navegación horizontal adaptable al ancho
>
>
> Buenas tardes:
>
> Tengo la siguiente duda, estoy confeccionando un menú de navegación
> horizontal mediante listas (..).
>
> La cuestión es que no sé cuántas pestañas diferentes () me van a
> venir, 7, 9 10
>
> Me interesaría, que sin importar el número de pestañas () que
> aparezcan el menú, se muestren las pestañas distribuídas a lo largo de todo
> su ancho de una manera uniforme.
> He leído de una técnica que utiliza un script para detectar el número de
> pestañas existentes y dividir éstas entre 100 para asignar a cada li el
> resultado. Ej: 100/5= 20% asignado a cada li.
>
> Me interesaría sabes si esto puede lograrse solamente utilizando CSS.
>
> Muchas 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://lists.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://lists.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://lists.ovillo.org/mailman/listinfo/ovillo

[Ovillo] Menú de navegación horizontal adaptab le al ancho

[Rafa Artacho]

Buenas tardes:

Tengo la siguiente duda, estoy confeccionando un menú de navegación
horizontal mediante listas (..).

La cuestión es que no sé cuántas pestañas diferentes () me van a
venir, 7, 9 10

Me interesaría, que sin importar el número de pestañas () que
aparezcan el menú, se muestren las pestañas distribuídas a lo largo de todo
su ancho de una manera uniforme.
He leído de una técnica que utiliza un script para detectar el número de
pestañas existentes y dividir éstas entre 100 para asignar a cada li el
resultado. Ej: 100/5= 20% asignado a cada li.

Me interesaría sabes si esto puede lograrse solamente utilizando CSS.

Muchas 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://lists.ovillo.org/mailman/listinfo/ovillo

[Ovillo] Lista de Accesibilidad

[Rafa Artacho]

Buenas tardes:

Debo acometer un proyecto de accesibilidad y me gustaría que me
recomendáseis un foro dedicado a ello para plantear una serie de dudas.

Muchas 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://lists.ovillo.org/mailman/listinfo/ovillo

[Ovillo] A vueltas con los em´s

[Rafa Artacho]

Buenos días:

Se esta modificando la hoja de estilos del site de mi empresa, y uno de los
temas es pasar los tamaños de las fuentes de unidades absolutas (px) a
unidades relativas (em's).

He leído varios artículos en uno se recomienda usar un font-size para el
body del 62.5% para tomar como base 10px = 1em.

http://www.clagnut.com/blog/348/

En el otro método se aboga por utilizar un font-size para el body de 76%
para lograr que en IE, con un tamaño de texto Muy pequeño, definido por el
usuario, se vea el texto de modo aceptable. La verdad es que he hecho la
prueba en IE7 y yo lo veo bien con 62.5%...

http://www.thenoodleincident.com/tutorials/box_lesson/font/
http://www.thenoodleincident.com/tutorials/typography/index.html

¿Cuál me recomendais y por qué?

Por otra parte, el asignar un tamaño en % en el font-size del body ¿a qué
motivos responde? Las pruebas que estamos haciendo sin asignar en el body
ningún font-size por defecto son satisfactorias, y en todo caso si se desea
cambiar en algún momento la proporción de los em's del resto de elementos
bastaría con asignar en ese momento un font-size en % al body, ¿es así?


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

[Ovillo] [OT] Buscamos maquetador freelance

[Rafa]

Hola,
en Tres Tristes Tigres buscamos un maquetador/a freelance con 
conocimientos amplios de XHTML+CSS y javascript no intrusivo que pueda 
colaborar con nosotros. El trabajo no es prensencial. Para no contaminar 
la lista enviad trabajos o portfolio a rafa at trestristestigres dot com.

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

Re: [Ovillo] "semantificar" una cita

[Rafa]

Yo suelo hacerlo así:


Sólo sé que no sé nada
Sócrates


cite dentro del blockquote para "relacionar" cita y autor.

Saludos

Ignacio Ricci escribió:
> Creo que es una muy buena pregunta Rodrigo. Me parece que está bien tu
> ejemplo.
> Estuve leyendo un poco por la web, y confirmé lo siguiente:
>
> ** se usa para citas cortas de texto plano.
> ** se usa para citas largas, que están divididas por elementos
> de bloque, casi siempre párrafos
> (Parrafo1Parrafo2).
> ** debería usarse para hacer mención a un individuo/empresa. Para mí,
> un sustantivo.
>
> Asi que por lo tanto,
> Sólo sé que no sé nadaSócrates
>
> Esta bien.
>
> Nacho
>
>
> 2008/9/9 Rodrigo Álvarez Virgós <[EMAIL PROTECTED]>
>
>   
>> Hola, Ovillo
>>
>> Alguien sabe cómo marcar de manera semántica una cita del tipo: "Sólo sé
>> que no sé nada" (Sócrates)
>>
>> He mirado algún microformato, pero ninguno se ajusta. El más parecido es
>> el que cita un blog:
>> Eric Meyer wrote:
>> http://meyerweb.../social-protocols/
>> ">
>> 
>> What's so interesting to me is that the guys who decided
>> to focus on the positive went out and did something;
>> those who want to mix in the negative seem to have
>> nothing to offer except complaints.
>> 
>> 
>> An excellent contrast between those who want to
>> build new things and those who want to tear them down.
>> 
>>
>> En mi caso no puedo|| usar el atributo cite, ya que el valor ha de ser
>> una url. Tampoco me gusta usar , me gusta más  para este
>> tipo de citas. Tomando como referencia blog-quote, ¿lo siguiente sería
>> correcto?
>> Sólo sé que no sé nadaSócrates
>>
>> ___
>> 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
>>
>> 
>
>
>
>   

___
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] Ocultar contenido de forma accesible

[Rafa Artacho]

Me gustaría saber la necesidad de ocultar un enlace para los navegadores
normales pero que para los lectores de pantalla si sea "visible".¿Podéis
ilustrarlo con un ejemplo?

Gracias

2008/9/4 Neftalí Guerrero Pancorbo <[EMAIL PROTECTED]>

> Muchas gracias Rodrigoo!!!
> El jue, 04-09-2008 a las 13:30 +0200, Rodrigo Álvarez Virgós escribió:
> > Hola, Neftalí
> >
> > Neftalí Guerrero Pancorbo escribió:
> > > y mandar
> > > -32697px esto si??? yo lo flipo jaajajajajajajaj, bueno pues bueno es
> > > saberlo, me lo apunto para cuando tenga que acerlo accesible.
> > >
> >
> > Se puede decir que los limones son más dulces que las pipas, pero no
> > podemos decir que un limón sea dulce. Hay que aclarar que no hay una
> > manera accesible de ocultar un elemento.
> > Para cuestiones de accesibilidad os recomiendo la lista de AccesoWeb, de
> > Sidar: http://es.groups.yahoo.com/group/accesoweb/
> >
> > > El jue, 04-09-2008 a las 08:13 -0300, Ignacio Ricci escribió:
> > >
> > >> Eso no es lo más accesible..
> > >>
> > >> 2008/9/4 Neftalí Guerrero Pancorbo <[EMAIL PROTECTED]>
> > >>
> > >>
> > >>> con esto: display:none;
> > >>>
> > >>> El jue, 04-09-2008 a las 11:57 +0100, Carlos Marrero escribió:
> > >>>
> >  Buenos días,
> > 
> >  Me pregunto si alguien conoce el método más accesible, para ocultar
> >  contenido en una web, ¿ alguna idea, referencias ?
> > 
> >  Me gustaría ocultar visualmente este enlace, de modo que pudiese ser
> > 
> > >>> leído
> > >>>
> >  por lectores de pantalla, etc:
> > 
> >  ***
> > 
> >  
> >   Acceder
> > >>>
> >  al contenido
> >  
> >  ..
> >  
> >  
> >  ...
> >  
> > 
> >  
> >  saludos y gracias,
> >  carlos
> >  ___
> >  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
> > >>> --
> > >>>
> > >>> Nesta Guerrero Pancorbo
> > >>>
> > >>> Emergya Consultoría
> > >>> Avda. de la Innovación, 3 (Edif. Hércules), Mód 12-13
> > >>> E41020 Sevilla
> > >>> Tfno: +34 954 51 75 77 Fax: +34 954 51 64 73
> > >>>
> > >>> ___
> > >>> 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
> > >>>
> > >>>
> > >>
> > >> --
> > >>
>  <>  <↓۝ Ignacio Ricci
> > >
> > >> www.ignacioricci.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://lists.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://lists.ovillo.org/mailman/listinfo/ovillo
> --
>
> Nesta Guerrero Pancorbo
>
> Emergya Consultoría
> Avda. de la Innovación, 3 (Edif. Hércules), Mód 12-13
> E41020 Sevilla
> Tfno: +34 954 51 75 77 Fax: +34 954 51 64 73
>
> ___
> 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
>
___
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] [OT] Campaña Firefox 3

[Rafa]

La versión 1.2.0 b3 de Firebug que se puede descargar desde la página de 
los addons de mozilla [1] a mi me funciona perfectamente sobre firefox 3.

[1] https://addons.mozilla.org/es-ES/firefox/addon/1843

Saludos

Neftalí Guerrero Pancorbo escribió:
> Yo no me fliparía tanto, ya que no si si la conocen, el addons de
> firefox: firebug, no furula en firefox3, y se supone q el firebug es
> nuestra mejor herramienta para maquetar.
>
> El mar, 17-06-2008 a las 23:10 +0200, Almorca escribió:
>   
>> No. Ya ha salido la versión final.
>>
>> El día 17 de junio de 2008 23:02, Ardilla Roja <[EMAIL PROTECTED]>
>> escribió:
>>
>> 
>>> la version es un RC, pero pues ya se puede decir casi casi final.. :)
>>>
>>> 2008/6/17 Victoria Gracia <[EMAIL PROTECTED]>:
>>>   
 Me entero algo tarde (por la hora) de que hoy es el día que Firefox
 quiere batir un récord en descargas de su versión 3 [1]

 Acabo de mirar ahora y llevan ya 3.027.248, por lo que muy
 desencaminados no deben ir ;)

 Eso quiere decir que ya tenemos versión 3 oficial a sumar a la lista de
 navegadores a soportar (3 millones de usuarios bien lo vale, ¿no?)

 Un saludo

 Victoria


 [1] http://www.spreadfirefox.com/es-ES/worldrecord
 ___
 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
>>>   
>>>
>>> --
>>> Ardilla Roja
>>> La Trinchera // ardillaroja.com.mx
>>> ___
>>> 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
>>>
>>>   
>>
>> 

___
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

[Ovillo] Mantener estado del boton por CSS

[Rafa Artacho]

>
> Buenas tardes:
>
> He creado una imagen con tres estados de botón, esta imagen es llamada por
> una clase en un enlace
>
> 
>
> Cuando no se realiza ninguna acción sobre el botón se muestra el estado 1
> de la imagen
> Para el estado hover, se muestra el estado 2 de la imagen
> Para el estado active mostrará el estado 3 de la imagen
>
> Este estado 3 tiene una animación.
>
> Se muestran todos los estados de la imagen cuando hago el correspondiente
> evento, pero el estado 3 no se mantiene hasta que carga la siguiente página,
> sino que vuelve al estado hover o al estado normal, mi pregunta es:
> ¿hay alguna forma, mediante CSS sin javascript, de que el estado 3, el que
> tengo como active y que es una parte de la imagen que está animada, se
> mantenga hasta que cargue la página siguiente?
>
> También he probado con visited, por ver cómo reaccionaba.
>
> 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://lists.ovillo.org/mailman/listinfo/ovillo

[Ovillo] [OT] - Mantenimiento y desarrollos a medida

[Rafa Artacho]

Me interesaría que me orientaseis, desde vuestra experiencias, sobre qué
precio cobrar por el mantenimiento de un Oscommerce.

Yo he pensado incluir un mantenimiento básico, que consistiría, por ejemplo,
en:

- Mantenimiento de servicio: Que las funcionalidades existentes se sigan
desempeñando, backups...
- Mantenimiento del catálogo: Nuevas categorías, productos, descripciones
imágenes.
- Mejoras de funcionalidades existentes: Por ejemplo, rediseño de hojas de
producto, nuevas visualizaciones de productos (lightbox, galerías de
imágenes...), etc.

Por otro lado, las nuevas funcionalidades cobrarlas como desarrollos a
media.

¿Os parece correcto? o ¿es posible que me pille los dedos?

¿Que precio asignariais al mantenimiento?

Os agradezco de antemano vuestra ayuda

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

[Ovillo] Se busca un maquetador

[Rafa Artacho]

Buenas tardes:

Estamos buscando candidatos para trabajar de maquetador en una empresa
editorial de carácter multinacional.

Situación en pleno centro de Madrid, trabajo estable y remuneración
competitiva.

Enviar CVs y datos de contacto a [EMAIL PROTECTED]

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

[Ovillo] Quitar enlace en div superpuesto

[Rafa Artacho]

Buenas tardes,

Tengo una imagen inserta mediante  esta imagen tiene un enlace, y
encima tengo una serie de divs con combos, inputs...

Si le doy un height a los divs la mano no sale, pero al seleccionar diversas
opciones en los combos la capa no crece como debiera.

Sino pongo heights en los divs superpuestos a la imagen la mano sale.

En los divs superpuestos a la imagen también hay enlaces que deberían
funcionar

¿Alguna idea?

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

[Ovillo] Problema en Firefox con repetición back ground-image 1 pixel

[Rafa Artacho]

Buenas tardes:

Tengo un problema al emplear una imagen de fondo que deseo que se repita a
lo largo de todo el contenido de un div. La imagen mide width:800px y
height:1px.
En IE 7 e IE6 funciona, pero en Firefox no me muesta ni una sola línea.

A continuación refiero el div en cuestión y las clases CSS empleadas:




Quiénes Somos


xxx.com es la primera empresa
dedicada.

Todas las madres conocemos los problemas a los
que nos enfrentamos cuando dejamos a nuestros hijos en las
guarderías.

En la mayoría de las guarderías,
los pedagogos han optado por poner los nombres de los niños.


Cansados de ver a padres y pedagogos
desesperados sin saber qué hacer .


Es así como nace xxx.com.





 




 


CSS:
.base_commerce_middle{
width:800px;
height:auto; /*He probado con height:1px; que es lo que mide la imagen y
nada tampoco*/
text-align:left;
background: url('images/base_shop_middle.gif') repeat-y;
background-position:50% 0;
}
.box_container{
float:left;
}
.box_1{
float:left;
width:440px;
padding:5px 40px;
text-align:justify;
}
.box1_heading{
background-color:#C6C8CA;
padding-left:5px;
color:#FF;
font-weight:bold;
}
.box1_body{
padding-top:5px;
border:1px solid #D1D3D4;
}
.box1_content{
padding:5px 10px;
line-height:19px;
}
.box_2{
float:left;
width:120px;
padding:45px 20px;
}
.espvert_1{
margin-top:30px;
}


¿Alguna idea?, gracias

Rafa Artacho
___
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] osCommerce + CSS?

[Rafa Artacho]

inti castro escribió:
> saludos a la lista!
>
> ante la posibilidad de tener que trabajar en un proyecto para cambiarle el
> look&feel a un sitio hecho con osCommerce hice varias busquedas en google
> para evaluar si iba a ser un trabajo simple o no utilizar layouts 100% con
> css.
>
> encontre muchas paginas (desde posteos en foros hasta articulos y
> tutoriales) que recomiendan utilizar otras alternativas al osCommerce si se
> quiere trabajar con html semantico y css por lo que me veo bastante
> desanimado.
>
> igualmente se me ocurrio consultarles si a alguno de ustedes no les ha
> tocado trabajar con osCommerce y cómo fueron sus experiencias.
>
> muchas gracias.
>
> *inti castro*
> [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
>
>   
Buenas noches,

Justo ando customizando una  tienda OSCommerce, y como verás funciona 
mediante ficheros PHP que generan un código html en forma de tablas.
La apariencia se da por medio de un fichero CSS (stylesheet.css).
He añadido distintos elementos al código nativo de OSCommerce, estos 
elementos se construyen mediante divs.

Pensé en la posibilidad de traducir todo el html tablas por html con 
divs, pero no dispongo del tiempo suficiente.

Al principio puede costar un poco pero es bastante simple dar con los 
ficheros básicos para modificar la apariencia del sitio completo.

Espero que te sirva de ayuda.

Un saludo

Rafa Artacho


___
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

[Ovillo] Desactivadas Hojas de Estilo

[Rafa Quesada]

Hola como puedo saber si un navegador tiene activadas o no las hojas de estilo? 
Tengo un div que solo puedo pintar en el caso de que existan estilos, si no los 
huviese no lo pintaría, y necesito comprobar si hay estilos o no mediante una 
funcion en javascript, no se si eso es posible
Muchas gracias







   

Sé un Mejor Amante del Cine 
¿Quieres saber cómo? ¡Deja que otras personas te ayuden!
http://advision.webevents.yahoo.com/reto/entretenimiento.html
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

[Ovillo] Google maps

[Rafa Quesada]

Hola, alguien sabe como colocar un mapa de google en una pagina y que esta sea 
accesible al menos AA, El problema es que cuando lo coloco, si le quito los 
estilos a la página, me muestra imagenes de recursos que no deberían aparecer. 
Sino alguna forma de hacer que no aparezca una capa si no hay estilos
Muchas gracias





   

Sé un Mejor Amante del Cine 
¿Quieres saber cómo? ¡Deja que otras personas te ayuden!
http://advision.webevents.yahoo.com/reto/entretenimiento.html
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

[Ovillo] Módulo Carrito de la compra

[Rafa Artacho]

Buenas tardes:

Necesitaría implementar un carro de la compra para un sitio web (poder 
añadir, consultar y eliminar productos), no quiero implementarlo yo,
así que mi pregunta es si conocéis un módulo ya hecho que pueda 
conseguir para implementarlo en mi sitio, que será únicamente XHTML + CSS.

He estado mirando varias opciones y por ahora la que más me convence es 
la de Paypal, pero me gustaría contrastar con vuestra experiencia con 
otras alternativas.


Muchas gracias

Rafa Artacho
___
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

[Ovillo] Posicionamiento inline

[Rafa Couto]

Para un portal de ancho variable, ¿es posible tratar las capas como
elementos para posicionar con inline? ¿Cual es la mejor forma de hacer esto?


-- 
Rafa Couto (caligari)
mailto:rafacouto @gmail.com
Linux user #99126 (http://counter.li.org)
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] NUEVO...#

[Rafa Couto]

ver si entre todos podemos interpretar lo que pida este amigo:
>
> 1- es posible que se refiera al nombre del color rosa para poner en el
> codigo?
> 2 Creo que lo que dices es que :  en ADSL al activar el filtro de
> google  no
> sabes como evitar que se muestren los gifs?
> 3 Hay un fichero script que Google pone en las paginas, pero no las
> direcciona en una coneccion ADSL
>
> No se nada de "portuñol" pero espero que alguien mas pueda ayudarte, si
> los
> listeros interpretan lo que dices, seguro podran ayudarte
>
>
Como buen gallego entiendo el Portugués, pero creo que el amigo tiene un
cacao de aupa. Creo que quiere traducir el código CSS que está especificado
en inglés a otros idiomas y nos pregunta a nosotros como ponemos 'red'. Las
conexiones discadas son las de modem (lo de discadas viene por el legendario
disco para meter el dedo y marcar), en todo caso creo que tiene un problema
con su proveedor de ADSL al que se cambió y le debe tener un proxy que
afecta con el tema de las animaciones. También dice al final que lo normal,
al parecer allí, es tener conexión de módem telefónico y que por ahí le va
todo bien.

En fin, con permiso y esperando que lo toméis a broma, le recomendaría que
llamara a su proveedor de ADSL para que le revisen los gifs que apaña el
proxy transparente y que de paso, pregunte si se lo cambian por un traductor
automático para los ficheros .css, todo esto acompañado de un tono fuerte y
la amenaza de volver al módem telefónico de siempre :-)


-- 
Rafa Couto (caligari)
mailto:rafacouto @gmail.com
Linux user #99126 (http://counter.li.org)
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Devolver estilos por defecto del navegador, o jugar con los estilos al reves

[Rafa Couto]

Una preguna, no se si esto se podrá hacer o no?, curiosidad tal vez
>
> por ejemplo tenemos un elemento  input y le aplicamos un estilo {}
>
> con lo cual hemos modificado los estilos por defecto de ese elemento
> para cualquier mavegador.
>
> mi pregunta es si por ejemplo queremos que otro input si consiga los
> efectos del navegador
> si existe alguna  de decirle que vuelva a tener los estilos del
> navegador, algo como non-style o algo asi



Buenas, acaban de recomendarme esta lista y ya estoy metiendo mensajes. Algo
me dice que voy a ser asiduo :-)

No lo he probado, pero por JavaScript (desde 1.2) puedes acceder a los
estilos por defecto de las etiquetas por la propiedad
document.tags._tagName_.style

Mira http://docs.sun.com/source/816-6408-10/document.htm#1221745

En cuanto tenga tiempo examino a ver que hay ahí en cada navegador para
todas las etiquetas. Muy interesante lo que propones...

Por cierto, lanzo otra cuestión de paso: ¿hay alguna parte de los estándares
CSS o X/HTML que diga qué estilos son los predefinidos? Es decir, los tipos
de fuente, tamaños, etc que muestran los navegadores.


-- 
Rafa Couto (caligari)
mailto:rafacouto @gmail.com
Linux user #99126 (http://counter.li.org)
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

[Ovillo] Menu desplegable css

[Rafa Quesada]

 Hola, tengo hecho un menú desplegable vertical en el que las sublistas se 
colocan a la derecha de cada elemento del menú sobre el que se hace hover. Esto 
lo hago haciendo las sublistas con position absolute y con visibility hidden 
(la pongo a visible cuando se hace hover en su li padre.) Todo funciona 
perfectamente salvo un pequeño detalle y es que cuando se despliega el menu por 
encima de un como box en ie6 este se pinta por encima.
A ver si alguien tiene una solucion(espero haberme explicado)







__ 
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] imagen de fondo

[Rafa Quesada]

Prueba ponerle un 
overflow: hidden;
para que te coja la altura auque no tenga contenido
 







- Mensaje original 
De: hugo sierra <[EMAIL PROTECTED]>
Para: ovillo@lists.ovillo.org
Enviado: viernes, 9 de febrero, 2007 13:50:08
Asunto: Re: [Ovillo] imagen de fondo


Ya he probado a darle el tamaño de la imagen, pero lo que me pasa es que el 
div que viene justo debajo se monta encima. He logrado separarlos con la 
altura absoluta, pero ahora no veo la imagen entera en vertical.

Muchas gracias de todos modos. A ver si hay alguna otra solución o me 
retiro. jeje.

>From: sn <[EMAIL PROTECTED]>
>Reply-To: "Ovillo, la lista de CSS en castellano" 
>To: "Ovillo, la lista de CSS en castellano" 
>Subject: Re: [Ovillo] imagen de fondo
>Date: Fri, 9 Feb 2007 13:45:51 +0100
>
>salud;
>prueba a darle a la capa un ancho y alto fijos, que se correspondan con el
>tamaño real de la imagen.
>___
>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

_
¿Estás pensando en cambiar de coche? Todas los modelos de serie y extras en 
MSN Motor. http://motor.msn.es/researchcentre/

___
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








__ 
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Float me pisan div contenedores

[Rafa Quesada]

 Pues no hay forma he probado de todo ya unica forma que encuentro para simular 
el bug del explorer es el clear:both pero no se lo puedo poner a la columna de 
la izquierda y en el de la derecha no me coge la altura correcta



- Mensaje original 
De: Rafa Quesada <[EMAIL PROTECTED]>
Para: "Ovillo, la lista de CSS en castellano" 
Enviado: jueves, 21 de diciembre, 2006 17:44:09
Asunto: Re: [Ovillo] Float me pisan div contenedores


Pues poniendo el overflow y quitando las alturas a los floar, me salen las 
barras de scroll. Lo curioso es que cuando crece la de la derecha me funciona 
bien.


- Mensaje original 
De: Pablo Suarez León <[EMAIL PROTECTED]>
Para: "Ovillo, la lista de CSS en castellano" 
Enviado: jueves, 21 de diciembre, 2006 17:04:32
Asunto: Re: [Ovillo] Float me pisan div contenedores

y así?

#contenido 

{

background-color:#fff;

color:#000;

padding:0 0 0 1.3em;
overflow:auto;

}
#col_izq 

{

background-color:#fff;

/*height:51em;*/
width:69%;

padding-top:1em;

float:left;

}

#col_der{

float:right;

width: 30%;

/*height:52em;*/

background-color:#EFEDED;

border-left:1px solid #CCC;

}Pablo Suárez León
Analista   Programador
Technosite
Grupo Fundosa
Tfno: 91-121.03.54
Fax:   91-3.75.70.51
www.technosite.es [http://www.technosite.es/]
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo








__ 
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://lists.ovillo.org/mailman/listinfo/ovillo








__ 
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Float me pisan div contenedores

[Rafa Quesada]

Pues poniendo el overflow y quitando las alturas a los floar, me salen las 
barras de scroll. Lo curioso es que cuando crece la de la derecha me funciona 
bien.


- Mensaje original 
De: Pablo Suarez León <[EMAIL PROTECTED]>
Para: "Ovillo, la lista de CSS en castellano" 
Enviado: jueves, 21 de diciembre, 2006 17:04:32
Asunto: Re: [Ovillo] Float me pisan div contenedores

y así?

#contenido 

{

background-color:#fff;

color:#000;

padding:0 0 0 1.3em;
overflow:auto;

}
#col_izq 

{

background-color:#fff;

/*height:51em;*/
width:69%;

padding-top:1em;

float:left;

}

#col_der{

float:right;

width: 30%;

/*height:52em;*/

background-color:#EFEDED;

border-left:1px solid #CCC;

}Pablo Suárez León
Analista   Programador
Technosite
Grupo Fundosa
Tfno: 91-121.03.54
Fax:   91-3.75.70.51
www.technosite.es [http://www.technosite.es/]
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo








__ 
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Float me pisan div contenedores

[Rafa Quesada]

 Pues el height no lo uso para nada, se me ha debido colar en una de las 
pruebas que hacía para que este fuese mas alto. :-)



- Mensaje original 
De: Nacho F. Carreño <[EMAIL PROTECTED]>
Para: "Ovillo, la lista de CSS en castellano" 
Enviado: jueves, 21 de diciembre, 2006 17:00:20
Asunto: Re: [Ovillo] Float me pisan div contenedores

Si #col_izq crece de manera dinámica ¿para que le pones height:51em;?


Rafa Quesada escribió:
> Pues aqui te pongo la parte del css
> #contenido 
> {
> background-color:#fff;
> color:#000;
> padding:0 0 0 1.3em;
> }
> #col_izq 
> {
> background-color:#fff;
> height:51em;
> padding-top:1em;
> float:left;
> }
> #col_der{
> float:right;
> width: 30%;
> height:52em;
> background-color:#EFEDED;
> border-left:1px solid #CCC;
> }
>
> Y luego los div se colocarian asi:
>
> 
>
> ---contenido--
> 
>
>
> ---contenido--
>
> 
>
> 
>
> El problema biene cuando col_izq crece (ya que lo hace de forma dinámica) 
> pues "contenido" no se adecua a su tamaño. 
>
> Espero que quede un poco mas claro.
>
>
>
>
> - Mensaje original 
> De: Pablo Suarez León <[EMAIL PROTECTED]>
> Para: "Ovillo, la lista de CSS en castellano" 
> Enviado: jueves, 21 de diciembre, 2006 16:33:22
> Asunto: Re: [Ovillo] Float me pisan div contenedores
>
> Y lo hacen por un bug en el overflow que hace que se estire el contenedor 
> cuando no debería. Como te decía comprueba las dimensiones de los divs 
> interiores al contenedor. La solución a lo que planteas pasa por el 
> overflow:auto;
> ¿El código para poder verlo?
>
>
> Pablo Suárez León
> Analista   Programador
> Technosite
> Grupo Fundosa
> Tfno: 91-121.03.54
> Fax:   91-3.75.70.51
> www.technosite.es [http://www.technosite.es/]
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
> http://lists.ovillo.org/mailman/listinfo/ovillo
>
>
>
>
>
>
>
> 
> __ 
> 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://lists.ovillo.org/mailman/listinfo/ovillo
>
> __ Información de NOD32, revisión 1931 (20061220) __
>
> Este mensaje ha sido analizado con  NOD32 antivirus system
> http://www.nod32.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://lists.ovillo.org/mailman/listinfo/ovillo








__ 
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Float me pisan div contenedores

[Rafa Quesada]

Pues aqui te pongo la parte del css
#contenido 
{
background-color:#fff;
color:#000;
padding:0 0 0 1.3em;
}
#col_izq 
{
background-color:#fff;
height:51em;
padding-top:1em;
float:left;
}
#col_der{
float:right;
width: 30%;
height:52em;
background-color:#EFEDED;
border-left:1px solid #CCC;
}

Y luego los div se colocarian asi:


   
---contenido--

   

---contenido--





El problema biene cuando col_izq crece (ya que lo hace de forma dinámica) pues 
"contenido" no se adecua a su tamaño. 

Espero que quede un poco mas claro.




- Mensaje original 
De: Pablo Suarez León <[EMAIL PROTECTED]>
Para: "Ovillo, la lista de CSS en castellano" 
Enviado: jueves, 21 de diciembre, 2006 16:33:22
Asunto: Re: [Ovillo] Float me pisan div contenedores

Y lo hacen por un bug en el overflow que hace que se estire el contenedor 
cuando no debería. Como te decía comprueba las dimensiones de los divs 
interiores al contenedor. La solución a lo que planteas pasa por el 
overflow:auto;
¿El código para poder verlo?


Pablo Suárez León
Analista   Programador
Technosite
Grupo Fundosa
Tfno: 91-121.03.54
Fax:   91-3.75.70.51
www.technosite.es [http://www.technosite.es/]
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo








__ 
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Float me pisan div contenedores

[Rafa Quesada]

El problema es que con overflow:hidden el div flotante crece por no se ve la 
parte de abajo. Lo que necesito es que el div contenedor crezca a la vez que 
crece el flotante. Y que no me aparezcan las barras de scroll. Por defecto 
parece que esto no lo hace mas que en IE6 e inferiores.

gracias



- Mensaje original 
De: diego burich <[EMAIL PROTECTED]>
Para: "Ovillo, la lista de CSS en castellano" 
Enviado: jueves, 21 de diciembre, 2006 15:16:59
Asunto: Re: [Ovillo] Float me pisan div contenedores

Hola,

overflow: hidden;

saludos,



El día 21/12/06, Rafa Quesada <[EMAIL PROTECTED]> escribió:
>
>
> La verdad es que el overflow me soluciona el problema de los float
> pisandose pero me genera otro peor que es que me mustra las barras de scroll
> y no encuentro manera de quitarlas, Asi que tendré que seguir buscando
> solución
>
>
>
>
>
>
>
> - Mensaje original 
> De: Pablo Suarez León <[EMAIL PROTECTED]>
> Para: "Ovillo, la lista de CSS en castellano" 
> Enviado: jueves, 21 de diciembre, 2006 12:51:40
> Asunto: Re: [Ovillo] Float me pisan div contenedores
>
> Yo quitaría
> ese div con el clear, que supongo está vacío. Le pondría al contenedor
> overflow:auto; Eso lo solucionaría en Firefox y demás. Para explorer le
> pondría un estilo que sólo pillase él (cometarios condicionales) y
> aplicaria algúna propiedad para cambiar el hasLayout, por ejemplo
> height:1%; o display:inline-block;
> Si te he entendido bien supongo que eso lo solucionaría.
>
>
> Pablo Suárez León
> Analista   Programador
> Technosite
> Grupo Fundosa
> Tfno: 91-121.03.54
> Fax:   91-3.75.70.51
> www.technosite.es [http://www.technosite.es/]
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>
>
>
>
>
>
>
>
> __
> 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://lists.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://lists.ovillo.org/mailman/listinfo/ovillo










__ 
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Float me pisan div contenedores

[Rafa Quesada]

 La verdad es que el overflow me soluciona el problema de los float pisandose 
pero me genera otro peor que es que me mustra las barras de scroll y no 
encuentro manera de quitarlas, Asi que tendré que seguir buscando solución







- Mensaje original 
De: Pablo Suarez León <[EMAIL PROTECTED]>
Para: "Ovillo, la lista de CSS en castellano" 
Enviado: jueves, 21 de diciembre, 2006 12:51:40
Asunto: Re: [Ovillo] Float me pisan div contenedores

Yo quitaría
ese div con el clear, que supongo está vacío. Le pondría al contenedor
overflow:auto; Eso lo solucionaría en Firefox y demás. Para explorer le
pondría un estilo que sólo pillase él (cometarios condicionales) y
aplicaria algúna propiedad para cambiar el hasLayout, por ejemplo
height:1%; o display:inline-block;
Si te he entendido bien supongo que eso lo solucionaría.


Pablo Suárez León
Analista   Programador
Technosite
Grupo Fundosa
Tfno: 91-121.03.54
Fax:   91-3.75.70.51
www.technosite.es [http://www.technosite.es/]
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo








__ 
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://lists.ovillo.org/mailman/listinfo/ovillo

[Ovillo] Float me pisan div contenedores

[Rafa Quesada]

 Hola buenas 
Tengo el siguiente problemilla a ver si alguien me  lo puede solucionar.
Tengo un div contenedor, y dentro de el tengo dos div (col_iz y col_der) ambos 
con float left,  para que el contenido se situe en 2 columnas. Despues de ellos 
coloco un div con clear:both. 
Todo funciona correctamente hasta que el contenido del primer div (col_iz)  
crece lo suficiente como para hacerlo mas grande que el contenedor principal. 
En IE funciona bien, pero en firefox y en IE7 hace que la columna de la 
izquierdapase por encima del contenedor principal pisando lo que tengo debajo. 
A ver si alguien me da una solucion.
Muchas gracias












__ 
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] [OT] joomla

[XUL - Rafa Jiménez]

Lo Primero de todo felices fiesta a todos los usuarios de la lista.


Aquí van unas cuantas de respuestas a lo que comentas:

1. Para crear un página en 4 idiomas hay una extensión que te permite
gestionar el contenido en tantos idiomas como desees. Esa Extensión es
joomfish. El único problema que tiene joomla es que la administración no es
multidioma asi que decántate por inglés(joomla.org) o
español(joomlaspanish.org) 

2. Como Comenta enrique pásate por joomla spanish y para cualquier duda por
su foro ya que son realmente buenos en ese tema.

3. Par el tema de las plantillas te hago un pequeño resumen:
- Hay 2 tipos de plantillas, las de la zona de administración y la
del front end del   usuario.

- Las plantillas son html y su función es cargar los datos
especificados en lasdistintas secciones (top, user1, user2, left, etc)
que dependen de cada plantilla.
Todo eso se realiza mediante Mosloadmodules('nombre
seccion','como_mostrarlo'). Paramás info échale un vistazo a
/tu_sitio_joomla/includes/joomla.php.

- Todas esas secciones cargan los módulos del sitio según su
posición. Puedesestablecer las posiciones en Home > Template manager
> Module positions (en la versión   en inglés).

- La estructura de la plantilla (la más básica) es la siguiente(se
encuentra en/templates/nombre_plantilla/):
- index.php (El código html de la plantilla en si).
- templateDetails.xml (Información mostrada en la
administración de las   plantillas de joomla).
- template_thumbnail.png (captura de la plantilla).
- /css/ (Carpeta que contiene las páginas de estilo
relativas a la plantilla consus hack para los 3 navegadores
principales y demás).

Espero haberte aclarado un poco la visión general de las plantillas. También
son muy buenos los enlaces señalados por el compañero(1ª respuesta).

Si tienes cualquier otra duda no dudes en pasarla por la lista o
directamente a mi correo.

Un saludo, Rafael
- 



-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de manel garcia andreu
Enviado el: jueves, 21 de diciembre de 2006 8:57
Para: Ovillo, la lista de CSS en castellano
Asunto: [Ovillo] [OT] joomla

Hola a todos

Primero felicitaros las fiestas a todos, y que paseis unas Navidades
acompañdos de vustras familias y amigos, muy, pero que muy FELICES

He puesto OT al tema porque no se si corresponde, pero bueno si no
corresponde ruego me perdoneis.

Un cliente me ha pedido una web con ese CMS y segun he visto por internet es
altamente flexible, o sea que permite hacer muchas cosas.

El tema que yo "nunca" lo he tocado, y llevo dos dias con el, y no hay forma
de avanzar.

Expogo aqui mis dudas y si es "OFF TOPIC" estaria altamente afradecido que
me escribeirais un privado, para no molestar a los compañeros.

1º Tengo que hacer la web en 4 idiomas: es posible? y si es algun script o
alguna cosa para hacerlo.

2º Donde consigo el idioma castellano pues he bajado varios y no han
funcionado.

3º Los temas son plantillas por lo que he visto pero no me aclaro mucho con
ellos, agradeceria si supierais alguna webs que expliquen como tocarlos o
generar uno propio.

Hay más pero sobre la marcha.

Gracias de ante mano, y lo dicho no bebeais mucho y lo paseis Felices.

Manel
www.susemania.org

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

Re: [Ovillo] Firefox version2

[Rafa Garcia]

FRANCISCO PRIAN FERREIRA escribió:
> Hola a todos.
> Es la primera vez que participo en el foro, mi 
> problema es el siguiente: 
> Tengo casi contruido un sitio a una escuela 
> deportiva con una página dinamica con php y  
> mysql de forma que por medio de un 
> formulario puedo introducir en la db unas 
> pequeñas cronicas y fotografias de  los 
> difrentes partidos dentro de unos cuadros y 
> que tanto en Netscape, IE, Opera y FireFox 
> version 1, se ve correctamente sin problemas.
> Pero con Firefox version2 el texto no respeta 
> el cuadro y aparece todo sobre una sola linea.
> ¿alguien me puede orientar? GRACIAS POR 
> VUESTRA ATENCIÓN Y AYUDA.
>   

Francisco, oriéntanos tu a nosotros primero y danos una URL donde 
podamos ver el problema, porque con lo que nos has contado es imposible 
hacerse una idea.

___
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] [OT] mapa de imagen

[Rafa Garcia]

Marta Martínez | ARGUS.net escribió:
> no se si es esto lo que buscas...
> http://www.kymco.es/concesionarios.html
>
>   
Este ejemplo que has mandado es muy interesante, y la cantidad de horas 
que hay ahí invertidas es considerable, por lo que se ve, pero, en 
términos de accesibilidad de la información, ¿es necesario tener tantos 
htmls como provincias tengan concesionario?. Es que esto de tener 52 
archivos diferentes donde sólo puedes tener uno me parece curioso.

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

Re: [Ovillo] Problemas de novato

[Rafa Garcia]

>>   
>> 
>>> Buenos días.
>>>
>>> Confieso q estoy "introduciendome" al uso de CSS y comienzan a surgirme mis 
>>> primeros problemas.
>>>
>>> En el siguiente enlace os muestro un "intento" de web en el que tres cajas 
>>> que he puesto, me desbordan lo que sería la caja contenedora. (se ve mal en 
>>> firefox) en IE se ve como me gustaría que quedase.
>>> 
>>>   
>> Yo lo veo igual en IE6 y FF 2.0, que versiones estas usando?
>>
>>   
>> 
>>> http://www.floreszamanzas.com/index2.php (ver con firefox para ver el 
>>> "problema")
>>>
>>> ¿Alguien me podría orientar sobre como solventarlo?
>>>   
http://css.maxdesign.com.au/floatutorial/index.htm
Ala, a estudiar ;-)
>>> Gracias a todos.
>>>
>>> Un saludo.
>>>
>>> EJota T.
>>> ___
>>> 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
>>>
>>> 
>>>   
>>   
>> 
>
>   

___
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] Estadisticas [SemiOT]

[Rafa Garcia]

> Me da pena que por no decir las cosas bonitas y rodeadas con rosas, la gente
> se lo tome a mal. No escribo esto para pedir disculpas ya que no lo
> considero apropiado, pero si diré que lamento que se haya entendido mal, o
> en un tono fuerte, cuando era una simple opinión sobre la forma en que una
> persona estaba maquetando una Web.
>   
Si no escribes este mensaje para pedir disculpas pero te lamentas, 
vale ;-). A veces las prisas son malas consejeras, a todos nos ha 
pasado. La intención era buena y eso es lo que importa, aunque si a mi 
me dicen que lo que he hecho es una chapuza, me pillo un rebote 
considerable...por más que pueda serlo. Pelillos a la mar ;-)
> [Fin OT]
>
> Ahora, finalizando el OT... yo en su día empece a programar un sistema de
> estadisticas que en un principio iba a ser para un cliente pero decidimos
> hacerlo más estandar y utilizarlo a nivel mas global. Era en ASP, y se
> basaba en tablas con datos numericos.
>
> Pero las graficas las ponia con simples imagenes.
>
> La primera era el borde izquierdo, la central era la imagen que se alargaba
> (modificando por ASP el width) y la de la derecha es la que cerraba. Algo
> similar a lo que utilizan muchos sistemas de estadísticas.
>   
El sistema que plantea Iban me parece razonable y accesible. Lo que 
comentaba el compañero antes sobre la capacidad de los navegadores 
-Explorer 7 lo soporta perfectamente, por cierto- para mostrar SVG es un 
obstáculo, aunque todos tenemos claro que el SVG tiene todas las 
papeletas para convertirse en el estándar gráfico.

Yo tiraría por el camino del SVG y a mirar adelante; por cierto, Carlos, 
vigila el tooltip de la libreria interface que casca por todos lados. Y 
como inspiración mírate el gran trabajo que han hecho los de google en 
el google analytics y el mint de shaun inman.

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

Re: [Ovillo] Estadisticas

[Rafa Garcia]

Iban Rodriguez escribió:
> Vaya, a eso lo llamo yo saber aceptar criticas constructivas.
> ¿Te fijaste que además de esa opinión mia sobre tu forma actual de hacerlo
> (que no es otra cosa) y que parece haberte sentado mal, hay además un
> CONSEJO de cómo creo que podría quedar más... elegante? Creo que es muy
> diferente responder diciendo "vaya mierda", y no aportar nada más, a lo que
> hice yo, que fue dar mi opinón, y decir cómo creo que podría estar MEJOR.
> Pero de todas formas no te preocupes. Me apunto tu nombre, y para la
> siguiente intentaré decir "me parece que es una forma poco elegante" o "creo
> que habría formas mejores de hacerlo", en lugar de utilizar la breve, clara
> y concisa palabra "chapuza" para definir algo que NO veo del todo correcto
> (como envolver un cable con 5mm de cinta aislante en lugar de comprarse uno
> nuevo... se hace una chapucilla).
> Gracias a tí por ayudarme a expresarme mejor.
> El lun, 30-10-2006 a las 17:20 +0100, Iban Rodriguez escribió:
>   
>> Personalmente, me parece bastante chapuza ponerle un width de
>> "45.483483743%" a una lista, y más en el HTML en lugar de utilizar la hoja
>> de estilos.
>> 
Iban, hoy acabas de comprender el concepto de "netiquette". Enhorabuena ;-)
En relación a lo que pedía Carlos, ví en un libro de ajax el uso de SVGs 
generados por php para crear un chart. Quizá algo así pudiera funcionar 
en vuestro caso. Si te interesa te paso la referencia al libro donde lo leí.

Un saludo y haya paz, que estamos en semiviernes.
___
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] Imprimir html

[Rafa Garcia]

Luis Villegas escribió:
>  Buenas, a ver si esto se puede hacer.
>
>  Estoy desarrollando una aplicación que tiene que generar un parte de
>  trabajo. La manera más fácil de hacerlo es creando un archivo html e
>  imprimirlo.
>
>  El problema es que cuando le doy a imprimir en el navegador, no salen
>  los bordes de la tabla y además lo hace en 2 hojas.
>
>  Aparte sale arriba la url de la página.
>
>  ¿Hay alguna forma de arreglar ésto?

La hay y se llama css:


**

Este segundo CSS es el que va a definir tu estilo para impresión; aquí 
tendrás que dar estilo a tus elementos y el dispositivo de impresión 
tomará esta información de estilo y no la del primer archivo css.




___
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] Navegador de voz

[Rafa Garcia]

Jose Javier Garcia escribió:
> Muchas gracias Rafa. Noy a buscarlo.
>   

Suerte y cuéntanos tus andanzas por el mundo de los navegadores de voz.

> ___
> 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
>
>   


___
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] Navegador de voz

[Rafa Garcia]

http://www.w3.org/WAI/References/Browsing

Jose Javier Garcia escribió:
> Estimados [EMAIL PROTECTED]:
>
> ¿Saben ustedes dónde se puede conseguir un navegador de voz para probar las
> página con acceso para personas discapacitadas?
>
> Muchas 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://lists.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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Sueldo medio de un webmaster

[Rafa Garcia]

Hablar de los sueldos es un tema mas tabú que vender el Mein Kampf en 
una librería de Tel-Aviv.

___
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] Ya ha salido Internet Explorer 7

[Rafa Garcia]

la gente que programa cosas para windows, sobretodo desde
opensource-no-MS = 0,001% del total de usuarios.

El resto ni saben donde se cambia la configuración de las actualizaciones.



devta singh escribió:
>> Hombre, en principio, según han comentado ellos mismos, va a salir como
>> actualización crítica, así que en cuanto estén las versiones para todos los
>> idiomas, el cambio debería ser progresivo, pero bastante rápido, a través
>> 
> de
>   
>> las actualizaciones automáticas de Windows.
>> 
>
> Ya, pero la gente que programa cosas para windows, sobretodo desde
> opensource-no-MS sabe que las actualizaciones son una de las mayores fuentes
> de problemas y mucha gente las desactiva. Cambian APIs no documentadas para
> hacer más compleja o inservible la ingenieria inversa sobre funciones del
> sistema que debería porder usar cualquiera.
>
> Por saber: ¿Cuanta gente de la lista tiene activadas las actualizaciones
> automáticas?
>
> Yo no. (Pero quizá soy el único Cromagnon)
>
> Un saludo.
>
>
> Devta
>
>   


___
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] Ya ha salido Internet Explorer 7

[Rafa Garcia]

Y una cosa, como Microsoft decida actualizar el explorer mediante el 
sistema de Live Update, lo de los años podemos dejarlo en semanas.
Tienes de todos modos un IE7 que funcionaba como Standalone player, pero 
fallaba muchísimo. El navegador parece que va fino, aunque directamente 
se cepilla los objects de flash (al menos en mi caso), sin mostrar 
siquiera el aviso de click para activar objeto.

devta singh escribió:
> Los que lo habéis instalado, ¿se puede mantener Explorer 6 y tener el 7? O
> la instalación se cepilla al anterior?
> ¿Funciona la extensión IEtab del firefox con la version nueva del explorer?
>
> Más que nada porque tardará unos años en ser mayoritario y no podemos dejar
> de probar los sitios en 6, y tampoco es plan tener un montón de máquinas o
> de perfiles diferentes solo para poder verlo en varias versiones.
>
> Un saludo.
>
> Devta
>
>   


___
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