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):
img src=blabla.png id=rollme alt=pues eso
onmouseover=rollon(this.id) onmouseout=rollof(this.id)
script type=text/javascript
function rollon(id)
{
var im = document.getElementById(id);
im.src = bleble.png;
}
function rollof(id)
{
var im = document.getElementById(id);
im.src = blabla.png;
}
seguro q hay formas más cómodas y/o limpias, pero algo similar debería
funcionar.
--
Si no puedes deslumbrar con tu inteligencia,
desconcierta con tus gilipolleces
___
Lista de distribución Ovillo
Para 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
É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/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):
img src=blabla.png id=rollme alt=pues eso
onmouseover=rollon(this.id) onmouseout=rollof(this.id)
script type=text/javascript
function rollon(id)
{
var im = document.getElementById(id);
im.src = bleble.png;
}
function rollof(id)
{
var im = document.getElementById(id);
im.src = blabla.png;
}
seguro q hay formas más cómodas y/o limpias, pero algo similar debería
funcionar.
--
Si no puedes deslumbrar con tu inteligencia,
desconcierta con tus gilipolleces
Lo primero, un saludo a todos que aunque llevo tiempo es mi primera
intervención. Lo segundo mi aportación.
Mira este link a ver si te ayuda:
http://www.shinkitune.com/blogonrails/2006/05/17/buena-tecnica-css-para-usar-rollovers-sin-precarga/
___
Lista de distribución Ovillo
Para 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 el flash
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 param name=wmode value=transparent 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] Smarty y Dreamweaver 8
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 Ovillo
Para 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
Hola ¿Sabeis como quitar el padding que añade el IE en los input type=buttom, en funcion de la longitud del value? input type=button value=asfasfxsgdsgasfdaf 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] input type button
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? input type=button value=asfasfxsgdsgasfdaf ¿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
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):
img src=blabla.png id=rollme alt=pues eso
onmouseover=rollon(this.id) onmouseout=rollof(this.id)
script type=text/javascript
function rollon(id)
{
var im = document.getElementById(id);
im.src = bleble.png;
}
function rollof(id)
{
var im = document.getElementById(id);
im.src = blabla.png;
}
seguro q hay formas más cómodas y/o limpias, pero algo
similar debería
funcionar.
--
Si no puedes deslumbrar con tu inteligencia,
desconcierta con tus gilipolleces
Lo primero, un saludo a todos que aunque llevo tiempo es mi primera
intervención. Lo segundo mi aportación.
Mira este link a ver si te ayuda:
http://www.shinkitune.com/blogonrails/2006/05/17/buena-tecnica
-css-para-usar-rollovers-sin-precarga/
___
Lista de distribución Ovillo
Para 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
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 ovillo@lists.ovillo.org
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):
img src=blabla.png id=rollme alt=pues eso
onmouseover=rollon(this.id) onmouseout=rollof(this.id)
script type=text/javascript
function rollon(id)
{
var im = document.getElementById(id);
im.src = bleble.png;
}
function rollof(id)
{
var im = document.getElementById(id);
im.src = blabla.png;
}
seguro q hay formas más cómodas y/o limpias, pero algo
similar debería
funcionar.
--
Si no puedes deslumbrar con tu inteligencia,
desconcierta con tus gilipolleces
Lo primero, un saludo a todos que aunque llevo tiempo es mi primera
intervención. Lo segundo mi aportación.
Mira este link a ver si te ayuda:
http://www.shinkitune.com/blogonrails/2006/05/17/buena-tecnica
-css-para-usar-rollovers-sin-precarga/
___
Lista de distribución Ovillo
Para 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
[Ovillo] Por que no me funciona ...
Estoy tratando de crear un menú posicionado dentro de la cabecera y bueno en
forma de tabs. El código HTML es el siguiente:
/*---*/
div id=cabecera
ul id=tab
li class=registroPepe/li
li class=capturaPepe1/li
li class=impresionPepe2/li
li class=entregaPepe3/li
li class=reportesPepe4/li
/ul
/div
/*---*/
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
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 ovillo@lists.ovillo.org
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):
img src=blabla.png id=rollme alt=pues eso
onmouseover=rollon(this.id) onmouseout=rollof(this.id)
script type=text/javascript
function rollon(id)
{
var im = document.getElementById(id);
im.src = bleble.png;
}
function rollof(id)
{
var im = document.getElementById(id);
im.src = blabla.png;
}
seguro q hay formas más cómodas y/o limpias, pero algo
similar debería
funcionar.
--
Si no puedes deslumbrar con tu inteligencia,
desconcierta con tus gilipolleces
Lo primero, un saludo a todos que aunque llevo tiempo es mi primera
intervención. Lo segundo mi aportación.
Mira este link a ver si te ayuda:
http://www.shinkitune.com/blogonrails/2006/05/17/buena-tecnica
-css-para-usar-rollovers-sin-precarga/
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente
dirección: http://ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente
dirección: http://ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] problemas con InnerHTML
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;
}
iframe id=provisionframe
src=http://www.dominio.com/documento.html;/iframediv
id=provision/div
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
Re: [Ovillo] Tabs con rollover
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):
#
#img src=blabla.png id=rollme alt=pues eso
#onmouseover=rollon(this.id) onmouseout=rollof(this.id)
#
#script type=text/javascript
#function rollon(id)
#{
# var im = document.getElementById(id);
# im.src = bleble.png;
#}
#
#function rollof(id)
#{
# var im = document.getElementById(id);
# im.src = blabla.png;
#}
#
#seguro q hay formas más cómodas y/o limpias, pero algo similar debería
#funcionar.
#
#--
#Si no puedes deslumbrar con tu inteligencia,
#desconcierta con tus gilipolleces
#___
#Lista de distribución Ovillo
#Para 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] Por que no me funciona ...
Yo probaría algo así:
div id=cabecera
ul
li class=registroPepe/li
li class=capturaPepe1/li
li class=impresionPepe2/li
li class=entregaPepe3/li
li class=reportesPepe4/li
/ul
/div
-
#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] problema con el tag p
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] 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:
div id=contenedor
div id=cabecera
ul id=tab
li id=registroactivo class=registroa
href=#nbsp;/a/li
li id=capturaactivo
class=capturanbsp;/li
li id=impresionactivo
class=impresionnbsp;/li
li id=entregaactivo
class=entreganbsp;/li
li id=reportesactivo
class=reportesnbsp;/li
/ul
/div
/div
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] problemas con InnerHTML
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;
}
iframe id=provisionframe
src=http://www.dominio.com/documento.html;/iframediv
id=provision/div
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] problemas con InnerHTML
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;
}
iframe id=provisionframe
src=http://www.dominio.com/documento.html;/iframediv
id=provision/div
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
[Ovillo] OT: clip
hola lista nose si esto es un OffTopic pero por las dudas ... tengo el siguiente codigo: span style=position:absolute;left:0px;top:0px;width:3200px;clip:rect(0 250 auto 0)span id=parcialesvarias_imagenes.jpg/span/span 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] OT: clip
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: span style=position:absolute;left:0px;top:0px;width:3200px;clip:rect(0 250 auto 0)span id=parcialesvarias_imagenes.jpg/span/span 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
Re: [Ovillo] Tabs con rollover
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:
li id=registroactivo class=registroa href=#
img src=item1.png alt=Item 1//a/li
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 ovillo@lists.ovillo.org
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:
div id=contenedor
div id=cabecera
ul id=tab
li id=registroactivo class=registroa href=#nbsp;/a/li
li id=capturaactivo class=capturanbsp;/li
li id=impresionactivo class=impresionnbsp;/li
li id=entregaactivo class=entreganbsp;/li
li id=reportesactivo class=reportesnbsp;/li
/ul
/div
/div
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] png transparente en background-image (C ontinuación ...)
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-tohttp://homepage.ntlworld.com/bobosola/pnghowto.htmpage 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 img src=imagen.png alt= / 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] OT: clip
On Fri, 26 May 2006 18:46:09 -0300, Roberto Barreiro [EMAIL PROTECTED] wrote: span style=position:absolute;left:0px;top:0px;width:3200px;clip:rect(0 250 auto 0)span id=parcialesvarias_imagenes.jpg/span/span 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] Tabs con rollover
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
