[Ovillo] Accesibilidad en pseudo-enlaces javascript
Hola, no se si es un tema que se pueda plantear en esta lista, la cuestion
es que tengo unos pseudo-enlaces en javascript (creo que se llaman asi) este
es el codigo:
a href=javascript:void(0) onclick=document.getElementById('imagen').src
= 'imagenes/imagen1.jpg'imagen 1/a
Lo que hace es que me cambia la imagen que tengo en un div.
Pero me da la sensación que no es accesible, ya que depende del usuario si
tiene activado javascript y el href del enlace no apunta a nada. ¿Hay alguna
forma de hacerlo mas accesible? O por ejemplo para navegadores que no
acepten CSS y javascript ¿puedan ver todas las imágenes sin depender de
estos dos últimos?
No se si me explico.
Salu2.
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.5.488 / Virus Database: 269.13.30/1029 - Release Date: 24/09/2007
19:09
___
Lista de distribución Ovillo
Para escribir a la lista, envia un 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] Accesibilidad en pseudo-enlaces javascript
Sería mucho mejor:
a href=imagenes/imagen1.jpg
onclick=document.getElementById('imagen').src =
'imagenes/imagen1.jpg';return(false)imagen 1/a
porque así, en ausencia de javascript, podrían también acceder a la imagen
Dan Alcaide escribió:
Hola, no se si es un tema que se pueda plantear en esta lista, la cuestion
es que tengo unos pseudo-enlaces en javascript (creo que se llaman asi) este
es el codigo:
a href=javascript:void(0) onclick=document.getElementById('imagen').src
= 'imagenes/imagen1.jpg'imagen 1/a
Lo que hace es que me cambia la imagen que tengo en un div.
Pero me da la sensación que no es accesible, ya que depende del usuario si
tiene activado javascript y el href del enlace no apunta a nada. ¿Hay alguna
forma de hacerlo mas accesible? O por ejemplo para navegadores que no
acepten CSS y javascript ¿puedan ver todas las imágenes sin depender de
estos dos últimos?
No se si me explico.
Salu2.
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.5.488 / Virus Database: 269.13.30/1029 - Release Date: 24/09/2007
19:09
___
Lista de distribución Ovillo
Para escribir a la lista, envia un 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] Formulario-menú
Hoy me encontre con esto ,buscando cosillas y de hecho en una web lo vi
puesto.
Parece una forma de gestionar un menu desplegable, hast aque punto es
lógico.
Alguna opinión por mera curiosidad.
FORM
SELECT NAME=liste1 SIZE=1
OPTION SELECTED VALUE= Links to visit
OPTION VALUE=link1.htmlMy first link
OPTION VALUE=link2.htmlMy second link
/SELECT
INPUT TYPE=button VALUE=Go
onClick=if (form.liste1.selectedIndex != 0)
location = form.liste1.options[form.liste1.selectedIndex].value;
else
alert('Please choose a menu item')
/FORM
___
Lista de distribución Ovillo
Para escribir a la lista, envia un 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] Accesibilidad en pseudo-enlaces javascript
Y sería todavía más elegante, así:
a href=imagenes/imagen1.jpg target=_blankimagen 1/a
script language=javascript
anchors = document.getElementByTag('a');
l = anchors.lenght;
for (var i=0; i++; il) {
anchors[i].href = '';
anchors[i].target = '';
anchors[i].onclick = function() {
document.getElementById('imagen').src ='imagenes/imagen1.jpg';
return(false);
}
}
/script
Vamos, con javascript no intrusive...
Ojo, que el código lo he hecho sobre el email directamente, y ni lo he
probado.. O sea que probablemente esté mal; pero da una idea de lo que se
pretende.
Lógicamente, este código es muy mejorable, porque aquí recorremos todos los
elementos A de la página y le asociamos el mismo código para el onclick;
pero vamos, jugando un poquito, es fácil de cambiar.
Un saludo
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:ovillo-
[EMAIL PROTECTED] En nombre de David Pardo
Enviado el: martes, 25 de septiembre de 2007 10:48
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Accesibilidad en pseudo-enlaces javascript
Sería mucho mejor:
a href=imagenes/imagen1.jpg
onclick=document.getElementById('imagen').src =
'imagenes/imagen1.jpg';return(false)imagen 1/a
porque así, en ausencia de javascript, podrían también acceder a la
imagen
Dan Alcaide escribió:
Hola, no se si es un tema que se pueda plantear en esta lista, la
cuestion
es que tengo unos pseudo-enlaces en javascript (creo que se llaman
asi) este
es el codigo:
a href=javascript:void(0)
onclick=document.getElementById('imagen').src
= 'imagenes/imagen1.jpg'imagen 1/a
Lo que hace es que me cambia la imagen que tengo en un div.
Pero me da la sensación que no es accesible, ya que depende del
usuario si
tiene activado javascript y el href del enlace no apunta a nada. ¿Hay
alguna
forma de hacerlo mas accesible? O por ejemplo para navegadores que no
acepten CSS y javascript ¿puedan ver todas las imágenes sin depender
de
estos dos últimos?
No se si me explico.
Salu2.
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.5.488 / Virus Database: 269.13.30/1029 - Release Date:
24/09/2007
19:09
___
Lista de distribución Ovillo
Para escribir a la lista, envia un 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] Accesibilidad en pseudo-enlaces javascript
Bien por el javascript no intrusivo, pero lo del target blank ya es otra
cosa.
Es preferible, altamente recomendable, no usar target blank. Pero si por
cualquier razón no queda más remedio, se debe advertir al usuario que el
documento se abrirá en una nueva ventana.
Saludos,
Emmanuelle
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de Hari Seldon
Enviado el: martes, 25 de septiembre de 2007 12:01
Para: 'Ovillo, la lista de CSS en castellano'
Asunto: Re: [Ovillo] Accesibilidad en pseudo-enlaces javascript
Y sería todavía más elegante, así:
a href=imagenes/imagen1.jpg target=_blankimagen 1/a
script language=javascript
anchors = document.getElementByTag('a'); l = anchors.lenght; for (var i=0;
i++; il) { anchors[i].href = ''; anchors[i].target = ''; anchors[i].onclick
= function() {
document.getElementById('imagen').src ='imagenes/imagen1.jpg';
return(false);
}
}
/script
Vamos, con javascript no intrusive...
Ojo, que el código lo he hecho sobre el email directamente, y ni lo he
probado.. O sea que probablemente esté mal; pero da una idea de lo que se
pretende.
Lógicamente, este código es muy mejorable, porque aquí recorremos todos los
elementos A de la página y le asociamos el mismo código para el onclick;
pero vamos, jugando un poquito, es fácil de cambiar.
Un saludo
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:ovillo-
[EMAIL PROTECTED] En nombre de David Pardo Enviado el: martes,
25 de septiembre de 2007 10:48
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Accesibilidad en pseudo-enlaces javascript
Sería mucho mejor:
a href=imagenes/imagen1.jpg
onclick=document.getElementById('imagen').src =
'imagenes/imagen1.jpg';return(false)imagen 1/a
porque así, en ausencia de javascript, podrían también acceder a la
imagen
Dan Alcaide escribió:
Hola, no se si es un tema que se pueda plantear en esta lista, la
cuestion
es que tengo unos pseudo-enlaces en javascript (creo que se llaman
asi) este
es el codigo:
a href=javascript:void(0)
onclick=document.getElementById('imagen').src
= 'imagenes/imagen1.jpg'imagen 1/a
Lo que hace es que me cambia la imagen que tengo en un div.
Pero me da la sensación que no es accesible, ya que depende del
usuario si
tiene activado javascript y el href del enlace no apunta a nada.
¿Hay
alguna
forma de hacerlo mas accesible? O por ejemplo para navegadores que
no acepten CSS y javascript ¿puedan ver todas las imágenes sin
depender
de
estos dos últimos?
No se si me explico.
Salu2.
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.5.488 / Virus Database: 269.13.30/1029 - Release Date:
24/09/2007
19:09
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes
modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Formulario-menú
Pues como menú es horrible ya que se carga toda la semántica de la web
y además no sé como funcionará de cara a los buscadores.
El 25/09/07, jaume op [EMAIL PROTECTED] escribió:
Hoy me encontre con esto ,buscando cosillas y de hecho en una web lo vi
puesto.
Parece una forma de gestionar un menu desplegable, hast aque punto es
lógico.
Alguna opinión por mera curiosidad.
FORM
SELECT NAME=liste1 SIZE=1
OPTION SELECTED VALUE= Links to visit
OPTION VALUE=link1.htmlMy first link
OPTION VALUE=link2.htmlMy second link
/SELECT
INPUT TYPE=button VALUE=Go
onClick=if (form.liste1.selectedIndex != 0)
location = form.liste1.options[form.liste1.selectedIndex].value;
else
alert('Please choose a menu item')
/FORM
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
--
We don't need no education - Pink Floyd
___
Lista de distribución Ovillo
Para escribir a la lista, envia un 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] Accesibilidad en pseudo-enlaces javascript
Gracias a todos por responder. Intentaré implementar la solución de Hari y
si tengo algún problema ya os contaré. Lo que tendría que hacer es
identificar solo los enlaces que yo necesite ¿no? Y con ponerlo en un
archivo aparte .js me funcionaria para todo el sitio ¿no?
Un saludo.
-Mensaje original-
De: Hari Seldon [mailto:[EMAIL PROTECTED]
Enviado el: martes, 25 de septiembre de 2007 12:01
Para: 'Ovillo, la lista de CSS en castellano'
Asunto: Re: [Ovillo] Accesibilidad en pseudo-enlaces javascript
Y sería todavía más elegante, así:
a href=imagenes/imagen1.jpg target=_blankimagen 1/a
script language=javascript
anchors = document.getElementByTag('a');
l = anchors.lenght;
for (var i=0; i++; il) {
anchors[i].href = '';
anchors[i].target = '';
anchors[i].onclick = function() {
document.getElementById('imagen').src ='imagenes/imagen1.jpg';
return(false);
}
}
/script
Vamos, con javascript no intrusive...
Ojo, que el código lo he hecho sobre el email directamente, y ni lo he
probado.. O sea que probablemente esté mal; pero da una idea de lo que se
pretende.
Lógicamente, este código es muy mejorable, porque aquí recorremos todos los
elementos A de la página y le asociamos el mismo código para el onclick;
pero vamos, jugando un poquito, es fácil de cambiar.
Un saludo
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:ovillo-
[EMAIL PROTECTED] En nombre de David Pardo
Enviado el: martes, 25 de septiembre de 2007 10:48
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Accesibilidad en pseudo-enlaces javascript
Sería mucho mejor:
a href=imagenes/imagen1.jpg
onclick=document.getElementById('imagen').src =
'imagenes/imagen1.jpg';return(false)imagen 1/a
porque así, en ausencia de javascript, podrían también acceder a la
imagen
Dan Alcaide escribió:
Hola, no se si es un tema que se pueda plantear en esta lista, la
cuestion
es que tengo unos pseudo-enlaces en javascript (creo que se llaman
asi) este
es el codigo:
a href=javascript:void(0)
onclick=document.getElementById('imagen').src
= 'imagenes/imagen1.jpg'imagen 1/a
Lo que hace es que me cambia la imagen que tengo en un div.
Pero me da la sensación que no es accesible, ya que depende del
usuario si
tiene activado javascript y el href del enlace no apunta a nada. ¿Hay
alguna
forma de hacerlo mas accesible? O por ejemplo para navegadores que no
acepten CSS y javascript ¿puedan ver todas las imágenes sin depender
de
estos dos últimos?
No se si me explico.
Salu2.
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.5.488 / Virus Database: 269.13.30/1029 - Release Date:
24/09/2007
19:09
___
Lista de distribución Ovillo
Para escribir a la lista, envia un 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
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.5.488 / Virus Database: 269.13.30/1029 - Release Date: 24/09/2007
19:09
___
Lista de distribución Ovillo
Para escribir a la lista, envia un 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] Incluir un documento HTML dentor de otro
Otra opcion, es utilizar PHP y algun sistema de templates que permita recursividad. Es decir, que parte de la template venga definida por otra template. Parece bastante mas complicado que .shtml, pero esta a años luz de ventajas sobre usar shtml. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] Google maps
Hola, alguien sabe como colocar un mapa de google en una pagina y que esta sea accesible al menos AA, El problema es que cuando lo coloco, si le quito los estilos a la página, me muestra imagenes de recursos que no deberían aparecer. Sino alguna forma de hacer que no aparezca una capa si no hay estilos Muchas gracias Sé un Mejor Amante del Cine ¿Quieres saber cómo? ¡Deja que otras personas te ayuden! http://advision.webevents.yahoo.com/reto/entretenimiento.html ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Accesibilidad en pseudo-enlaces javascript
Totalmente de acuerdo, si se abre ventana nueva, se debe de avisar al
usuario; con un title debería de ser suficiente, ¿no?
Un saludo :)
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:ovillo-
[EMAIL PROTECTED] En nombre de Emmanuelle Gutiérrez y Restrepo
Enviado el: martes, 25 de septiembre de 2007 12:06
Para: 'Ovillo, la lista de CSS en castellano'
Asunto: Re: [Ovillo] Accesibilidad en pseudo-enlaces javascript
Bien por el javascript no intrusivo, pero lo del target blank ya es
otra
cosa.
Es preferible, altamente recomendable, no usar target blank. Pero si
por
cualquier razón no queda más remedio, se debe advertir al usuario que
el
documento se abrirá en una nueva ventana.
Saludos,
Emmanuelle
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:ovillo-
[EMAIL PROTECTED]
En nombre de Hari Seldon
Enviado el: martes, 25 de septiembre de 2007 12:01
Para: 'Ovillo, la lista de CSS en castellano'
Asunto: Re: [Ovillo] Accesibilidad en pseudo-enlaces javascript
Y sería todavía más elegante, así:
a href=imagenes/imagen1.jpg target=_blankimagen 1/a
script language=javascript
anchors = document.getElementByTag('a'); l = anchors.lenght; for (var
i=0;
i++; il) { anchors[i].href = ''; anchors[i].target = '';
anchors[i].onclick
= function() {
document.getElementById('imagen').src ='imagenes/imagen1.jpg';
return(false);
}
}
/script
Vamos, con javascript no intrusive...
Ojo, que el código lo he hecho sobre el email directamente, y ni lo he
probado.. O sea que probablemente esté mal; pero da una idea de lo que
se
pretende.
Lógicamente, este código es muy mejorable, porque aquí recorremos todos
los
elementos A de la página y le asociamos el mismo código para el
onclick;
pero vamos, jugando un poquito, es fácil de cambiar.
Un saludo
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:ovillo-
[EMAIL PROTECTED] En nombre de David Pardo Enviado el:
martes,
25 de septiembre de 2007 10:48
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Accesibilidad en pseudo-enlaces javascript
Sería mucho mejor:
a href=imagenes/imagen1.jpg
onclick=document.getElementById('imagen').src =
'imagenes/imagen1.jpg';return(false)imagen 1/a
porque así, en ausencia de javascript, podrían también acceder a la
imagen
Dan Alcaide escribió:
Hola, no se si es un tema que se pueda plantear en esta lista, la
cuestion
es que tengo unos pseudo-enlaces en javascript (creo que se llaman
asi) este
es el codigo:
a href=javascript:void(0)
onclick=document.getElementById('imagen').src
= 'imagenes/imagen1.jpg'imagen 1/a
Lo que hace es que me cambia la imagen que tengo en un div.
Pero me da la sensación que no es accesible, ya que depende del
usuario si
tiene activado javascript y el href del enlace no apunta a nada.
¿Hay
alguna
forma de hacerlo mas accesible? O por ejemplo para navegadores que
no acepten CSS y javascript ¿puedan ver todas las imágenes sin
depender
de
estos dos últimos?
No se si me explico.
Salu2.
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.5.488 / Virus Database: 269.13.30/1029 - Release Date:
24/09/2007
19:09
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente
dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes
modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Accesibilidad en pseudo-enlaces javascript
Hola, para cambiar imágenes en un div puedes usar únicamente css sin js, ahí te va un ejemplo: http://www.cssplay.co.uk/menu/photo_album.html#nogo lo mismo también puedes hacer mediante includes de php... saludos ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] Bug 3 PX en IE6
Hola a todos, se que es una tontería pero debe ser que ya la cabeza
no me da para más y me he bloqueado. Mi problema son los 3 pixeles
dichosos que deja IE6 cuando flotas varios divs. Lo he intentado todo,
he mirado todos los posts que hay de
The IE6 Three Pixel Text-Jog pero no me termina de cuadrar.
El caso es que tengo que conseguir una caja, a base de 3 divs, uno con
la imagen de fondo del borde redondeado izq, otro con una img de fondo
que se repita en y según el ancho del texto,y otra con el borde
derecho.
El código sería:
div class=iconos
div class=top_iconos/divborde izq
div class=bottom_iconos/div--borde derecho
div class=principal/div---texto
/div
Y los estilos los he puesto así:
#central .iconos .top_iconos{
background: url(../images/admin_izq.gif) no-repeat left top;
height: 287px;
width: 27px;
float:left;
font-size:1px;
}
#central .iconos .principal{
background: url(../images/bg_admin.gif) repeat-x left top;
height: 287px;
float:none;
}
#central .iconos .bottom_iconos{
background: url(../images/admin_dch.gif) no-repeat left top;
height: 287px;
width: 28px;
float:right;
font-size:1px;
}
¿Qué estoy haciendo mal para que salgan 3 pixeles por la dcha y otros
3 por la izq?
Muchas gracias
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Bug 3 PX en IE6
Hola Belén,
Ese mismo problema lo tuve yo el otro día. Tienes que flotar todas las capas
a la izquierda y poner el padding y el margin a 0 en las tres capas.
Venga, ánimo, no desesperes.
Un saludo
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de Belen Zumalacarregui
Enviado el: martes, 25 de septiembre de 2007 17:22
Para: Ovillo, la lista de CSS en castellano
Asunto: [Ovillo] Bug 3 PX en IE6
Hola a todos, se que es una tontería pero debe ser que ya la cabeza
no me da para más y me he bloqueado. Mi problema son los 3 pixeles
dichosos que deja IE6 cuando flotas varios divs. Lo he intentado todo,
he mirado todos los posts que hay de
The IE6 Three Pixel Text-Jog pero no me termina de cuadrar.
El caso es que tengo que conseguir una caja, a base de 3 divs, uno con
la imagen de fondo del borde redondeado izq, otro con una img de fondo
que se repita en y según el ancho del texto,y otra con el borde
derecho.
El código sería:
div class=iconos
div class=top_iconos/divborde izq
div class=bottom_iconos/div--borde derecho
div class=principal/div---texto
/div
Y los estilos los he puesto así:
#central .iconos .top_iconos{
background: url(../images/admin_izq.gif) no-repeat left top;
height: 287px;
width: 27px;
float:left;
font-size:1px;
}
#central .iconos .principal{
background: url(../images/bg_admin.gif) repeat-x left top;
height: 287px;
float:none;
}
#central .iconos .bottom_iconos{
background: url(../images/admin_dch.gif) no-repeat left top;
height: 287px;
width: 28px;
float:right;
font-size:1px;
}
¿Qué estoy haciendo mal para que salgan 3 pixeles por la dcha y otros
3 por la izq?
Muchas gracias
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
__ NOD32 2353 (20070625) Information __
This message was checked by NOD32 antivirus system.
http://www.eset.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Bug 3 PX en IE6
Hola Inmaculada:
El margin y el padding estan a 0, y si las floto a la izquierda las 3,
es raro, pero en FF se ve mal!! Sale cada una por un lado...
Tal vez sea que debería distribuir las capas de otra forma para que de
paso , también pudieran crecer verticalmente si hay más texto..
Muchas gracias por responder!!
Saludos
El 25/09/07, Inmaculada Hidalgo Berni
[EMAIL PROTECTED] escribió:
Hola Belén,
Ese mismo problema lo tuve yo el otro día. Tienes que flotar todas las capas
a la izquierda y poner el padding y el margin a 0 en las tres capas.
Venga, ánimo, no desesperes.
Un saludo
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de Belen Zumalacarregui
Enviado el: martes, 25 de septiembre de 2007 17:22
Para: Ovillo, la lista de CSS en castellano
Asunto: [Ovillo] Bug 3 PX en IE6
Hola a todos, se que es una tontería pero debe ser que ya la cabeza
no me da para más y me he bloqueado. Mi problema son los 3 pixeles
dichosos que deja IE6 cuando flotas varios divs. Lo he intentado todo,
he mirado todos los posts que hay de
The IE6 Three Pixel Text-Jog pero no me termina de cuadrar.
El caso es que tengo que conseguir una caja, a base de 3 divs, uno con
la imagen de fondo del borde redondeado izq, otro con una img de fondo
que se repita en y según el ancho del texto,y otra con el borde
derecho.
El código sería:
div class=iconos
div class=top_iconos/divborde izq
div class=bottom_iconos/div--borde derecho
div class=principal/div---texto
/div
Y los estilos los he puesto así:
#central .iconos .top_iconos{
background: url(../images/admin_izq.gif) no-repeat left top;
height: 287px;
width: 27px;
float:left;
font-size:1px;
}
#central .iconos .principal{
background: url(../images/bg_admin.gif) repeat-x left top;
height: 287px;
float:none;
}
#central .iconos .bottom_iconos{
background: url(../images/admin_dch.gif) no-repeat left top;
height: 287px;
width: 28px;
float:right;
font-size:1px;
}
¿Qué estoy haciendo mal para que salgan 3 pixeles por la dcha y otros
3 por la izq?
Muchas gracias
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
__ NOD32 2353 (20070625) Information __
This message was checked by NOD32 antivirus system.
http://www.eset.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Bug 3 PX en IE6
Hola Belen,
prueba flotar a la izquierda también la caja:
.iconos .principal {
float:left;
}
Si no se ve bien en FF prueba definirle también un width.
Espero te sirva.
Un saludo,
Tamara
On 9/25/07, Belen Zumalacarregui [EMAIL PROTECTED] wrote:
Hola Inmaculada:
El margin y el padding estan a 0, y si las floto a la izquierda las 3,
es raro, pero en FF se ve mal!! Sale cada una por un lado...
Tal vez sea que debería distribuir las capas de otra forma para que de
paso , también pudieran crecer verticalmente si hay más texto..
Muchas gracias por responder!!
Saludos
El 25/09/07, Inmaculada Hidalgo Berni
[EMAIL PROTECTED] escribió:
Hola Belén,
Ese mismo problema lo tuve yo el otro día. Tienes que flotar todas las
capas
a la izquierda y poner el padding y el margin a 0 en las tres capas.
Venga, ánimo, no desesperes.
Un saludo
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:
[EMAIL PROTECTED]
En nombre de Belen Zumalacarregui
Enviado el: martes, 25 de septiembre de 2007 17:22
Para: Ovillo, la lista de CSS en castellano
Asunto: [Ovillo] Bug 3 PX en IE6
Hola a todos, se que es una tontería pero debe ser que ya la cabeza
no me da para más y me he bloqueado. Mi problema son los 3 pixeles
dichosos que deja IE6 cuando flotas varios divs. Lo he intentado todo,
he mirado todos los posts que hay de
The IE6 Three Pixel Text-Jog pero no me termina de cuadrar.
El caso es que tengo que conseguir una caja, a base de 3 divs, uno con
la imagen de fondo del borde redondeado izq, otro con una img de fondo
que se repita en y según el ancho del texto,y otra con el borde
derecho.
El código sería:
div class=iconos
div class=top_iconos/divborde izq
div class=bottom_iconos/div--borde derecho
div class=principal/div---texto
/div
Y los estilos los he puesto así:
#central .iconos .top_iconos{
background: url(../images/admin_izq.gif) no-repeat left top;
height: 287px;
width: 27px;
float:left;
font-size:1px;
}
#central .iconos .principal{
background: url(../images/bg_admin.gif) repeat-x left top;
height: 287px;
float:none;
}
#central .iconos .bottom_iconos{
background: url(../images/admin_dch.gif) no-repeat left top;
height: 287px;
width: 28px;
float:right;
font-size:1px;
}
¿Qué estoy haciendo mal para que salgan 3 pixeles por la dcha y otros
3 por la izq?
Muchas gracias
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
__ NOD32 2353 (20070625) Information __
This message was checked by NOD32 antivirus system.
http://www.eset.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Accesibilidad en pseudo-enlaces javascript
Hola Hari,
No, con el title no es suficiente porque lamentablemente no es seguro que la
información que contiene llegue a todos los usuarios. Así que lo mejor es
informar en el propio texto del documento, antes del enlace o dentro del
propio enlace.
Saludos,
Emmanuelle
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de Hari Seldon
Enviado el: martes, 25 de septiembre de 2007 16:28
Para: 'Ovillo, la lista de CSS en castellano'
Asunto: Re: [Ovillo] Accesibilidad en pseudo-enlaces javascript
Totalmente de acuerdo, si se abre ventana nueva, se debe de avisar al
usuario; con un title debería de ser suficiente, ¿no?
Un saludo :)
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:ovillo-
[EMAIL PROTECTED] En nombre de Emmanuelle Gutiérrez y Restrepo
Enviado el: martes, 25 de septiembre de 2007 12:06
Para: 'Ovillo, la lista de CSS en castellano'
Asunto: Re: [Ovillo] Accesibilidad en pseudo-enlaces javascript
Bien por el javascript no intrusivo, pero lo del target blank ya es
otra cosa.
Es preferible, altamente recomendable, no usar target blank. Pero si
por cualquier razón no queda más remedio, se debe advertir al usuario
que el documento se abrirá en una nueva ventana.
Saludos,
Emmanuelle
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:ovillo-
[EMAIL PROTECTED] En nombre de Hari Seldon Enviado el: martes,
25 de septiembre de 2007 12:01
Para: 'Ovillo, la lista de CSS en castellano'
Asunto: Re: [Ovillo] Accesibilidad en pseudo-enlaces javascript
Y sería todavía más elegante, así:
a href=imagenes/imagen1.jpg target=_blankimagen 1/a
script language=javascript
anchors = document.getElementByTag('a'); l = anchors.lenght; for (var
i=0;
i++; il) { anchors[i].href = ''; anchors[i].target = '';
anchors[i].onclick
= function() {
document.getElementById('imagen').src ='imagenes/imagen1.jpg';
return(false);
}
}
/script
Vamos, con javascript no intrusive...
Ojo, que el código lo he hecho sobre el email directamente, y ni lo he
probado.. O sea que probablemente esté mal; pero da una idea de lo que
se pretende.
Lógicamente, este código es muy mejorable, porque aquí recorremos
todos los elementos A de la página y le asociamos el mismo código para
el onclick; pero vamos, jugando un poquito, es fácil de cambiar.
Un saludo
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:ovillo-
[EMAIL PROTECTED] En nombre de David Pardo Enviado el:
martes,
25 de septiembre de 2007 10:48
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Accesibilidad en pseudo-enlaces javascript
Sería mucho mejor:
a href=imagenes/imagen1.jpg
onclick=document.getElementById('imagen').src =
'imagenes/imagen1.jpg';return(false)imagen 1/a
porque así, en ausencia de javascript, podrían también acceder a la
imagen
Dan Alcaide escribió:
Hola, no se si es un tema que se pueda plantear en esta lista, la
cuestion
es que tengo unos pseudo-enlaces en javascript (creo que se llaman
asi) este
es el codigo:
a href=javascript:void(0)
onclick=document.getElementById('imagen').src
= 'imagenes/imagen1.jpg'imagen 1/a
Lo que hace es que me cambia la imagen que tengo en un div.
Pero me da la sensación que no es accesible, ya que depende del
usuario si
tiene activado javascript y el href del enlace no apunta a nada.
¿Hay
alguna
forma de hacerlo mas accesible? O por ejemplo para navegadores que
no acepten CSS y javascript ¿puedan ver todas las imágenes sin
depender
de
estos dos últimos?
No se si me explico.
Salu2.
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.5.488 / Virus Database: 269.13.30/1029 - Release Date:
24/09/2007
19:09
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a
Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte
en la siguiente
dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Bug 3 PX en IE6
Hola Tamara: También había probado ponerle un width pero si lo hago, y
cambio la resolución de pantalla a una menor, se desmorona al caja, y
pretendo que se mantenga uniforme independientemente de la
resolución...
Muchas gracias de todas formas!!
El 25/09/07, Tamara Forza [EMAIL PROTECTED] escribió:
Hola Belen,
prueba flotar a la izquierda también la caja:
.iconos .principal {
float:left;
}
Si no se ve bien en FF prueba definirle también un width.
Espero te sirva.
Un saludo,
Tamara
On 9/25/07, Belen Zumalacarregui [EMAIL PROTECTED] wrote:
Hola Inmaculada:
El margin y el padding estan a 0, y si las floto a la izquierda las 3,
es raro, pero en FF se ve mal!! Sale cada una por un lado...
Tal vez sea que debería distribuir las capas de otra forma para que de
paso , también pudieran crecer verticalmente si hay más texto..
Muchas gracias por responder!!
Saludos
El 25/09/07, Inmaculada Hidalgo Berni
[EMAIL PROTECTED] escribió:
Hola Belén,
Ese mismo problema lo tuve yo el otro día. Tienes que flotar todas las
capas
a la izquierda y poner el padding y el margin a 0 en las tres capas.
Venga, ánimo, no desesperes.
Un saludo
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:
[EMAIL PROTECTED]
En nombre de Belen Zumalacarregui
Enviado el: martes, 25 de septiembre de 2007 17:22
Para: Ovillo, la lista de CSS en castellano
Asunto: [Ovillo] Bug 3 PX en IE6
Hola a todos, se que es una tontería pero debe ser que ya la cabeza
no me da para más y me he bloqueado. Mi problema son los 3 pixeles
dichosos que deja IE6 cuando flotas varios divs. Lo he intentado todo,
he mirado todos los posts que hay de
The IE6 Three Pixel Text-Jog pero no me termina de cuadrar.
El caso es que tengo que conseguir una caja, a base de 3 divs, uno con
la imagen de fondo del borde redondeado izq, otro con una img de fondo
que se repita en y según el ancho del texto,y otra con el borde
derecho.
El código sería:
div class=iconos
div class=top_iconos/divborde izq
div class=bottom_iconos/div--borde derecho
div class=principal/div---texto
/div
Y los estilos los he puesto así:
#central .iconos .top_iconos{
background: url(../images/admin_izq.gif) no-repeat left top;
height: 287px;
width: 27px;
float:left;
font-size:1px;
}
#central .iconos .principal{
background: url(../images/bg_admin.gif) repeat-x left top;
height: 287px;
float:none;
}
#central .iconos .bottom_iconos{
background: url(../images/admin_dch.gif) no-repeat left top;
height: 287px;
width: 28px;
float:right;
font-size:1px;
}
¿Qué estoy haciendo mal para que salgan 3 pixeles por la dcha y otros
3 por la izq?
Muchas gracias
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
__ NOD32 2353 (20070625) Information __
This message was checked by NOD32 antivirus system.
http://www.eset.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un 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] Formulario-menú
A mi me parecería adecuado para un menú tipo quick jump para un documento
my largo (para el pie) donde el usuario pueda saltar a otra área de
interes rápidamente. Como por ejemplo en los foros, donde los temas no se
pueden organizar como un menú regular.
El día 25/09/07, Almorca [EMAIL PROTECTED] escribió:
Pues como menú es horrible ya que se carga toda la semántica de la web
y además no sé como funcionará de cara a los buscadores.
El 25/09/07, jaume op [EMAIL PROTECTED] escribió:
Hoy me encontre con esto ,buscando cosillas y de hecho en una web lo
vi
puesto.
Parece una forma de gestionar un menu desplegable, hast aque punto es
lógico.
Alguna opinión por mera curiosidad.
FORM
SELECT NAME=liste1 SIZE=1
OPTION SELECTED VALUE= Links to visit
OPTION VALUE=link1.htmlMy first link
OPTION VALUE=link2.htmlMy second link
/SELECT
INPUT TYPE=button VALUE=Go
onClick=if (form.liste1.selectedIndex != 0)
location = form.liste1.options[form.liste1.selectedIndex].value;
else
alert('Please choose a menu item')
/FORM
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
--
We don't need no education - Pink Floyd
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
--
xNoleet ][ freelance graphic designer artist ]
http://www.dojohabit.com ][ Dôjo ]
http://www.luser-co.com ][ Lüser - Tees de diseño x Fuck Fashion! ]
http://vm.dojohabit.com ][ personal portfolio ]
http://h3x.dojohabit.com ][ experimental project ]
___
Lista de distribución Ovillo
Para escribir a la lista, envia un 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] Accesibilidad en pseudo-enlaces javascript
bueno, desde hace un tiempo esto se practico añadiendo un pequeño
icono al final del enlace, que es pista suficiente de que son enlaces
especiales. Y desde CSS podemos añadir este icono.
On 9/25/07, Emmanuelle Gutiérrez y Restrepo [EMAIL PROTECTED] wrote:
Hola Hari,
No, con el title no es suficiente porque lamentablemente no es seguro que la
información que contiene llegue a todos los usuarios. Así que lo mejor es
informar en el propio texto del documento, antes del enlace o dentro del
propio enlace.
Saludos,
Emmanuelle
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de Hari Seldon
Enviado el: martes, 25 de septiembre de 2007 16:28
Para: 'Ovillo, la lista de CSS en castellano'
Asunto: Re: [Ovillo] Accesibilidad en pseudo-enlaces javascript
Totalmente de acuerdo, si se abre ventana nueva, se debe de avisar al
usuario; con un title debería de ser suficiente, ¿no?
Un saludo :)
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:ovillo-
[EMAIL PROTECTED] En nombre de Emmanuelle Gutiérrez y Restrepo
Enviado el: martes, 25 de septiembre de 2007 12:06
Para: 'Ovillo, la lista de CSS en castellano'
Asunto: Re: [Ovillo] Accesibilidad en pseudo-enlaces javascript
Bien por el javascript no intrusivo, pero lo del target blank ya es
otra cosa.
Es preferible, altamente recomendable, no usar target blank. Pero si
por cualquier razón no queda más remedio, se debe advertir al usuario
que el documento se abrirá en una nueva ventana.
Saludos,
Emmanuelle
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:ovillo-
[EMAIL PROTECTED] En nombre de Hari Seldon Enviado el: martes,
25 de septiembre de 2007 12:01
Para: 'Ovillo, la lista de CSS en castellano'
Asunto: Re: [Ovillo] Accesibilidad en pseudo-enlaces javascript
Y sería todavía más elegante, así:
a href=imagenes/imagen1.jpg target=_blankimagen 1/a
script language=javascript
anchors = document.getElementByTag('a'); l = anchors.lenght; for (var
i=0;
i++; il) { anchors[i].href = ''; anchors[i].target = '';
anchors[i].onclick
= function() {
document.getElementById('imagen').src ='imagenes/imagen1.jpg';
return(false);
}
}
/script
Vamos, con javascript no intrusive...
Ojo, que el código lo he hecho sobre el email directamente, y ni lo he
probado.. O sea que probablemente esté mal; pero da una idea de lo que
se pretende.
Lógicamente, este código es muy mejorable, porque aquí recorremos
todos los elementos A de la página y le asociamos el mismo código para
el onclick; pero vamos, jugando un poquito, es fácil de cambiar.
Un saludo
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:ovillo-
[EMAIL PROTECTED] En nombre de David Pardo Enviado el:
martes,
25 de septiembre de 2007 10:48
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Accesibilidad en pseudo-enlaces javascript
Sería mucho mejor:
a href=imagenes/imagen1.jpg
onclick=document.getElementById('imagen').src =
'imagenes/imagen1.jpg';return(false)imagen 1/a
porque así, en ausencia de javascript, podrían también acceder a la
imagen
Dan Alcaide escribió:
Hola, no se si es un tema que se pueda plantear en esta lista, la
cuestion
es que tengo unos pseudo-enlaces en javascript (creo que se llaman
asi) este
es el codigo:
a href=javascript:void(0)
onclick=document.getElementById('imagen').src
= 'imagenes/imagen1.jpg'imagen 1/a
Lo que hace es que me cambia la imagen que tengo en un div.
Pero me da la sensación que no es accesible, ya que depende del
usuario si
tiene activado javascript y el href del enlace no apunta a nada.
¿Hay
alguna
forma de hacerlo mas accesible? O por ejemplo para navegadores que
no acepten CSS y javascript ¿puedan ver todas las imágenes sin
depender
de
estos dos últimos?
No se si me explico.
Salu2.
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.5.488 / Virus Database: 269.13.30/1029 - Release Date:
24/09/2007
19:09
___
Lista de distribución Ovillo
Para escribir a la lista, envia un 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
Re: [Ovillo] Bug 3 PX en IE6
Y flotando a la izquierda la caja central no te vale? Sin ponerle ningun
width debería ajustarse al contenido... de todas forma no lo he probado.
Un saludo!
On 9/25/07, Belen Zumalacarregui [EMAIL PROTECTED] wrote:
Hola Tamara: También había probado ponerle un width pero si lo hago, y
cambio la resolución de pantalla a una menor, se desmorona al caja, y
pretendo que se mantenga uniforme independientemente de la
resolución...
Muchas gracias de todas formas!!
El 25/09/07, Tamara Forza [EMAIL PROTECTED] escribió:
Hola Belen,
prueba flotar a la izquierda también la caja:
.iconos .principal {
float:left;
}
Si no se ve bien en FF prueba definirle también un width.
Espero te sirva.
Un saludo,
Tamara
On 9/25/07, Belen Zumalacarregui [EMAIL PROTECTED] wrote:
Hola Inmaculada:
El margin y el padding estan a 0, y si las floto a la izquierda las 3,
es raro, pero en FF se ve mal!! Sale cada una por un lado...
Tal vez sea que debería distribuir las capas de otra forma para que de
paso , también pudieran crecer verticalmente si hay más texto..
Muchas gracias por responder!!
Saludos
El 25/09/07, Inmaculada Hidalgo Berni
[EMAIL PROTECTED] escribió:
Hola Belén,
Ese mismo problema lo tuve yo el otro día. Tienes que flotar todas
las
capas
a la izquierda y poner el padding y el margin a 0 en las tres capas.
Venga, ánimo, no desesperes.
Un saludo
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:
[EMAIL PROTECTED]
En nombre de Belen Zumalacarregui
Enviado el: martes, 25 de septiembre de 2007 17:22
Para: Ovillo, la lista de CSS en castellano
Asunto: [Ovillo] Bug 3 PX en IE6
Hola a todos, se que es una tontería pero debe ser que ya la cabeza
no me da para más y me he bloqueado. Mi problema son los 3 pixeles
dichosos que deja IE6 cuando flotas varios divs. Lo he intentado
todo,
he mirado todos los posts que hay de
The IE6 Three Pixel Text-Jog pero no me termina de cuadrar.
El caso es que tengo que conseguir una caja, a base de 3 divs, uno
con
la imagen de fondo del borde redondeado izq, otro con una img de
fondo
que se repita en y según el ancho del texto,y otra con el borde
derecho.
El código sería:
div class=iconos
div class=top_iconos/divborde izq
div class=bottom_iconos/div--borde derecho
div class=principal/div---texto
/div
Y los estilos los he puesto así:
#central .iconos .top_iconos{
background: url(../images/admin_izq.gif) no-repeat left top;
height: 287px;
width: 27px;
float:left;
font-size:1px;
}
#central .iconos .principal{
background: url(../images/bg_admin.gif) repeat-x left top;
height: 287px;
float:none;
}
#central .iconos .bottom_iconos{
background: url(../images/admin_dch.gif) no-repeat left top;
height: 287px;
width: 28px;
float:right;
font-size:1px;
}
¿Qué estoy haciendo mal para que salgan 3 pixeles por la dcha y
otros
3 por la izq?
Muchas gracias
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente
dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
__ NOD32 2353 (20070625) Information __
This message was checked by NOD32 antivirus system.
http://www.eset.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente
dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un 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
Re: [Ovillo] Bug 3 PX en IE6
lo gracioso es que en IE 6 y 7 funciona perfecto pero no en FF, por
hoy lo dejo con width en porcentajes, y todas las capas flotando a la
izq que así al menos se ve bien en los 3...
Muchísimas gracias!
El 25/09/07, Tamara Forza [EMAIL PROTECTED] escribió:
Y flotando a la izquierda la caja central no te vale? Sin ponerle ningun
width debería ajustarse al contenido... de todas forma no lo he probado.
Un saludo!
On 9/25/07, Belen Zumalacarregui [EMAIL PROTECTED] wrote:
Hola Tamara: También había probado ponerle un width pero si lo hago, y
cambio la resolución de pantalla a una menor, se desmorona al caja, y
pretendo que se mantenga uniforme independientemente de la
resolución...
Muchas gracias de todas formas!!
El 25/09/07, Tamara Forza [EMAIL PROTECTED] escribió:
Hola Belen,
prueba flotar a la izquierda también la caja:
.iconos .principal {
float:left;
}
Si no se ve bien en FF prueba definirle también un width.
Espero te sirva.
Un saludo,
Tamara
On 9/25/07, Belen Zumalacarregui [EMAIL PROTECTED] wrote:
Hola Inmaculada:
El margin y el padding estan a 0, y si las floto a la izquierda las 3,
es raro, pero en FF se ve mal!! Sale cada una por un lado...
Tal vez sea que debería distribuir las capas de otra forma para que de
paso , también pudieran crecer verticalmente si hay más texto..
Muchas gracias por responder!!
Saludos
El 25/09/07, Inmaculada Hidalgo Berni
[EMAIL PROTECTED] escribió:
Hola Belén,
Ese mismo problema lo tuve yo el otro día. Tienes que flotar todas
las
capas
a la izquierda y poner el padding y el margin a 0 en las tres capas.
Venga, ánimo, no desesperes.
Un saludo
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:
[EMAIL PROTECTED]
En nombre de Belen Zumalacarregui
Enviado el: martes, 25 de septiembre de 2007 17:22
Para: Ovillo, la lista de CSS en castellano
Asunto: [Ovillo] Bug 3 PX en IE6
Hola a todos, se que es una tontería pero debe ser que ya la cabeza
no me da para más y me he bloqueado. Mi problema son los 3 pixeles
dichosos que deja IE6 cuando flotas varios divs. Lo he intentado
todo,
he mirado todos los posts que hay de
The IE6 Three Pixel Text-Jog pero no me termina de cuadrar.
El caso es que tengo que conseguir una caja, a base de 3 divs, uno
con
la imagen de fondo del borde redondeado izq, otro con una img de
fondo
que se repita en y según el ancho del texto,y otra con el borde
derecho.
El código sería:
div class=iconos
div class=top_iconos/divborde izq
div class=bottom_iconos/div--borde derecho
div class=principal/div---texto
/div
Y los estilos los he puesto así:
#central .iconos .top_iconos{
background: url(../images/admin_izq.gif) no-repeat left top;
height: 287px;
width: 27px;
float:left;
font-size:1px;
}
#central .iconos .principal{
background: url(../images/bg_admin.gif) repeat-x left top;
height: 287px;
float:none;
}
#central .iconos .bottom_iconos{
background: url(../images/admin_dch.gif) no-repeat left top;
height: 287px;
width: 28px;
float:right;
font-size:1px;
}
¿Qué estoy haciendo mal para que salgan 3 pixeles por la dcha y
otros
3 por la izq?
Muchas gracias
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente
dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
__ NOD32 2353 (20070625) Information __
This message was checked by NOD32 antivirus system.
http://www.eset.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente
dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Bug 3 PX en IE6
Mmmm.. y si haces 2 estilos? uno para firefox y uno condicional para IE?
por ejemplo:
!--[if lt IE 7.]
link href=ie.css rel=stylesheet type=text/css /
![endif]--
así mantienes tu hoja de estilos para firefox y solo agregas los cambios
para que se vea bien en FF
Belen Zumalacarregui escribió:
lo gracioso es que en IE 6 y 7 funciona perfecto pero no en FF, por
hoy lo dejo con width en porcentajes, y todas las capas flotando a la
izq que así al menos se ve bien en los 3...
Muchísimas gracias!
El 25/09/07, Tamara Forza [EMAIL PROTECTED] escribió:
Y flotando a la izquierda la caja central no te vale? Sin ponerle ningun
width debería ajustarse al contenido... de todas forma no lo he probado.
Un saludo!
On 9/25/07, Belen Zumalacarregui [EMAIL PROTECTED] wrote:
Hola Tamara: También había probado ponerle un width pero si lo hago, y
cambio la resolución de pantalla a una menor, se desmorona al caja, y
pretendo que se mantenga uniforme independientemente de la
resolución...
Muchas gracias de todas formas!!
El 25/09/07, Tamara Forza [EMAIL PROTECTED] escribió:
Hola Belen,
prueba flotar a la izquierda también la caja:
.iconos .principal {
float:left;
}
Si no se ve bien en FF prueba definirle también un width.
Espero te sirva.
Un saludo,
Tamara
On 9/25/07, Belen Zumalacarregui [EMAIL PROTECTED] wrote:
Hola Inmaculada:
El margin y el padding estan a 0, y si las floto a la izquierda las 3,
es raro, pero en FF se ve mal!! Sale cada una por un lado...
Tal vez sea que debería distribuir las capas de otra forma para que de
paso , también pudieran crecer verticalmente si hay más texto..
Muchas gracias por responder!!
Saludos
El 25/09/07, Inmaculada Hidalgo Berni
[EMAIL PROTECTED] escribió:
Hola Belén,
Ese mismo problema lo tuve yo el otro día. Tienes que flotar todas
las
capas
a la izquierda y poner el padding y el margin a 0 en las tres capas.
Venga, ánimo, no desesperes.
Un saludo
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:
[EMAIL PROTECTED]
En nombre de Belen Zumalacarregui
Enviado el: martes, 25 de septiembre de 2007 17:22
Para: Ovillo, la lista de CSS en castellano
Asunto: [Ovillo] Bug 3 PX en IE6
Hola a todos, se que es una tontería pero debe ser que ya la cabeza
no me da para más y me he bloqueado. Mi problema son los 3 pixeles
dichosos que deja IE6 cuando flotas varios divs. Lo he intentado
todo,
he mirado todos los posts que hay de
The IE6 Three Pixel Text-Jog pero no me termina de cuadrar.
El caso es que tengo que conseguir una caja, a base de 3 divs, uno
con
la imagen de fondo del borde redondeado izq, otro con una img de
fondo
que se repita en y según el ancho del texto,y otra con el borde
derecho.
El código sería:
div class=iconos
div class=top_iconos/divborde izq
div class=bottom_iconos/div--borde derecho
div class=principal/div---texto
/div
Y los estilos los he puesto así:
#central .iconos .top_iconos{
background: url(../images/admin_izq.gif) no-repeat left top;
height: 287px;
width: 27px;
float:left;
font-size:1px;
}
#central .iconos .principal{
background: url(../images/bg_admin.gif) repeat-x left top;
height: 287px;
float:none;
}
#central .iconos .bottom_iconos{
background: url(../images/admin_dch.gif) no-repeat left top;
height: 287px;
width: 28px;
float:right;
font-size:1px;
}
¿Qué estoy haciendo mal para que salgan 3 pixeles por la dcha y
otros
3 por la izq?
Muchas gracias
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente
dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
__ NOD32 2353 (20070625) Information __
This message was checked by NOD32 antivirus system.
http://www.eset.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente
dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en
Re: [Ovillo] Contacto
QUE JUAN NO PONGA UNA DIRECCION CON AUTO RESPUESTA PÄRA LA LISTA DE OVILLOO! Matías [image: http://www.zaikoms.com.ar/pie.jpg] ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
