Re: [Ovillo] [OT] para diseñadores

[andres karp]

Para saber sobre eso hay que ir a la  mejor comunidad www.domestika.org ahi
te van a dar la solución. saludos

El día 17/08/07, noth css <[EMAIL PROTECTED]> escribió:
>
> Buenas a todos,
>
> Perdonar por el pequeño off-topic, conoceis alguna lista de correo
> sobre diseño web, centrado en lo que es el diseño, nada de html y css.
>
> Lo que busco en particular es algun libro , manual , tutorial, que me
> pueda orientar al uso correcto de las tipografias, cuantas se deberian
> usar (distintas por web) cuantos colores distintos usar, un poco de
> todo
>
> Un saludo y muchas gracias  de antemano
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>



-- 
saludos
Andrés Karp

blog_ http://www.akelarreweb.com
work_http://www.daoiz.es
book_http://www.akelarreweb.com/andreskarp
cool_http://www.lechooga.org
group_http://groups.google.es/group/lechooga?hl=es
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] [OT] para diseñadores

[Quasi]

Existen muchos libros sobre esos temas: teórica del color, tipografía, 
diseño gráfico, etc.

* Un libro que me ha encantado sobre tipografía es: *manual de
  tipografia, del plomo a la era digital*.
* Y una editorial que tiene muy buenos libros de diseño es: index
  book .
* Una comunidad de foros sobre diseño: Domestika
  


Saludos.

andres karp escribió:
> Para saber sobre eso hay que ir a la  mejor comunidad www.domestika.org ahi
> te van a dar la solución. saludos
>
> El día 17/08/07, noth css <[EMAIL PROTECTED]> escribió:
>   
>> Buenas a todos,
>>
>> Perdonar por el pequeño off-topic, conoceis alguna lista de correo
>> sobre diseño web, centrado en lo que es el diseño, nada de html y css.
>>
>> Lo que busco en particular es algun libro , manual , tutorial, que me
>> pueda orientar al uso correcto de las tipografias, cuantas se deberian
>> usar (distintas por web) cuantos colores distintos usar, un poco de
>> todo
>>
>> Un saludo y muchas gracias  de antemano
>> ___
>> Lista de distribución Ovillo
>> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
>> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
>> http://lists.ovillo.org/mailman/listinfo/ovillo
>>
>> 
>
>
>
>   

-- 

Quasi ;)
www.aurea.es 

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

[Ovillo] transparente... buagh!

[Enrique Rodriguez]

Siento preguntar esto, pero en el curro se nos plantea una duda de estas...
existenciales.

Por un caso que no viene a cuento, me veo obligado a meter un  en un
marcado xhtml 1.0. Necesito que ese  tenga el fondo transparente. He
encontrado soluciones, pero son propietarias de IE. ¿Cómo hago para que el
 tenga el fondo transparente?.

Mil gracias de antemano.

-- 
Enrique Rodriguez Vallejo
http://ervdesign.net | [EMAIL PROTECTED]
Tlfno: 667 237 770
___
Lista de distribución Ovillo
Para escribir a la lista, envia un 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] comportamiento hover

[Carlos Rincón]

Hola,

El jue, 16-08-2007 a las 13:48 -0500, final20 escribió:
> Pues yo lo que te recomiendo es que lo hagas usando javascript para que 
> funcione en IE6 ya que para IE la pseudo clase hover solo existe en los 
> vínculos "" quedaría de esta manera:

Sólo un pequeño apunte, aún veo más de una vez que la gente sigue usando
javascript "a la antigua" sin usar ningún framework tipo JQuery.

Vale que a veces si sólo lo queremos para una cosa puede ser incrementar
de forma tonta el tamaño de la web (aunque JQuery sólo ocupa un 20k's)
pero lo hace todo mucho más fácil.

Por ejemplo:

  $(document).ready(function () {   
$('#table_results tr').hover(
function(){
$(this).addClass("img_hover");
},
function(){
$(this).removeClass("img_hover");
}
);
  });

Es tan fácil que creo que no hace falta ni explicarlo. Y todo totalmente
no intrusivo, y que en principio funciona igual en todos los navegadores
(en todos realmente no, en casi todos los que se usan actualmente)


> 
> EL CSS:
> 
> 
> #IMGHover { /*Identificador de la capa que hace el hover */
> width: 200px;/*Especifico el tamaño del div para que no se pase de 
> las dimenciones visibles de la imagen en este caso 200x200px*/
> height: 200px;
> background-image: url(bg.jpg);/*Ponemos la imagen que se puede ver 
> abajo */
> background-position: top;/* especificamos la posicion de la imagen 
> del fondo */
> background-repeat:no-repeat;/* por si las dudas le decimos ke no 
> repita el fondo */
> }
> #IMGHover:hover, #IMGHover.over {/* aqui esta la magia ponemos la pseudo 
> clase :hover para mozilla IE7 y le ponemos la clase over para IE esta 
> sera reemplazada por DOM con javascript */
> background-position: bottom; /* esto es lo que hace que la imagen 
> cambie en este caso solo cambiamos la posicion de la imagen para que se 
> vea la parte de abajo*/
> }
> 
> 
> EL JavaScript:
> 
> // JavaScript Document
> 
> startList = function() {// modifique el script de suckerfish para que 
> funcione con esta div ^^
> if(document.all&&document.getElementById){// checamos que se trate de IE
> overDiv = document.getElementById("IMGHover");//Obtenemos la 
> div ^^
> overDiv.onmouseover = function() {//cuando pasen el mouse sobre 
> la div...
> this.className +=" over";//le agregamos una clase en este 
> caso over que es la que especificamos en css
> }
> overDiv.onmouseout = function() {//cuando el mouse salga de la 
> div...
> this.className = this.className.replace(" over","");//le 
> quitamos la clase ^^
> }
> }
> }
> window.onload=startList;//cuando la cargue la pagina ^^ ejecutar la 
> funcion xD
> 
> El HTML:
> 
> 
> 
> y pues bueno para que veas como funciona lo colgué en geocities Jeje 
> allí puedes ver el código fuente para entender mejor su funcionamiento 
> ya lo probe en IE6 y pues no deveria dar problemas aunque pues no 
> aseguro nada ya ke mi IE6 es emulado ^^
> 
> http://mx.geocities.com/nma2040/divOver/div.html
> 
> Espero te sea de utilidad ^^ Saludos!!!
> LISTAS escribió:
> > Funciona en Explorer, pero no en Firefox... y necesito que lo haga en por 
> > lo 
> > menos estos 2... :(
> > ¿A ti te funciona en ambos?
> >
> > Si es así, pásame el enlace a tu calendario y lo miro. Gracias.
> >
> > A.V.W.
> >
> > - Original Message - 
> > From: "Jazmin Azucena Nieto Garduño" <[EMAIL PROTECTED]>
> > To: "Ovillo, la lista de CSS en castellano" 
> > Sent: Wednesday, August 15, 2007 3:26 PM
> > Subject: Re: [Ovillo] comportamiento hover
> >
> > Hola buenas tardes :)
> >
> > yo tengo una que estoy usando en un calendario, te envio mi codigo, espero 
> > que te sirva
> >
> > y es class
> >
> > ( today, es como doy de alta en mi tabla la imagen (cuando cargas la 
> > pagina))
> >
> > .today {
> > FONT-WEIGHT: bold;
> > TEXT-ALIGN:center;
> > BACKGROUND-IMAGE: url(cuadc.gif);
> > COLOR: #00;
> > border-bottom: 0px;
> > height:20px;
> > }
> >
> > TD.today A {
> > FONT-WEIGHT: bold;
> > TEXT-ALIGN:center;
> > COLOR: 66;
> > height:20px;
> >
> > }
> >
> > (esta es la imagen que se ve cuando pones el link, en mi caso yo tengo la 
> > misma que en un principio)
> >
> > TD.today A:link {
> > FONT-WEIGHT: bold;
> > TEXT-ALIGN:center;
> > BACKGROUND-IMAGE: url(cuadc.gif);
> > COLOR: #66;
> > height:20px;
> > }
> >
> > (Aqui esta el meollo del asunto)(pones la misma imagen que en un principio 
> > porque quiero que aunque ya hayan entrado en el link se siga viendo igual)
> >
> > TD.today A:visited {
> > FONT-WEIGHT: bold;
> > TEXT-ALIGN:center;
> > BACKGROUND-IMAGE: url(cuadc.gif);
> > COLOR: #660033;
> > height:20px;
> > }
> >
> > (esta imagen se ve cuando pones el puntero sobre el link)en esta caso tengo 
> > otra)
> >
> > TD.today A:hover {
> > FONT-WEIGHT: bold;
> > TEXT-ALIGN:center;
> > BACKGROUND-IMAGE: url(cuadclnk.gif);
> >

Re: [Ovillo] transparente... buagh!

[Tei]

On 8/17/07, Enrique Rodriguez <[EMAIL PROTECTED]> wrote:
>
> Siento preguntar esto, pero en el curro se nos plantea una duda de
> estas...
> existenciales.
>
> Por un caso que no viene a cuento, me veo obligado a meter un  en
> un
> marcado xhtml 1.0. Necesito que ese  tenga el fondo transparente.
> He
> encontrado soluciones, pero son propietarias de IE. ¿Cómo hago para que el
>  tenga el fondo transparente?.


Tienes ayuda al respecto en esta pagina web:
http://www.huntingground.freeserve.co.uk/main/mainfram.htm?../webplus/iframes/iframe_trans.htm


Ejemplo:

fungus fungus fungus

captain asdf, general qwerty
mungus mungus mungus

___
Lista de distribución Ovillo
Para escribir a la lista, envia un 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] comportamiento hover

[Carlos Rincón]

> Por ejemplo:
> 
>   $(document).ready(function () { 
>   $('#table_results tr').hover(
>   function(){
>   $(this).addClass("img_hover");
>   },
>   function(){
>   $(this).removeClass("img_hover");
>   }
>   );
>   });
> 

He copiado el código de una web mia y me he olvidado de cambiar lo del
#table_results tr. Ahí habría que poner un identificador del elemento
que queremos que tenga el comportamiento. En este caso sería #IMGHover.

un saludo,
-- 
Carlos Rincón
www.neuroticweb.com
www.neuroticweb.com/blog

___
Lista de distribución Ovillo
Para escribir a la lista, envia un 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] transparente... buagh!

[Enrique Rodriguez]

Muchas gracias Tei.

Por poner un pequeñísimo "pero", ¿¿habría alguna manera de hacer esto con un
marcado que pasase el validador xhtml??.

Mil gracias.

El día 17/08/07, Tei <[EMAIL PROTECTED]> escribió:
>
> On 8/17/07, Enrique Rodriguez <[EMAIL PROTECTED]> wrote:
> >
> > Siento preguntar esto, pero en el curro se nos plantea una duda de
> > estas...
> > existenciales.
> >
> > Por un caso que no viene a cuento, me veo obligado a meter un 
> en
> > un
> > marcado xhtml 1.0. Necesito que ese  tenga el fondo
> transparente.
> > He
> > encontrado soluciones, pero son propietarias de IE. ¿Cómo hago para que
> el
> >  tenga el fondo transparente?.
>
>
> Tienes ayuda al respecto en esta pagina web:
>
> http://www.huntingground.freeserve.co.uk/main/mainfram.htm?../webplus/iframes/iframe_trans.htm
>
>
> Ejemplo:
> 
> fungus fungus fungus
> 
> captain asdf, general qwerty
> mungus mungus mungus
> 
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>



-- 
Enrique Rodriguez Vallejo
http://ervdesign.net | [EMAIL PROTECTED]
Tlfno: 667 237 770
___
Lista de distribución Ovillo
Para escribir a la lista, envia un 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] transparente... buagh!

[Tei]

el diablo dice:
añade la clave no standar allowtransparent con javascript en el onload


On 8/17/07, Enrique Rodriguez <[EMAIL PROTECTED]> wrote:
>
> Muchas gracias Tei.
>
> Por poner un pequeñísimo "pero", ¿¿habría alguna manera de hacer esto con
> un
> marcado que pasase el validador xhtml??.
>
> Mil gracias.
>
> El día 17/08/07, Tei <[EMAIL PROTECTED]> escribió:
> >
> > On 8/17/07, Enrique Rodriguez <[EMAIL PROTECTED]> wrote:
> > >
> > > Siento preguntar esto, pero en el curro se nos plantea una duda de
> > > estas...
> > > existenciales.
> > >
> > > Por un caso que no viene a cuento, me veo obligado a meter un 
> > en
> > > un
> > > marcado xhtml 1.0. Necesito que ese  tenga el fondo
> > transparente.
> > > He
> > > encontrado soluciones, pero son propietarias de IE. ¿Cómo hago para
> que
> > el
> > >  tenga el fondo transparente?.
> >
> >
> > Tienes ayuda al respecto en esta pagina web:
> >
> >
> http://www.huntingground.freeserve.co.uk/main/mainfram.htm?../webplus/iframes/iframe_trans.htm
> >
> >
> > Ejemplo:
> > 
> > fungus fungus fungus
> > 
> > captain asdf, general qwerty
> > mungus mungus mungus
> > 
> > ___
> > Lista de distribución Ovillo
> > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> > Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> > http://lists.ovillo.org/mailman/listinfo/ovillo
> >
>
>
>
> --
> Enrique Rodriguez Vallejo
> http://ervdesign.net | [EMAIL PROTECTED]
> Tlfno: 667 237 770
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un 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] menu complicado

[roberto criado]

Hola a todo el mundo.

Bien, el tema es que habiendo recibido el encargo de diseño y maquetación de 
una tienda on-lineme han "sorprendido" con el cambio de planes que os muestro 
en la siguiente dirección: http://www.masomenosuno.com/prueba/prueba.html.

Desde luego que el problema es el menú y la seguramente falta de conocimientos 
de maquetación con css del diseñador en cuestión, pero bueno.. (miserias de la 
profesión), despues de darle mil vueltas no encuentro la mejor solución o 
enfoque a la construcción del menú.

Si alguien tiene alguna idea de la manera más sencilla de enfocar esto o un 
ejemplo similar...vamos lo que sea, estaría muy agradecido

gracias por adelantado a todos 

   
-

Sé un Mejor Amante del Cine
¿Quieres saber cómo? ¡Deja que otras personas te ayuden!.
___
Lista de distribución Ovillo
Para escribir a la lista, envia un 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] comportamiento hover

[LISTAS]

El ancla ("") no admite coordenadas de ancho y alto en Firefox y primos 
(Ópera, etc.)... :(

1) Con CSS sólo admite ID y no CLASS;
2) Debe ser resuelto "sin Javascript";
3) Con Javascript ya pasé ayer mejores soluciones.

Gracias de todos modos.

A.V.W.

- Original Message - 
From: "Alvarez Laurnaga, Jose Antonio" <[EMAIL PROTECTED]>
To: "Ovillo, la lista de CSS en castellano" 
Sent: Friday, August 17, 2007 3:53 AM
Subject: Re: [Ovillo] comportamiento hover


Veamos, si he entendido bien lo que quieres es un contenedor con una imagen 
de fondo que tenga un efecto hover de cambio de imagen de fondo ¿no?
Para ello tienes dos opciones ya que como te han comentado:

> El problema es que IE sólo te deja usar hover con enlaces por lo
> que tendrás que usar algún hack para IE.

Opción A: usar javascript (puedes usar comentarios condicionales para 
servirselo sólo a IE 6 y menores que son los que lo necesitan)

Opción B: usar sólo CSS y que el contenedor sea un ancla con unos estilos 
tal que así:

a:link {
display:block;
width:200px;
height:200px;
background: url(imagen.gif) no-repeat 0 0;
}

a:hover {
background: url(imagen.gif) no-repeat 0 -200px
}

Lógicamente un enlace no es lo mismo que un div, pero tal vez te sirva. No 
sé que quieres meter dentro del contenedor, ¿texto, otras imágenes...?

Lo que no entiendo es la discusión clase / ID

¿Te sirve para algo?

___
Lista de distribución Ovillo
Para escribir a la lista, envia un 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] comportamiento hover

[Juan José Montes de Oca Arbós]

Hola a todos,
el comportamiento del HOVER en FF solo funciona con IDs, según comentan
en un link de desarrollo de Mozilla [1] en la sección de Limitaciones.
Probando el siguiente código:




.imagenFondo {
background-image:url(images/imagen1.jpg);
background-repeat:no-repeat;
}
.imagenFondo:hover {
background-image:url(images/imagen2.jpg);
background-repeat:no-repeat;
}




asdadadsadsad




en IE6 no funciona, en FF2 tampoco, pero en Opera 9.22 anda perfecto.

Saludos!

[1]http://developer.mozilla.org/es/docs/CSS_din%C3%A1mico


El día 17/08/07, LISTAS <[EMAIL PROTECTED]> escribió:
>
> El ancla ("") no admite coordenadas de ancho y alto en Firefox y primos
> (Ópera, etc.)... :(
>
> 1) Con CSS sólo admite ID y no CLASS;
> 2) Debe ser resuelto "sin Javascript";
> 3) Con Javascript ya pasé ayer mejores soluciones.
>
> Gracias de todos modos.
>
> A.V.W.
>
> - Original Message -
> From: "Alvarez Laurnaga, Jose Antonio" <[EMAIL PROTECTED]>
> To: "Ovillo, la lista de CSS en castellano" 
> Sent: Friday, August 17, 2007 3:53 AM
> Subject: Re: [Ovillo] comportamiento hover
>
>
> Veamos, si he entendido bien lo que quieres es un contenedor con una
> imagen
> de fondo que tenga un efecto hover de cambio de imagen de fondo ¿no?
> Para ello tienes dos opciones ya que como te han comentado:
>
> > El problema es que IE sólo te deja usar hover con enlaces por lo
> > que tendrás que usar algún hack para IE.
>
> Opción A: usar javascript (puedes usar comentarios condicionales para
> servirselo sólo a IE 6 y menores que son los que lo necesitan)
>
> Opción B: usar sólo CSS y que el contenedor sea un ancla con unos estilos
> tal que así:
>
> a:link {
> display:block;
> width:200px;
> height:200px;
> background: url(imagen.gif) no-repeat 0 0;
> }
>
> a:hover {
> background: url(imagen.gif) no-repeat 0 -200px
> }
>
> Lógicamente un enlace no es lo mismo que un div, pero tal vez te sirva. No
> sé que quieres meter dentro del contenedor, ¿texto, otras imágenes...?
>
> Lo que no entiendo es la discusión clase / ID
>
> ¿Te sirve para algo?
>
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un 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
>



-- 
Juan José Montes de Oca Arbós.

[EMAIL PROTECTED]
[EMAIL PROTECTED]
http://world5.monstersgame.es/?ac=vid&vid=58044309
http://www.montesoft.com.ar
http://www.es-facil.com/ganar/alta?Id=64395956
___
Lista de distribución Ovillo
Para escribir a la lista, envia un 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] comportamiento hover

[Hernán Beati - SaberWeb.com.ar]

LISTAS escribió:
> El ancla ("") no admite coordenadas de ancho y alto en Firefox y primos 
> (Ópera, etc.)... :(
> 

Eso no es cierto, si miras el ejemplo que te dieron vas a notar que le
asignaron una visualización de bloque al elemento "A":

a:link {
display:block;
width:200px;
height:200px;
...
}

Todo lo que sea (o haya sido convertido a) "bloque" puede tener asignado
un ancho y un alto, y se ve bien en todos los navegadores.

Saludos,

Hernán Beati
--
www.saberweb.com.ar
--

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

Re: [Ovillo] comportamiento hover

[LISTAS]

Es verdad, no presté atención... Pero de todos modos, si hago eso, 
subordinaré toda ancla al mismo comportamiento, ¿o me equivoco? y sólo 
quiero que ocurra en sólo algunos casos.

¡¡¡Vaya bolonqui que armé con esto...!!! Aún cuando ya lo resolví, claro, 
pero sigue el jaleo... y con eso se aprende más de lo que se esperaba... :)

A.V.W.

- Original Message - 
From: ""Hernán Beati - SaberWeb.com.ar"" <[EMAIL PROTECTED]>
To: "Ovillo, la lista de CSS en castellano" 
Sent: Friday, August 17, 2007 10:57 AM
Subject: Re: [Ovillo] comportamiento hover


LISTAS escribió:
> El ancla ("") no admite coordenadas de ancho y alto en Firefox y primos
> (Ópera, etc.)... :(
>

Eso no es cierto, si miras el ejemplo que te dieron vas a notar que le
asignaron una visualización de bloque al elemento "A":

a:link {
display:block;
width:200px;
height:200px;
...
}

Todo lo que sea (o haya sido convertido a) "bloque" puede tener asignado
un ancho y un alto, y se ve bien en todos los navegadores.

Saludos,

Hernán Beati
--
www.saberweb.com.ar
-- 

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

Re: [Ovillo] comportamiento hover

[LISTAS]

¡LO TENGO!

1) En STYLE creo la clase subordinante:
.enlace {width: 100px; height: 20px}
2) creo el parentezco del subordinado:
.enlace a {display:block; background: 
url(imagenes/fondo-lenguetas-1.gif)}
.enlace a:hover {background: url(imagenes/fondo-lenguetas-2.gif)}
3) En el BODY, creo el objeto afectado:
CON ANCLA

Y ¡voilá! Va en Explorer 6, 7... Firefox, Opera...
Gracias a todos. Y como decía: "esto es un asunto colectivo".

A.V.W.

- Original Message - 
From: ""Hernán Beati - SaberWeb.com.ar"" <[EMAIL PROTECTED]>
To: "Ovillo, la lista de CSS en castellano" 
Sent: Friday, August 17, 2007 10:57 AM
Subject: Re: [Ovillo] comportamiento hover


LISTAS escribió:
> El ancla ("") no admite coordenadas de ancho y alto en Firefox y primos
> (Ópera, etc.)... :(
>

Eso no es cierto, si miras el ejemplo que te dieron vas a notar que le
asignaron una visualización de bloque al elemento "A":

a:link {
display:block;
width:200px;
height:200px;
...
}

Todo lo que sea (o haya sido convertido a) "bloque" puede tener asignado
un ancho y un alto, y se ve bien en todos los navegadores.

Saludos,

Hernán Beati
--
www.saberweb.com.ar
-- 

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

Re: [Ovillo] comportamiento hover

[final20]

Hay voy de metiche otra vez... facil para no subordinar todas las anclas 
le pones una clase o id... aunke no se porque dices que no te acepta 
hover con class a mi me va bien pero bueno...

a#over {
display:block;
width: 200px;
height: 200px;
background-image:url(bg.jpg);
background-position: top;
background-repeat:no-repeat;
}
a#over:hover {
background-position:bottom;
}



O con class ke dicen que no funca...
a.over {
display:block;
width: 200px;
height: 200px;
background-image:url(bg.jpg);
background-position: top;
background-repeat:no-repeat;
}
a.over:hover {
background-position:bottom;
}


LISTAS escribió:
> Es verdad, no presté atención... Pero de todos modos, si hago eso, 
> subordinaré toda ancla al mismo comportamiento, ¿o me equivoco? y sólo 
> quiero que ocurra en sólo algunos casos.
>
> ¡¡¡Vaya bolonqui que armé con esto...!!! Aún cuando ya lo resolví, claro, 
> pero sigue el jaleo... y con eso se aprende más de lo que se esperaba... :)
>
> A.V.W.
>
> - Original Message - 
> From: ""Hernán Beati - SaberWeb.com.ar"" <[EMAIL PROTECTED]>
> To: "Ovillo, la lista de CSS en castellano" 
> Sent: Friday, August 17, 2007 10:57 AM
> Subject: Re: [Ovillo] comportamiento hover
>
>
> LISTAS escribió:
>   
>> El ancla ("") no admite coordenadas de ancho y alto en Firefox y primos
>> (Ópera, etc.)... :(
>>
>> 
>
> Eso no es cierto, si miras el ejemplo que te dieron vas a notar que le
> asignaron una visualización de bloque al elemento "A":
>
> a:link {
> display:block;
> width:200px;
> height:200px;
> ...
> }
>
> Todo lo que sea (o haya sido convertido a) "bloque" puede tener asignado
> un ancho y un alto, y se ve bien en todos los navegadores.
>
> Saludos,
>
> Hernán Beati
> --
> www.saberweb.com.ar
> -- 
>
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
> http://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] comportamiento hover

[LISTAS]

¡¡¡Felicitaciones maestro!!! ¿Vio que Ud. no era tan...?
Ahora, estaría bueno que alguien hiciese un resumen de toda esta experiencia 
en un blog y nos lo muestre, ¿no le parece?

A.V.W.

- Original Message - 
From: "final20" <[EMAIL PROTECTED]>
To: "Ovillo, la lista de CSS en castellano" 
Sent: Friday, August 17, 2007 2:33 PM
Subject: Re: [Ovillo] comportamiento hover


Hay voy de metiche otra vez... facil para no subordinar todas las anclas
le pones una clase o id... aunke no se porque dices que no te acepta
hover con class a mi me va bien pero bueno...

a#over {
display:block;
width: 200px;
height: 200px;
background-image:url(bg.jpg);
background-position: top;
background-repeat:no-repeat;
}
a#over:hover {
background-position:bottom;
}



O con class ke dicen que no funca...
a.over {
display:block;
width: 200px;
height: 200px;
background-image:url(bg.jpg);
background-position: top;
background-repeat:no-repeat;
}
a.over:hover {
background-position:bottom;
}


LISTAS escribió:
> Es verdad, no presté atención... Pero de todos modos, si hago eso,
> subordinaré toda ancla al mismo comportamiento, ¿o me equivoco? y sólo
> quiero que ocurra en sólo algunos casos.
>
> ¡¡¡Vaya bolonqui que armé con esto...!!! Aún cuando ya lo resolví, claro,
> pero sigue el jaleo... y con eso se aprende más de lo que se esperaba... 
> :)
>
> A.V.W.
>
> - Original Message - 
> From: ""Hernán Beati - SaberWeb.com.ar"" <[EMAIL PROTECTED]>
> To: "Ovillo, la lista de CSS en castellano" 
> Sent: Friday, August 17, 2007 10:57 AM
> Subject: Re: [Ovillo] comportamiento hover
>
>
> LISTAS escribió:
>
>> El ancla ("") no admite coordenadas de ancho y alto en Firefox y 
>> primos
>> (Ópera, etc.)... :(
>>
>>
>
> Eso no es cierto, si miras el ejemplo que te dieron vas a notar que le
> asignaron una visualización de bloque al elemento "A":
>
> a:link {
> display:block;
> width:200px;
> height:200px;
> ...
> }
>
> Todo lo que sea (o haya sido convertido a) "bloque" puede tener asignado
> un ancho y un alto, y se ve bien en todos los navegadores.
>
> Saludos,
>
> Hernán Beati
> --
> www.saberweb.com.ar
> --  

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