Re: [Ovillo] como pasar parameros css????

2006-05-26 Por tema Jaime Gómez Obregón 
El sáb, 27-05-2006 a las 02:03 -0400, Yoandy del Toro escribió:
> El temas es que  yo quiero  saber si se le puede pasar parametros a una
> css
> en ves de ponerle valores etaticos.??
>  
> ejemplo {width:90px; height:210px; padding:5px; float:right;}  
>  
> sustituir 90 px por alguna variable  la cual tomaria valores
> posteriormente.
>  
> En caso de poder hacerlo como seria??.

Es poco conocido, pero en MSIE puedes asignar a una propiedad CSS el
resultado de una expresión Javascript:

width: expression(1+1);

Es útil para corregir algunos bugs del Internet Explorer.
NO es estándar.

-- 
Jaime Gómez Obregón
Director Comercial ([EMAIL PROTECTED])
ITEISA - www.iteisa.com
942 544 036 - 662 256 006

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

Re: [Ovillo] como pasar parameros css????

2006-05-26 Por tema Jose Antonio Riquelme 
La única forma que se me ocurre es que con programación (ASP,PHP,JSP...)
abras el css y modifiques "fisicamente" los valores antes de cargar la hoja.

Saludos.

El 27/05/06, Yoandy del Toro<[EMAIL PROTECTED]> escribió:
> El temas es que  yo quiero  saber si se le puede pasar parametros a una
> css
> en ves de ponerle valores etaticos.??
>
> ejemplo {width:90px; height:210px; padding:5px; float:right;}
>
> sustituir 90 px por alguna variable  la cual tomaria valores
> posteriormente.
>
> En caso de poder hacerlo como seria??.
>
>
> Saludos.
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
> http://ovillo.org/mailman/listinfo/ovillo
>


-- 
==
[EMAIL PROTECTED]
http://www.lacoctelera.com/malonecab
==
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo

[Ovillo] como pasar parameros css????

2006-05-26 Por tema Yoandy del Toro 
El temas es que  yo quiero  saber si se le puede pasar parametros a una
css
en ves de ponerle valores etaticos.??
 
ejemplo {width:90px; height:210px; padding:5px; float:right;}  
 
sustituir 90 px por alguna variable  la cual tomaria valores
posteriormente.
 
En caso de poder hacerlo como seria??.
 
 
Saludos.
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Tabs con rollover

2006-05-26 Por tema Reynier Perez Mira 
Hola Abel:
Mira el comportamiento es el mismo pero con imágenes diferentes. Como te podrás 
haber dado cuenta tengo 5 elementos LI. A cada uno de esos elementos le debo 
poner el efecto de rollover pero con imágenes diferentes, lo que traducido al 
lenguaje natural es que el primer LI no tiene la misma imagen que el 2do y asi 
con todos los demás. La propuesta que me haces no la entiendo muy bien. Dime si 
asi te queda un poco más claro el problema que intento resolver.

Salu2
-- 
ReynierPM | Kubuntu 5.10 | Linux User:#310201 
Hay dos cosas infinitas: el Universo y la estupidez humana. Y del Universo no 
estoy seguro. 
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] OT: clip

2006-05-26 Por tema Federico MP 
On Fri, 26 May 2006 18:46:09 -0300, Roberto Barreiro  
<[EMAIL PROTECTED]> wrote:

> varias_imagenes.jpg

clip requiere que definas la unidad de medida.
-- 
Federico MP
http://511.dabomb.com.ar
Using Opera 9 beta 1
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] png transparente en background-image (C ontinuación ...)

2006-05-26 Por tema Ardilla Roja 
eso si es mas facil.. :)

This site is all about a JavaScript-based PNG fix for Internet
Explorer 5.5and 6 on Windows. The fix allows IE to properly render PNG
alpha
transparency. If you want to get straight to the script, go to the
how-topage and
follow the instructions there. If you have the time for a
description and demo of the problem, then read on...

http://homepage.ntlworld.com/bobosola/index.htm

On 5/25/06, Reynier Perez Mira <[EMAIL PROTECTED]> wrote:
>
> Bueno finalmente lo he logrado con la solución de Juan Manuel, pero claro
> solo funciona en background-image. Ahora que pasa si quiero hacer lo mismo
> pero a una imagen que este dentro de sus tags correspondientes? Por ejemplo
>
> 
>
> Salu2
> --
> ReynierPM | Kubuntu 5.10 | Linux User:#310201
> Hay dos cosas infinitas: el Universo y la estupidez humana. Y del Universo
> no estoy seguro.
>
> > -Mensaje original-
> > De: [EMAIL PROTECTED]
> > [mailto:[EMAIL PROTECTED] En nombre de Martin Bavio
> > Enviado el: Thursday, May 25, 2006 6:55 PM
> > Para: Ovillo, la lista de CSS en castellano
> > Asunto: Re: [Ovillo]png transparente en background-image
> > (Continuación ...)
> >
> > El día 25/05/06, DJ-Dom <[EMAIL PROTECTED]> escribió:
> > >
> > > No se porque liarse tanto, usar gif para IE y PNG para los
> > demás...y
> > > punto...
> > >
> > > Saludo,
> > > DJ-Dom
> > >
> >
> > No es tan facil, DJ-Dom, para transparencias simples puede
> > funcionar, pero para otras mas complejas, como cuando hay
> > sombras, PNG te hace pensar que el GIF deberia ser erradicado
> > de la web... ese es el problema.
> > ___
> > Lista de distribución Ovillo
> > Para escribir a la lista, envia un correo a
> > Ovillo@lists.ovillo.org Puedes modificar tus datos o
> > desuscribirte en la siguiente dirección:
> > http://ovillo.org/mailman/listinfo/ovillo
> >
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://ovillo.org/mailman/listinfo/ovillo
>
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Tabs con rollover

2006-05-26 Por tema Abel Sutilo 
Hola,

Sin el diseño y sin ver las imágenes con las que pretendes
trabajar me ha costado algo "adivinar" el efecto que
verdaderamente presigues. Pero basándome en el concepto
y tu código, te comento.

Si persigues repetir este esquema para todos los items:



La solución pasa por asignar al elemento < a > las dimensiones
adecuadas (y no al li), según el tamaño de tu background
para el rollover:

.registro:link,
.registro:active,
.registro:visited {
   width: 122px;
   height:47px;
   background-image: url(../images/tab_register_00.png) no-repeat;}

.registro:hover {
   background-image: background:url(../images/tab_register_01.png) 
no-repeat; }

Te recuerdo que definas también las pseudoclases :active y :visited
por si es otro factor del problema. Y añadir a todo esto la pseudoclase
 :focus, como comentaba Jorge, para conseguir el efecto de "elemento
seleccionado".

Espero que te sirva de ayuda.
Si no es la solución, a ver si nos puedes referenciar gráficamente el
efecto en el caso de que exista otra solución que no requiera JS :)
Un saludo!

--
Abel Sutilo
Creativo / Freelancer
* +34 637 794 847 (ES)
* [EMAIL PROTECTED]
* www.abelsutilo.com

- Original Message - 
From: "Reynier Perez Mira" <[EMAIL PROTECTED]>
To: "Ovillo, la lista de CSS en castellano" 
Sent: Friday, May 26, 2006 9:48 PM
Subject: Re: [Ovillo] Tabs con rollover


Gente:
Me esta dando problemas el rollover, pense que lo habia hechado a andar pero 
nada. Miren el código del CSS:

#cabecera {
 position: absolute;
 width:  760px;
 height: 106px;
 background: url(../images/banner.png) no-repeat;  }

#cabecera ul {
 position: absolute;
 top: 51%;
 left: 19.5%;
 list-style: none;
 margin: 0;
 padding: 0;
 }

#cabecera li {
 padding: 0;
 list-style: none;
 display: block;
 float: left;
 width: 122px;
 height: 47px
 }

#cabecera li.registro, #cabecera li.registro a:link{ 
background:url(../images/tab_register_00.png) no-repeat; }
#cabecera li.captura, #cabecera li.captura a:link {  background: 
url(../images/tab_capture_00.png) no-repeat; }
#cabecera li.impresion, #cabecera li.impresion a:link {  background: 
url(../images/tab_print_00.png) no-repeat; }
#cabecera li.entrega, #cabecera li.enterga a:link { background: 
url(../images/tab_delivery_00.png) no-repeat; }
#cabecera li.reportes, #cabecera li.reportes a:link { background: 
url(../images/tab_reports_00.png) no-repeat; }

#cabecera li.registro a:hover { 
background:url(../images/tab_register_01.png) no-repeat; }
#cabecera li.captura a:hover{  background: url(../images/tab_capture_01.png) 
no-repeat; }
#cabecera li.impresion a:hover{  background: url(../images/tab_print_01.png) 
no-repeat; }
#cabecera li.entrega a:hover{ background: url(../images/tab_delivery_01.png) 
no-repeat; }
#cabecera li.reportes a:hover{ background: url(../images/tab_reports_01.png) 
no-repeat; }

Y el HTML:



 

 
 
 
 





Se preguntaran para que son los ID y es para luego trabajar con el elemento 
seleccionado segun anduve indagando en Google. Que pasa que no lotro el 
rollover correctamente? A y como poner enlace a los LI que estan arriba? Son 
Imagenes simplemente no tienen texto por ningun lado
-- 
ReynierPM | Kubuntu 5.10 | Linux User:#310201
Hay dos cosas infinitas: el Universo y la estupidez humana. Y del Universo 
no estoy seguro.
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo 

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

Re: [Ovillo] OT: clip

2006-05-26 Por tema Víctor Pimentel 
On Fri, 26 May 2006 23:46:09 +0200, Roberto Barreiro  
<[EMAIL PROTECTED]> wrote:

> hola lista
> nose si esto es un OffTopic pero por las dudas ...
> tengo el siguiente codigo:
>
> varias_imagenes.jpg
> funciona muy bien en explorer pero no me muestra absolutamente nada en
> firefox
> si quito:
> clip:rect(0 250 auto 0)
> nuestra tambien en firefox pero ovbiamente no tiene la funcionalidad que
> necesito
> pareciera ser que el problema es el clip clip es especifico de
> explorer???
> como se puede hacer para que funcione en otros navegadores???

La propiedad clip (que sinceramente nunca he utilizado) es parte de las  
especificaciones, así que lo más probable es que firefox la implemente.

¿Has probado a ponerle una medida? Es decir, pones 250, pero 250 qué? 250  
px? 250pt? 250 em? Para mí que es eso :D

-- 
Si estás leyendo esta firma buscando una cita, lee un libro: está lleno de  
ellas.
Víctor Pimentel
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo

[Ovillo] OT: clip

2006-05-26 Por tema Roberto Barreiro 
hola lista
nose si esto es un OffTopic pero por las dudas ...
tengo el siguiente codigo:

varias_imagenes.jpg
funciona muy bien en explorer pero no me muestra absolutamente nada en
firefox
si quito:
clip:rect(0 250 auto 0)
nuestra tambien en firefox pero ovbiamente no tiene la funcionalidad que
necesito
pareciera ser que el problema es el clip clip es especifico de
explorer???
como se puede hacer para que funcione en otros navegadores???
salu2 y gracias por todo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] problemas con InnerHTML

2006-05-26 Por tema Hermann Kaser 
On 5/26/06, antonio andujar <[EMAIL PROTECTED]> wrote:
> Y no hay ninguna otra manera de poder hacerlo?

Pues desde el lado del cliente no, la única opción es escribir un
script que se baje la página que que querés usar a tu servidor, usando
Cron para que lo haga cada x minutos y Curl para bajarse el html y si
fuese necesario las imagenes y tal.

Tené en cuenta que al administador del otro sitio puede que no le
guste mucho la idea de que estes bajandote su contenido
automáticamente y usandolo en el tuyo sin su consentimiento o una
mención en tu sitio... si vos sos dueño de ambos sitios entonces no
hay problema :-)

>
> Un saludo
>
> On 5/26/06, Hermann Kaser <[EMAIL PROTECTED]> wrote:
> >
> > On 5/26/06, antonio andujar <[EMAIL PROTECTED]> wrote:
> > > Hola, se que esta no es la lista mas adecuada pero ya que he visto que
> > > muchos de los que pertenecen a la lista teneis conocimientos de
> > javascript
> > > os lo pregunto porque estoy hecho un lio, yo estoy intentando copiar el
> > > contenido de un iframe oculto a un div, el caso esque mientras que el
> > > contenido del iframe sea un documento.html me lo copia al div sin
> > problemas,
> > > pero si yo quiero cargar una pagina externa
> > > http://www.dominio.com/documento.html no me lo copia al div. Yo estoy
> > usando
> > > el siguiente metodo:
> > >
> > > function carga_provision() {
> > >
> > > var x = document.getElementById('provisionframe');
> > >   document.getElementById('provision').innerHTML =
> > >   (x.contentDocument ||
> > > x.contentWindow.document).documentElement.innerHTML;
> > >
> > > }
> > >
> > >  > > src="http://www.dominio.com/documento.html";> > > id="provision">
> > >
> > > Alguien sabe porque puede ser? Muchas gracias a todos.
> >
> > En general los navegadores no te dejan acceder al contenido de otro
> > dominio usando JavaScript por motivos de seguridad. Me imagino que
> > sera por esto que no te funciona.
> >
> > > ___
> > > Lista de distribución Ovillo
> > > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> > > Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> > http://ovillo.org/mailman/listinfo/ovillo
> > >
> >
> >
> > --
> > Hermann Kaser
> > http://www.theragingche.com/
> > ___
> > Lista de distribución Ovillo
> > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> > Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> > http://ovillo.org/mailman/listinfo/ovillo
> >
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
> http://ovillo.org/mailman/listinfo/ovillo
>


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

Re: [Ovillo] problemas con InnerHTML

2006-05-26 Por tema antonio andujar 
Y no hay ninguna otra manera de poder hacerlo?

Un saludo

On 5/26/06, Hermann Kaser <[EMAIL PROTECTED]> wrote:
>
> On 5/26/06, antonio andujar <[EMAIL PROTECTED]> wrote:
> > Hola, se que esta no es la lista mas adecuada pero ya que he visto que
> > muchos de los que pertenecen a la lista teneis conocimientos de
> javascript
> > os lo pregunto porque estoy hecho un lio, yo estoy intentando copiar el
> > contenido de un iframe oculto a un div, el caso esque mientras que el
> > contenido del iframe sea un documento.html me lo copia al div sin
> problemas,
> > pero si yo quiero cargar una pagina externa
> > http://www.dominio.com/documento.html no me lo copia al div. Yo estoy
> usando
> > el siguiente metodo:
> >
> > function carga_provision() {
> >
> > var x = document.getElementById('provisionframe');
> >   document.getElementById('provision').innerHTML =
> >   (x.contentDocument ||
> > x.contentWindow.document).documentElement.innerHTML;
> >
> > }
> >
> >  > src="http://www.dominio.com/documento.html";> > id="provision">
> >
> > Alguien sabe porque puede ser? Muchas gracias a todos.
>
> En general los navegadores no te dejan acceder al contenido de otro
> dominio usando JavaScript por motivos de seguridad. Me imagino que
> sera por esto que no te funciona.
>
> > ___
> > Lista de distribución Ovillo
> > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> > Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://ovillo.org/mailman/listinfo/ovillo
> >
>
>
> --
> Hermann Kaser
> http://www.theragingche.com/
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://ovillo.org/mailman/listinfo/ovillo
>
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Tabs con rollover

2006-05-26 Por tema Reynier Perez Mira 
Gente:
Me esta dando problemas el rollover, pense que lo habia hechado a andar pero 
nada. Miren el código del CSS:

#cabecera {
 position: absolute;
 width:  760px;
 height: 106px;
 background: url(../images/banner.png) no-repeat;  }

#cabecera ul {
 position: absolute;
 top: 51%;
 left: 19.5%;
 list-style: none;
 margin: 0;
 padding: 0;
 }

#cabecera li {
 padding: 0;
 list-style: none;
 display: block;
 float: left;
 width: 122px;
 height: 47px
 }

#cabecera li.registro, #cabecera li.registro a:link{  
background:url(../images/tab_register_00.png) no-repeat; } 
#cabecera li.captura, #cabecera li.captura a:link {  background: 
url(../images/tab_capture_00.png) no-repeat; } 
#cabecera li.impresion, #cabecera li.impresion a:link {  background: 
url(../images/tab_print_00.png) no-repeat; } 
#cabecera li.entrega, #cabecera li.enterga a:link { background: 
url(../images/tab_delivery_00.png) no-repeat; }
#cabecera li.reportes, #cabecera li.reportes a:link { background: 
url(../images/tab_reports_00.png) no-repeat; }

#cabecera li.registro a:hover {  background:url(../images/tab_register_01.png) 
no-repeat; } 
#cabecera li.captura a:hover{  background: url(../images/tab_capture_01.png) 
no-repeat; } 
#cabecera li.impresion a:hover{  background: url(../images/tab_print_01.png) 
no-repeat; } 
#cabecera li.entrega a:hover{ background: url(../images/tab_delivery_01.png) 
no-repeat; }
#cabecera li.reportes a:hover{ background: url(../images/tab_reports_01.png) 
no-repeat; }

Y el HTML:



 

 
 
 
 





Se preguntaran para que son los ID y es para luego trabajar con el elemento 
seleccionado segun anduve indagando en Google. Que pasa que no lotro el 
rollover correctamente? A y como poner enlace a los LI que estan arriba? Son 
Imagenes simplemente no tienen texto por ningun lado
-- 
ReynierPM | Kubuntu 5.10 | Linux User:#310201 
Hay dos cosas infinitas: el Universo y la estupidez humana. Y del Universo no 
estoy seguro. 
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] problema con el tag

2006-05-26 Por tema Inti Castro 
On 5/22/06, Ardilla Roja <[EMAIL PROTECTED]> wrote:
>
> siempre en los .css q voy a usar, pongo
> * { margin:0; padding:0; }
>

a esta tecnica se le llama "global white space reset"

http://leftjustified.net/journal/2004/10/19/global-ws-reset/

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

Re: [Ovillo] Por que no me funciona ...

2006-05-26 Por tema Alejandro Lillo 
Yo probaría algo así:



 
 Pepe
 Pepe1
 Pepe2
 Pepe3
 Pepe4
 


-

#cabecera {
 position: absolute;
 width:  760px;
 height: 106px;
 background: url(../images/banner.png) no-repeat;
 }

#cabecera ul {
 position: absolute;
 top: 21%;
 left: 20%;
 width: 80%;
 list-style: none;
 margin: 0;
 padding: 0;
 }

#cabecera li {
 padding: 0;
 list-style: none;
 display: block;
 float: left;
 width: 122px;
 height: 47px
 }

#cabecera li.registro {  background:
url(../images/tab_register_00.png) no-repeat; }
#cabecera li.captura {  background: url(../images/tab_capture_00.png)
no-repeat; }
#cabecera li.impresion {  background: url(../images/tab_printr_00.png)
no-repeat; }
#cabecera li.entrega { background: url(../images/tab_delivery_00.png)
no-repeat; }
#cabecera li.reportes { background: url(../images/tab_report_00.png)
no-repeat; }

> La cuestion es que no me está posicionando bien el elemento UL y tampoco me 
> saca en los LI la imagen de fondo.

El problema de tu código es que si haces los LI cajas de line, no
puedes controlar su tamaño con width/height, de aquí que los flote
para dejarlos horizontales.

Ah! Y de paso me ahorro un identificador, aunque quizás a ti te haga
falta para llamarlo vía javascript...

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

Re: [Ovillo] Tabs con rollover

2006-05-26 Por tema sanco48 
Mira este  ejemplo:
http://www.tutorialized.com/tutorial/CSS-Rollovers-1-MSIE-Fixes/13089


Un cordial saludo de...santosVZ
 

#-Mensaje original-
#De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de carlos campderrós
#Enviado el: Viernes, 26 de Mayo de 2006 03:02 a.m.
#Para: Ovillo, la lista de CSS en castellano
#Asunto: Re: [Ovillo] Tabs con rollover
#
#On 5/26/06, Reynier Perez Mira <[EMAIL PROTECTED]> wrote:
#> Hola lista:
#> Tengo que maquetar una web y el menu tiene un rollover de imagenes. Es
#> posible maquetar esto usando CSS ? Imagino que pueda hacerse con:
#
#si las imagenes están de fondo, puedes. Si están incrustadas en el
#html, no puedes y necesitas javascript a la fuerza.
#
#como background:
#
#li a
#{
#  display: block;
#  width: 100%;
#  height: 100%
#  background-image: url("blabla.png");
#}
#
#li a:hover
#{
#  background-image: url("bleble.png");
#}
#
#
#con javascript seria similar a esto (puede requerir modificaciones, no
#lo he testado):
#
#
#
#

Re: [Ovillo] problemas con InnerHTML

2006-05-26 Por tema Hermann Kaser 
On 5/26/06, antonio andujar <[EMAIL PROTECTED]> wrote:
> Hola, se que esta no es la lista mas adecuada pero ya que he visto que
> muchos de los que pertenecen a la lista teneis conocimientos de javascript
> os lo pregunto porque estoy hecho un lio, yo estoy intentando copiar el
> contenido de un iframe oculto a un div, el caso esque mientras que el
> contenido del iframe sea un documento.html me lo copia al div sin problemas,
> pero si yo quiero cargar una pagina externa
> http://www.dominio.com/documento.html no me lo copia al div. Yo estoy usando
> el siguiente metodo:
>
> function carga_provision() {
>
> var x = document.getElementById('provisionframe');
>   document.getElementById('provision').innerHTML =
>   (x.contentDocument ||
> x.contentWindow.document).documentElement.innerHTML;
>
> }
>
>  src="http://www.dominio.com/documento.html";> id="provision">
>
> Alguien sabe porque puede ser? Muchas gracias a todos.

En general los navegadores no te dejan acceder al contenido de otro
dominio usando JavaScript por motivos de seguridad. Me imagino que
sera por esto que no te funciona.

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


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

[Ovillo] problemas con InnerHTML

2006-05-26 Por tema antonio andujar 
Hola, se que esta no es la lista mas adecuada pero ya que he visto que
muchos de los que pertenecen a la lista teneis conocimientos de javascript
os lo pregunto porque estoy hecho un lio, yo estoy intentando copiar el
contenido de un iframe oculto a un div, el caso esque mientras que el
contenido del iframe sea un documento.html me lo copia al div sin problemas,
pero si yo quiero cargar una pagina externa
http://www.dominio.com/documento.html no me lo copia al div. Yo estoy usando
el siguiente metodo:

function carga_provision() {

var x = document.getElementById('provisionframe');
  document.getElementById('provision').innerHTML =
  (x.contentDocument ||
x.contentWindow.document).documentElement.innerHTML;

}

http://www.dominio.com/documento.html";>

Alguien sabe porque puede ser? Muchas gracias a todos.
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Tabs con rollover

2006-05-26 Por tema Reynier Perez Mira 
Ok, lo probare y luego te digo si me sirve o no

-- 
ReynierPM | Kubuntu 5.10 | Linux User:#310201 
Hay dos cosas infinitas: el Universo y la estupidez humana. Y del Universo no 
estoy seguro. 

> -Mensaje original-
> De: [EMAIL PROTECTED] 
> [mailto:[EMAIL PROTECTED] En nombre de Jorge 
> L. Batista E.
> Enviado el: Friday, May 26, 2006 11:27 AM
> Para: Ovillo, la lista de CSS en castellano
> Asunto: Re: [Ovillo] Tabs con rollover
> 
> No estoy seguro pero prueba con esto:
> 
> li a:focus, li a:link
> {
>  background-image: url("bleble.png"); }
> 
> 
> - Original Message -
> From: "Reynier Perez Mira" <[EMAIL PROTECTED]>
> To: "Ovillo, la lista de CSS en castellano" 
> Sent: Friday, May 26, 2006 9:20 AM
> Subject: Re: [Ovillo] Tabs con rollover
> 
> 
> Gracias a todos. Me ha funcionado a la perfección pero ahora 
> me han pedido 
> que mantenga la segunda imagen o sea la de rollover mientras 
> el elemento 
> este seleccionado. Para explicarme mejor: si hago click en un tab 
> determinado ese tab debe cambiar la imagen de fondo y 
> mantenerla hasta que 
> no haga click en otro tab. Es esto posible?
> Salu2
> -- 
> ReynierPM | Kubuntu 5.10 | Linux User:#310201
> Hay dos cosas infinitas: el Universo y la estupidez humana. Y 
> del Universo 
> no estoy seguro.
> 
> > -Mensaje original-
> > De: [EMAIL PROTECTED]
> > [mailto:[EMAIL PROTECTED] En nombre de Nacho
> > Enviado el: Friday, May 26, 2006 3:31 AM
> > Para: Ovillo, la lista de CSS en castellano
> > Asunto: Re: [Ovillo] Tabs con rollover
> >
> > 2006/5/26, carlos campderrós <[EMAIL PROTECTED]>:
> > >
> > > On 5/26/06, Reynier Perez Mira <[EMAIL PROTECTED]> wrote:
> > > > Hola lista:
> > > > Tengo que maquetar una web y el menu tiene un rollover de
> > imagenes.
> > > > Es posible maquetar esto usando CSS ? Imagino que pueda
> > hacerse con:
> > >
> > > si las imagenes están de fondo, puedes. Si están incrustadas en el
> > > html, no puedes y necesitas javascript a la fuerza.
> > >
> > > como background:
> > >
> > > li a
> > > {
> > >   display: block;
> > >   width: 100%;
> > >   height: 100%
> > >   background-image: url("blabla.png"); }
> > >
> > > li a:hover
> > > {
> > >   background-image: url("bleble.png"); }
> > >
> > >
> > > con javascript seria similar a esto (puede requerir
> > modificaciones, no
> > > lo he testado):
> > >
> > >  > > onmouseover="rollon(this.id)" onmouseout="rollof(this.id)">
> > >
> > >

[Ovillo] Por que no me funciona ...

2006-05-26 Por tema Reynier Perez Mira 
Estoy tratando de crear un menú posicionado dentro de la cabecera y bueno en 
forma de tabs. El código HTML es el siguiente:

/*---*/


Pepe
Pepe1
Pepe2
Pepe3
Pepe4


/*---*/

Y el CSS es este otro:
/*---*/
#cabecera {
position: absolute;
width:  760px;
height: 106px;
background: url(../images/banner.png) no-repeat;
}
ul#tab {
position: absolute;
top: 21%;
left: 20%;
width: 80%;
}

ul#tab li {
list-style: none;
display: inline;
width: 122px;
height: 47px
}

ul#tab li.registro {
background: url(../images/tab_register_00.png) no-repeat;
}
ul#tab li.captura {
background: url(../images/tab_capture_00.png) no-repeat;
}
ul#tab li.impresion {
background: url(../images/tab_printr_00.png) no-repeat;
}
ul#tab li.entrega {
background: url(../images/tab_delivery_00.png) no-repeat;
}
ul#tab li.reportes {
background: url(../images/tab_report_00.png) no-repeat;
}
/*---*/

La cuestion es que no me está posicionando bien el elemento UL y tampoco me 
saca en los LI la imagen de fondo.

Nota: Todas las imagenes del LI tiene el mismo tamaño por eso los he puesto 
estáticos (122x47 px) y bueno he eliminado el resto del código HTML y CSS que 
no me era necesario para no cargar tanto el mensaje y hacerlo entonces ilegible 
al ojo humano

Salu2 y espero por sus respuestas

-- 
ReynierPM | Kubuntu 5.10 | Linux User:#310201 
Hay dos cosas infinitas: el Universo y la estupidez humana. Y del Universo no 
estoy seguro.
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Tabs con rollover

2006-05-26 Por tema Jorge L. Batista E. 
No estoy seguro pero prueba con esto:

li a:focus, li a:link
{
 background-image: url("bleble.png"); }


- Original Message - 
From: "Reynier Perez Mira" <[EMAIL PROTECTED]>
To: "Ovillo, la lista de CSS en castellano" 
Sent: Friday, May 26, 2006 9:20 AM
Subject: Re: [Ovillo] Tabs con rollover


Gracias a todos. Me ha funcionado a la perfección pero ahora me han pedido 
que mantenga la segunda imagen o sea la de rollover mientras el elemento 
este seleccionado. Para explicarme mejor: si hago click en un tab 
determinado ese tab debe cambiar la imagen de fondo y mantenerla hasta que 
no haga click en otro tab. Es esto posible?
Salu2
-- 
ReynierPM | Kubuntu 5.10 | Linux User:#310201
Hay dos cosas infinitas: el Universo y la estupidez humana. Y del Universo 
no estoy seguro.

> -Mensaje original-
> De: [EMAIL PROTECTED]
> [mailto:[EMAIL PROTECTED] En nombre de Nacho
> Enviado el: Friday, May 26, 2006 3:31 AM
> Para: Ovillo, la lista de CSS en castellano
> Asunto: Re: [Ovillo] Tabs con rollover
>
> 2006/5/26, carlos campderrós <[EMAIL PROTECTED]>:
> >
> > On 5/26/06, Reynier Perez Mira <[EMAIL PROTECTED]> wrote:
> > > Hola lista:
> > > Tengo que maquetar una web y el menu tiene un rollover de
> imagenes.
> > > Es posible maquetar esto usando CSS ? Imagino que pueda
> hacerse con:
> >
> > si las imagenes están de fondo, puedes. Si están incrustadas en el
> > html, no puedes y necesitas javascript a la fuerza.
> >
> > como background:
> >
> > li a
> > {
> >   display: block;
> >   width: 100%;
> >   height: 100%
> >   background-image: url("blabla.png"); }
> >
> > li a:hover
> > {
> >   background-image: url("bleble.png"); }
> >
> >
> > con javascript seria similar a esto (puede requerir
> modificaciones, no
> > lo he testado):
> >
> >  > onmouseover="rollon(this.id)" onmouseout="rollof(this.id)">
> >
> >

Re: [Ovillo] Tabs con rollover

2006-05-26 Por tema Reynier Perez Mira 
Gracias a todos. Me ha funcionado a la perfección pero ahora me han pedido que 
mantenga la segunda imagen o sea la de rollover mientras el elemento este 
seleccionado. Para explicarme mejor: si hago click en un tab determinado ese 
tab debe cambiar la imagen de fondo y mantenerla hasta que no haga click en 
otro tab. Es esto posible?
Salu2
-- 
ReynierPM | Kubuntu 5.10 | Linux User:#310201 
Hay dos cosas infinitas: el Universo y la estupidez humana. Y del Universo no 
estoy seguro. 

> -Mensaje original-
> De: [EMAIL PROTECTED] 
> [mailto:[EMAIL PROTECTED] En nombre de Nacho
> Enviado el: Friday, May 26, 2006 3:31 AM
> Para: Ovillo, la lista de CSS en castellano
> Asunto: Re: [Ovillo] Tabs con rollover
> 
> 2006/5/26, carlos campderrós <[EMAIL PROTECTED]>:
> >
> > On 5/26/06, Reynier Perez Mira <[EMAIL PROTECTED]> wrote:
> > > Hola lista:
> > > Tengo que maquetar una web y el menu tiene un rollover de 
> imagenes. 
> > > Es posible maquetar esto usando CSS ? Imagino que pueda 
> hacerse con:
> >
> > si las imagenes están de fondo, puedes. Si están incrustadas en el 
> > html, no puedes y necesitas javascript a la fuerza.
> >
> > como background:
> >
> > li a
> > {
> >   display: block;
> >   width: 100%;
> >   height: 100%
> >   background-image: url("blabla.png"); }
> >
> > li a:hover
> > {
> >   background-image: url("bleble.png"); }
> >
> >
> > con javascript seria similar a esto (puede requerir 
> modificaciones, no
> > lo he testado):
> >
> >  > onmouseover="rollon(this.id)" onmouseout="rollof(this.id)">
> >
> >

Re: [Ovillo] input type button

2006-05-26 Por tema Víctor Pimentel 
On Fri, 26 May 2006 12:06:36 +0200, Elena Salas <[EMAIL PROTECTED]>  
wrote:

> Hola
> ¿Sabeis como quitar el padding que añade el IE en los input  
> type="buttom",
> en funcion de la longitud del value?
>
> 

¿Estableciendo un padding en el css?

-- 
Si estás leyendo esta firma buscando una cita, lee un libro: está lleno de  
ellas.
Víctor Pimentel
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo

[Ovillo] input type button

2006-05-26 Por tema Elena Salas 
Hola
¿Sabeis como quitar el padding que añade el IE en los input type="buttom",
en funcion de la longitud del value?


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

Re: [Ovillo] Smarty y Dreamweaver 8

2006-05-26 Por tema Diego Martín Lafuente 
Deberías dejar DW.

Eso te va a preparar más para cualquier tipo de lenguaje: smarty,  
ruby on rails, etc. Dreamweaver sólo te ciega, no te deja ver  
exactamente cómo funciona todo. No es lo mismo mirar el resultado  
final en un navegador que guiarse con Dreamweaver. Además, el soporte  
UTF que trae es patético. No sé que haces todavía usandolo. Nada  
mejor que un editor de textos. Mira que estar preocupado por un  
programa y enviar un mensaje a la lista. Se supone que cuando lo  
compras tienes soporte técnico, ellos te pueden apuntar muchas cosas  
para que no tengas problemas.

Saludos.







Diego Martín Lafuente
Information Designer / IA

[EMAIL PROTECTED]
http://www.minid.net












On 26/05/2006, at 5:58, Marcelo Di Raimondo wrote:

> Exactorutas relativas y triagulaciones entre contenidosmi  
> parte es mover solo CSS,  no toco los codigos TPL y PHP. Como  
> diseñador gráfico/web, me toca mi parte. Si no veo lo que hago,  
> mejor me saco los ojos. El tema es que a cualquiera le prodria  
> pasar que...De golpe y raja tenés que trabajar con  
> Smarty.¿Que es Smarty? . Hasta hace un rato era algo  
> que me no me dejaba trabajar con mi querido/a CSS. parte del  
> todo.. y por lo tanto me puse googlear y encontre una extensión  
> para  dreamweaver, "Smarty Tag Traslator". El problema está  
> resuelto. Bueno.para todo aquel que, alguna vez, lo necesite,  
> dejo el link dónde se puede descargar la extensión. http:// 
> www.scottwilburn.com.  Gracias
>
>
>
>
>   Reynier Perez Mira <[EMAIL PROTECTED]> escribió:
>   Trabajar con Smarty significa separar contenidos pero no HTML. Se  
> separa el código PHP del código HTML+CSS+ La plantilla está  
> hecha con HTML y CSS si asi lo tienes. El problema de DW con Smarty  
> es que para poder trabajar con los estilos CSS (creo) debes crear  
> un sitio y poner los ficheros con rutas relativas en el link del  
> estilo. De todas formas espera por los más expertos en el tema  
> porque aunque llevo un tiempo con CSS no es lo mismo que llevo con  
> PHP, Smarty u otros
> Salu2
> -- 
> ReynierPM | Kubuntu 5.10 | Linux User:#310201
> Hay dos cosas infinitas: el Universo y la estupidez humana. Y del  
> Universo no estoy seguro.
>
>> -Mensaje original-
>> De: [EMAIL PROTECTED]
>> [mailto:[EMAIL PROTECTED] En nombre de Marcelo
>> Di Raimondo
>> Enviado el: Thursday, May 25, 2006 9:18 PM
>> Para: Ovillo, la lista de CSS en castellano
>> Asunto: Re: [Ovillo] Smarty y Dreamweaver 8
>>
>> Siento mucho que "no tenga tanto que ver" pero pienso que si
>> tiene algo que ver, trabajar con Smarty siginifica que el
>> codigo html no se toca, solo interviene el CSS en el diseño,
>> pero dreamweaver no lo reconoce y por lo tanto no puedo
>> trabajar, ni con dreamweaver ni con Css, disculpen mi ignorancia.
>>
>> Reynier Perez Mira escribió:
>> Nuevamente, que tiene que ver esto con CSS?
>> Salu2
>> --
>> ReynierPM | Kubuntu 5.10 | Linux User:#310201 Hay dos cosas
>> infinitas: el Universo y la estupidez humana. Y del Universo
>> no estoy seguro.
>>
>>> -Mensaje original-
>>> De: [EMAIL PROTECTED]
>>> [mailto:[EMAIL PROTECTED] En nombre de Marcelo Di
>>> Raimondo Enviado el: Thursday, May 25, 2006 7:31 PM
>>> Para: Ovillo@lists.ovillo.org
>>> Asunto: [Ovillo] Smarty y Dreamweaver 8
>>>
>>> Mi problema es que estoy usando plantillas .tpl de Smarty (motor de
>>> plantillas para trabajar con PHP) en las cuales incluyo otras
>>> plantillas. Por ejemplo: {include file='header.tpl'} La cuestion es
>>> que Dreamweaver no me esta incluyendo ese archivo (header.tpl)
>>> automaticamente para que vea todo el diseño en una sola pantalla.
>>>
>>> ¿Aguien ya se ha encontrado y resuelto este problema?
>>>
>>> Muchas Gracias!
>>>
>>>
>>>
>>> Marcelo Di Raimondo
>>> Barcala 58 | Ciudad
>>> Mendoza | Argentina
>>> 54 + 0261 + 4200166
>>>
>>>
>>>
>>> -
>>> Do You Yahoo!? La mejor conexión a Internet y 2GB extra a tu correo
>>> por $100 al mes. http://net.yahoo.com.mx
>>> ___
>>> Lista de distribución Ovillo
>>> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
>>> Puedes modificar tus datos o desuscribirte en la siguiente
>> dirección:
>>> http://ovillo.org/mailman/listinfo/ovillo
>>>
>> ___
>> Lista de distribución Ovillo
>> Para escribir a la lista, envia un correo a
>> Ovillo@lists.ovillo.org Puedes modificar tus datos o
>> desuscribirte en la siguiente dirección:
>> http://ovillo.org/mailman/listinfo/ovillo
>>
>>
>>
>>
>> Marcelo Di Raimondo
>> Barcala 58 | Ciudad
>> Mendoza | Argentina
>> 54 + 0261 + 4200166
>>
>>
>>
>> -
>> Do You Yahoo!? La mejor conexión a Internet y 2GB extra a
>> tu correo por $100 al mes. http://net.yahoo.com.mx
>> ___
>> Lista de distribución O

[Ovillo] problemas con el flash

2006-05-26 Por tema Eva González 
Buenas de nuevo!
Todavía ando dándole vueltas al problema del menú horizontal que al
desplegar sus opciones éstas quedan por debajo del flash situado por debajo,
ya lo resolví con el  pero necesito
que se me vea también en Firefox de  Linux.
Los de www.citroen.es tampoco lo tienen resuelto, porque se les ve el menú
desplegable por detrás.
Si alguien puede ayudarme se lo agradecería mucho.
Un saludo.


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

Re: [Ovillo] Tabs con rollover

2006-05-26 Por tema Nacho 
2006/5/26, carlos campderrós <[EMAIL PROTECTED]>:
>
> On 5/26/06, Reynier Perez Mira <[EMAIL PROTECTED]> wrote:
> > Hola lista:
> > Tengo que maquetar una web y el menu tiene un rollover de imagenes. Es
> > posible maquetar esto usando CSS ? Imagino que pueda hacerse con:
>
> si las imagenes están de fondo, puedes. Si están incrustadas en el
> html, no puedes y necesitas javascript a la fuerza.
>
> como background:
>
> li a
> {
>   display: block;
>   width: 100%;
>   height: 100%
>   background-image: url("blabla.png");
> }
>
> li a:hover
> {
>   background-image: url("bleble.png");
> }
>
>
> con javascript seria similar a esto (puede requerir modificaciones, no
> lo he testado):
>
>  onmouseover="rollon(this.id)" onmouseout="rollof(this.id)">
>
>

Re: [Ovillo] Tabs con rollover

2006-05-26 Por tema javier.prieto 

Échale un vistazo a este turtorial, me sirvió de mucho y ahota todos los 
rollovers los hago así, ya que sólo tiene que cargar una imagen para todo el 
menu
http://www.estherfuldauer.com/2005/01/19/rollovers-con-css/
Suerte!


 "carlos campderrós"  escribió:
> On 5/26/06, Reynier Perez Mira  wrote:
> > Hola lista:
> > Tengo que maquetar una web y el menu tiene un rollover de imagenes. Es
> > posible maquetar esto usando CSS ? Imagino que pueda hacerse con:
>
> si las imagenes están de fondo, puedes. Si están incrustadas en el
> html, no puedes y necesitas javascript a la fuerza.
>
> como background:
>
> li a
> {
> display: block;
> width: 100%;
> height: 100%
> background-image: url("blabla.png");
> }
>
> li a:hover
> {
> background-image: url("bleble.png");
> }
>
>
> con javascript seria similar a esto (puede requerir modificaciones, no
> lo he testado):
>
>  pues eso
> onmouseover="rollon(this.id)" onmouseout="rollof(this.id)">
>
> 






















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

Re: [Ovillo] Tabs con rollover

2006-05-26 Por tema carlos campderrós 
On 5/26/06, Reynier Perez Mira <[EMAIL PROTECTED]> wrote:
> Hola lista:
> Tengo que maquetar una web y el menu tiene un rollover de imagenes. Es
> posible maquetar esto usando CSS ? Imagino que pueda hacerse con:

si las imagenes están de fondo, puedes. Si están incrustadas en el
html, no puedes y necesitas javascript a la fuerza.

como background:

li a
{
  display: block;
  width: 100%;
  height: 100%
  background-image: url("blabla.png");
}

li a:hover
{
  background-image: url("bleble.png");
}


con javascript seria similar a esto (puede requerir modificaciones, no
lo he testado):