Re: [Ovillo] HTML - Incluir un article en un article
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
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] Botón que al hacer scroll en IE7, des aparece el texto
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
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
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
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
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
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
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
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.
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
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
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
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
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
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
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
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
¿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
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
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
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
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
¿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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
Re: [Ovillo] Ocultar contenido de forma accesible
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
[Ovillo] Mantener estado del boton por CSS
> > 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
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
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
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
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?
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] Módulo Carrito de la compra
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
