Re: [Ovillo] Carga de todas las imágenes del CSS
2008/6/23 Tei [EMAIL PROTECTED]: 2008/6/23 Alvarez Laurnaga, Jose Antonio [EMAIL PROTECTED]: El planteamiento sería hacer que las imágenes no rederizadas por el navegador y que pertenezcan a otras páginas del mismo sitio ya estén en la cache, claro que me refiero a imágenes de tipo viñetas, botones, banners Siempre puedes crear una única imagen grande que contenga las viñetas, botones etc. luego por background-position haces que en cada caso se vea el trozo que te interesa. Tardará un poco la primera vez, pero luego ya la imagen grande que contiene las pequeñas estará cacheada para toda la web. Lo mismo hacen los desarrolladores de juegos con las texturas. Tienes que ver si te compensa el retardo inicial a cambio de la ventaja de tener todas las imágenes cacheadas desde la primera página. A veces compensa y a veces no. Pero sin javascript ;-) Otra técnica que se puede utilizar puntualmente. Es embeber el gráfico en el fichero CSS utilizando el protocolo data:image/gif, Si los ficheros son pequeños y el servidor sirve los css con gzip, no hay perdida de rendimiento significativa. ___ Lista de distribución Ovillo Para 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 Yo lo que hago es cargar todas las imagenes en un div oculto (display : none o position - ) al final de la página. Esto también sirve para si tienes imagenes que se cargan cuando pasas el ratón sobre algo. Osea, te creas un div con clas oculto, y dentro de ese div metes las imagenes que quieras precargar. No lo he probado con muchas imagenes, pero creo que primero carga toda la página y luego sigue cargando las imagenes estas. Espero que os sirva. -- Igor Ormaetxebarria www.txurdi.net blog.txurdi.net igor at txurdi.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Esquinas redondeadas
Yo uso una técnica de CSS solo: snazzy[1], y me parece bastante chula. La he usado en IE y funciona bastante bien, aunque si lo complicas un poco igual hay que poner un par de hacks :-) Al resto de la lista: que os parece esta técnica? lo digo porque usa alguna etiqueta en la que no mete ningún texto, y en un principio me pareció un poco extraño, pero luego , pensando :-), me di cuenta que son solo para el diseño, y que un navegador de texto, por ejemplo, pasará de ello, como tiene que ser, no? Echadle un vistazo y comentadlo, que merece la pena... [1] http://www.cssplay.co.uk/boxes/snazzy.html Miguel Sánchez wrote: Hola. Personalmente me quedo con Nifty Corners, que ya va por su segunda versión: http://pro.html.it/niftycube/ Utiliza JS+CSS, pero desactivando Javascript las páginas quedan perfectas, salvo que obviamente las esquinas ya no salen redondeadas :) Saludos. --- Miguel Sánchez www.miguelsanchez.com Martin Bavio wrote: Hola, les escribo con el motivo de que me aclaren algo bastante puntual. Por primera vez voy a utilizar tecnicas para hacer esquinas redondeadas en mis hojas de estilo. El problema esta en que encontre varios tipos de tecnicas, a las cuales resumo a continuacion: - Basado en imagenes y CSS. -Basado en javascript y CSS. - Puro CSS. Me gustaria saber cual es la mejor tecnica, y dentro de esta la mejor solucion implementada en la actualidad. 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://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] Como insertar un flash siguiendo los es tándares lo mejor posible
Gracias a todos por responder, al final me he decidido por el FLACCESS,
aunque he tenido que modificarlo un poco para poner tamaños relativos (he
cambiado en el js los px por %) y furrula bien. (valida W3C :-)
podéis ver una prueba en www.txurdi.net/pello
Lo he probado en IE y firefox, y se redimensiona bien.
Si se desactiva javascript o no se tiene flash se verá una página HTML
alternetiva, que en este caso me parece la opción más correcta no?
Agradecería que lo probarais en otros navegadores (sobre todo MAC, que es lo
que usa el interesado) y me digáis que tal se ve.
un saludo,
txurdi.
- Original Message -
From: Orange at GMail [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Friday, September 16, 2005 8:40 PM
Subject: Re: [Ovillo] Como insertar un flash siguiendo los estándares lo
mejor posible
¿Y qué tal el FLACCESS de Sergi?
http://meddle.dzygn.com/esp/weblog/flash.accesible/
El día 16/09/05, Pixelperú Yahoo [EMAIL PROTECTED] escribió:
Prueba con lo sgte, considerando redimensionar las medidas originales del
archivo FLA
HTML
div id=banner !--Animación Flash--
h1 class=hiddenWeb de Pello./h1
object type=application/x-shockwave-flash data=PelloCV.swf
width=100% height=100%
param name=movie value=PelloCV.swf /
param name=menu value=false /
img src=images/pellocv.jpg alt=Web de Pello./
/object
/div
CSS
#container {
background: #fff ;
margin: 0 auto;
text-align: left;
padding: 0;
width: 100%;
height:100%;
}
#hidden, .hidden,
{display:none;}
Miguel Flores Franco
Pixelperu
Arte, Diseño, Web y Teletrabajo
http://www.pixelperu.com
Cel.: (1) 9330 8572 | Telf.: (1) 567 7475
MSN: [EMAIL PROTECTED]
Arrieros somos, y en el camino nos vemos
- Original Message -
From: Igor Ormaetxebarria [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Friday, September 16, 2005 12:13 PM
Subject: [Ovillo] Como insertar un flash siguiendo los estándares lo mejor
posible
Hola lista,
un amigo me ha pedido que le meta en un html su CV hecho en flash, y
quiero hacerlo lo más estandar y accesible posible (dentro de las
limitaciones del flash, claro).
He hecho una prueba, y en IE aparece como yo quiero (ocupando el máximo
de
pantalla aunque redimensiones) pero en Mozilla se ve pequeño. Que puedo
hacer?
Este es el código que he escrito:
[www.txurdi.net/pellohttp://www.txurdi.net/pello
]
!DOCTYPE html
PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;
html xmlns=http://www.w3.org/1999/xhtml; xml:lang=es lang=es
head
meta http-equiv=Content-Type content=text/html; charset=iso-8859-1
/
meta http-equiv=content-language content=es /
meta name=keywords content=Pello Irizar diseño /
meta name=description content=Web de Pello. /
titlePello Irizar Huguet./title
/head
body
OBJECT classid=clsid:D27CDB6E-AE6D-11cf-96B8-44455354
codebase=
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0
WIDTH=100% HEIGHT=100% id=PelloCV
PARAM NAME=movie VALUE=PelloCV.swf
PARAM NAME=quality VALUE=high
PARAM NAME=bgcolor VALUE=#FF
EMBED src=PelloCV.swf quality=high bgcolor=#FF WIDTH=100%
HEIGHT=100%
NAME=PelloCV ALIGN= TYPE=application/x-shockwave-flash
PLUGINSPAGE=http://www.macromedia.com/go/getflashplayer;
/EMBED
/OBJECT
/body
/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://ovillo.org/mailman/listinfo/ovillo
__
Renovamos el Correo Yahoo!
Nuevos servicios, más seguridad
http://correo.yahoo.es
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
--
Orange at GMail
___
Lista de distribución Ovillo
Para 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] Como insertar un flash siguiendo los est ándares lo mejor posible
Hola lista, un amigo me ha pedido que le meta en un html su CV hecho en flash, y quiero hacerlo lo más estandar y accesible posible (dentro de las limitaciones del flash, claro). He hecho una prueba, y en IE aparece como yo quiero (ocupando el máximo de pantalla aunque redimensiones) pero en Mozilla se ve pequeño. Que puedo hacer? Este es el código que he escrito: [www.txurdi.net/pello] !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd; html xmlns=http://www.w3.org/1999/xhtml; xml:lang=es lang=es head meta http-equiv=Content-Type content=text/html; charset=iso-8859-1 / meta http-equiv=content-language content=es / meta name=keywords content=Pello Irizar diseño / meta name=description content=Web de Pello. / titlePello Irizar Huguet./title /head body OBJECT classid=clsid:D27CDB6E-AE6D-11cf-96B8-44455354 codebase=http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0; WIDTH=100% HEIGHT=100% id=PelloCV PARAM NAME=movie VALUE=PelloCV.swf PARAM NAME=quality VALUE=high PARAM NAME=bgcolor VALUE=#FF EMBED src=PelloCV.swf quality=high bgcolor=#FF WIDTH=100% HEIGHT=100% NAME=PelloCV ALIGN= TYPE=application/x-shockwave-flash PLUGINSPAGE=http://www.macromedia.com/go/getflashplayer; /EMBED /OBJECT /body /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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] OFFTOPIC: presupuestar armado de xhtml+css
Estaría bien hacer algo de eso, y si hacemos una web sobre ello, en los contratos podría ponerse algo en plan Precios basados en el estandar X o algo así. (incluso hacer un logo tipo W3C XHTML :-) Y se podría hacer en diferentes monedas (euros, dolares etc...) Yo hablo, pero todavía no he hecho ningún proecto de pago, no se lo que se cobra... ;-) - Original Message - From: Camilo Kawerín [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Sunday, August 21, 2005 7:51 PM Subject: Re: [Ovillo] OFFTOPIC: presupuestar armado de xhtml+css Hola de nuevo y disculpen, La dirección que debía enviar es: http://ar.groups.yahoo.com/group/wsg-ar/ Ah, y sigue abierta. Entre los miembros aparece un tal [EMAIL PROTECTED], me suena conocida esa dirección :D Saludos Camilo Kawerín escribió: Pensando justamente en ese tipo de problemas, el año pasado se formó una lista de correo que después no tuvo futuro: [EMAIL PROTECTED] -- Camilo Kawerín 27Sur comunicación diseño http://www.27sur.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] listas anidadas
te iba a responder diciendo que yo mismo me habia respondido con la solución, pero me has abierto un poco más los ojos al poner en un mismo li, el href y el ul. Ahora tengo que pensar menos el diseño :-) Eso está bien no? un li puede contener texto + una lista, no? gracias a todos un saludo, txurdi - Original Message - From: Tae Sandoval Murgan [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Monday, June 13, 2005 8:23 PM Subject: Re: [Ovillo] listas anidadas Sucede que al anidar listas estas deben estar dentro de un item previo, en tu caso quedaría de la siguiente forma: div id=menu!--empieza menu_izda-- ul lia href=/index.php?cont=presentacion title=Paacute;gina inicial de la web.inicio/a ul lia href=/index.php?cont=funcionamiento_web title=Se describe el funcionamiento de esta web, diferencias entre usuarios registrados y no registrados etc...funcionamiento web/a/li /ul /li /ul /div!--fin menu-- -- Desde GNU (Ubuntu 5.04, Linux 2.6), Tae «Taecilla» Sandoval Murgan, a.k.a. Eleniel Taurendil Blog: http://atravesdelmonitor.bitacoras.com Jabber ID: [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 ___ Lista de distribución Ovillo Para 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] varias capas con mismo id
Deberías usar class en vez de id, no?
en una página los id tienen que ser únicos. Si quieres que varios divs
tengan el mismo estilo usa una clase y di que esos div son de esa clase.
XHTML:
div class=cuadro
CSS:
div.cuadro
{
lo que sea
}
- Original Message -
From: bazofia1 [EMAIL PROTECTED]
To: ovillo@lists.ovillo.org
Sent: Tuesday, June 07, 2005 10:24 PM
Subject: [Ovillo] varias capas con mismo id
Hola a todos!
Estoy trabajando en una web con xhtml+css y al validar el código me ha
dado un error.
El error es que tengo varias capas con el mismo id, lo cual no está
permitido.
La idea era que si tenía varias capas, por ejemplo así:
div id=item
bla bla bla
div/
div id=item
ble ble ble
div/
div id=item
bli bli bli
div/
poder tener el el css
#item
{
propedades;
}
de modo que todas las capas cojan las mismas propiedades.
Ahora bien, si quiero validar, tendría que llamar a cada item, de una
manera distinta, y en ese caso duplicar el código en el css o bien
indicar:
#item1 #item2 #item3
{
propiedades;
}
y nombrar a cada capa como item1, item2 e item3.
La pregunta es:
¿Existe alguna forma de que varias capas con id's distintos cojan el
mismo estilo?
es decir, ¿existe alguna forma de indicar que item1, item2 e item3 son
del TIPO item y luego en el css definir un estilo para item y que
item1,2 y 3 lo hereden?
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
___
Lista de distribución Ovillo
Para 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] centrar un div
Hola lista, tengo un problemilla, que creo que se ha tratado hace poco, pero no lo encuentro. La cosa es que quiero centrar un div. Es una página de layout 3 columnas con su encabezado y pie, y en la columna central pongo el contenido (que típico, no? es que soy un poco palurdo en diseño...) Bien, pues en el div de contenido, quiero meter un texto, que quiero centrar (no el text-align, sino la caja que contiene el texto). Exactamente lo que quiero es que tenga un tamaño máximo, porque si las lineas son muy largas no se leen bien; y eso ya lo he hecho, pero ahora me queda un margen a la derecha muy largo (mayor cuanto mayor es la resolución) y por eso quiero centrarlo. Vamos, que lo que quiero es centrar un div, pero no me vale poniendole margenes, porque no se cuanto abría que poner ya que cambia con la resolución. [En IE vale con centrar el texto de la caja que contiene mi caja, pero en Firefox no] Creo que se me entiendo, si no es así decidme y me esplayo más... ___ Lista de distribución Ovillo Para 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] centrar un div
Ya lo he conseguiido, pero todavía no se xq funciona. He hecho 2 ejemplos,
uno valido y otro no, a ver quien me explica la diferencia...
Este no funciona:
.licencia
{
margin: 0, auto;
text-align: center;
border: 1px dotted #66;
background-color: #68A3B9;
width: 200px;
padding: 0;
}
Y este si funciona:
.licencia
{
margin: 0.3em auto;
text-align: center;
width: 200px;
border: 1px dotted #66;
background-color: #68A3B9;
}
- Original Message -
From: Manuel González Noriega [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Monday, June 06, 2005 8:44 PM
Subject: Re: [Ovillo] centrar un div
On 6/6/05, Igor Ormaetxebarria [EMAIL PROTECTED] wrote:
Hola lista,
tengo un problemilla, que creo que se ha tratado hace poco, pero no lo
encuentro. La cosa es que quiero centrar un div.
Es una página de layout 3 columnas con su encabezado y pie, y en la
columna
central pongo el contenido (que típico, no? es que soy un poco palurdo en
diseño...)
Bien, pues en el div de contenido, quiero meter un texto, que quiero
centrar
(no el text-align, sino la caja que contiene el texto).
Exactamente lo que quiero es que tenga un tamaño máximo, porque si las
lineas son muy largas no se leen bien; y eso ya lo he hecho, pero ahora me
queda un margen a la derecha muy largo (mayor cuanto mayor es la
resolución)
y por eso quiero centrarlo.
Vamos, que lo que quiero es centrar un div, pero no me vale poniendole
margenes, porque no se cuanto abría que poner ya que cambia con la
resolución.
[En IE vale con centrar el texto de la caja que contiene mi caja, pero en
Firefox no]
#caja {
margin: 0 auto;
text-align:left;
}
Con auto obviamente no hace falta que sepas cuanto hay que poner :)
Ah, y para IE 5.x tienes que aplicar el text-align:center al padre de la
caja, que luego restauras.
--
Manuel
a veces :) a veces :(
pero siempre trabajando duro para Simplelógica: apariencia, experiencia y
comunicación en la web.
http://simplelogica.net # (+34) 985 22 12 65
¡Ah! y escribiendo en Logicola: http://simplelogica.net/logicola/
___
Lista de distribución Ovillo
Para 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] Duda de concepto
Hola lista, estoy a punto de subir mi web ya de una vez por todas, y me a asaltado una duda. He hecho la típico web de 3 columnas y tal, procurando que sea liquido y todo eso (que lo suyo me ha costado) y aunque el diseño (colores etc) no sea mu chulo, pos funciona bien. Por cierto, si algún diseñador tiene tiempo libre y quiere crearme un diseño bonito, fluido y gratix, que me lo diga :-) Bueno, al tema, tengo el típico menu a la izda (que lo he hecho con una lista desordenada), pero se me ha ocurrido, poner en la página inicio tbn la lista de menus, esplicando el contenido de cada uno. Y aquí mi pregunta: ¿que es mejor usar?¿una tabla, ya que son datos tabulados? o ¿una lista de definicion, ya que es termino-descripción? (espero que se entienda mi pregunta) gracias y un saludo, txurdi. ___ Lista de distribución Ovillo Para 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] parametros en la url (solucionado)
vale, ya lo he pillado, era cosa del motor de plantillas, yo le metia la dirección poniendo amp; y el cambiaba por amp; por lo que me quedaba amp;amp; y eso si que esta chungo... ok, gracias, - Original Message - From: Daniel Torres Burriel [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Thursday, May 26, 2005 7:46 PM Subject: Re: [Ovillo] parametros en la url -BEGIN PGP SIGNED MESSAGE- Hash: SHA1 Igor Ormaetxebarria wrote: pero no debí entenderlo bien, porque no me funciona. es eso, o hago alguna otra cosa mal? Pues debería. Mira como transforma el navegador la cadena de caracteres que comentas: http://www.host.com/?param1=algoparam2=algo - -- /* Daniel Torres Burriel - www.torresburriel.com /* Web design - Usability consulting - IT Press /* More info bio: www.torresburriel.com/perfil/ /* GPG key: 0x43DB2AB7 -BEGIN PGP SIGNATURE- Version: GnuPG v1.4.1 (MingW32) Comment: Using GnuPG with Thunderbird - http://enigmail.mozdev.org iD8DBQFClgtZLelthkPbKrcRAtDdAKDm0eBIaIaqLLfykVh0/UjHsHamHACeLB/L AUs3KMxVoUP45HrDJhgUNV0= =Wkt0 -END PGP SIGNATURE- ___ Lista de distribución Ovillo Para 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] Como saber resolucion de pantalla
Gracias Eva, eso era exactamente lo que quería, incluso más de lo que quería jeje. Y estoy de acuerdo en que SÍ es accesible, tanto los que tengan javascript como los que no, podrán ver la página (que al final es lo que se quiere) y los que tengan JS, además dejarán constancia de su resolución. A mi me parece perfecto. Hasta ahora había hecho algo parecido pero creando los links del login, por lo que solo si clickabas en login registraba la resolución, pero esta tarde probaré lo que me has pasado. Encima, esto es mucho más limpio que lo que yo tenía... me has alegrado el lunes :-) - Original Message - From: Eva del Campo [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Monday, May 09, 2005 11:01 AM Subject: Re: [Ovillo] Como saber resolucion de pantalla Hola, no sé si te refieres al mensaje que contestas o al que envié yo después. El código que incluí no presenta problemas de accesibilidad que yo sepa, ya que si el cliente tiene javascript desactivado, se activa el contenido de noscript, y queda contabilizado en las estadísticas como ancho = alto = n.e. (no especificado), y javascript=desactivado Utilizar javascript no merma la accesibilidad, siempre que incluyas contenido alternativo. Sin embargo, abrir una ventana nueva sólo utilizando javascript, sí que es inaccesible (independientemente de otras consideraciones de usabilidad), ya que con javascript desactivado, el enlace no funcionará en absoluto. Por cierto, según la media de las estadísticas de mis sitios, el número de visitantes con javascript desactivado no llegan al 1,5 %..yo diría que el usuario medio de windows no tiene ni idea de lo que es javascript ni de cómo se desactiva, así que mientras venga activado por defecto la gran mayoría seguirá utilizándolo. Eva Hola buenos días a todos: Pues no veo que ese codigo sea un avance en accesibilidad. No dejas de usar Javascript, con lo que sigue sin ser accesible. (Porque lo que hace el PHP que tienes es generar un código JavaScript que informa del ancho y alto de pantalla. ) Y como te han comentado no informa del ancho disponible, sino del ancho total. Ya puestos a usar JS, puedes poner el típico lanzador de ventana - window.open(url, nombre, parametros)- que lanza una nueva ventana con la url que prefieras y con las opciones que quieras incluir (scroll o sin scroll, con menu o sin menu, con barra de estado o sin ella... etc..) Creo que no hay ninguna otra forma (que no sea usar JS) para obtener la resolución del sistema cliente. Bueno, quizá podrías embeber un applet de Java que hicera lo mismo pero es si cabe menos accesible aún. Si estoy equivocado me encantaría que me ilustraseis. Gracias. Devta ___ Lista de distribución Ovillo Para 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] Centrar boton
Me estoy comiendo la cabeza, pero es que es viernes, y despues de toda la
semana...
Como puedo centrar un botón de un formulario?
y ya de paso, critiquen mi manera de plasmar un formulario:
.formulario_linea
{
clear: both;
}
.formulario_boton
{
text-align: center;
}
label,input
{
display: block;
float: left;
}
label
{
text-align: right;
width: 150px;
}
input,textarea,select,.mitext,.mipassword,.micheckbox,.miradio
{
color: #006699;
border: 1px solid #006699;
}
fieldset
{
border: 2px dotted #006699;
}
legend
{
background-color: #68A3B9;
border: 1px solid #006699;
padding: 0 0.5em;
}
form action=accion.php method=post
fieldset
legendTitulo del formulario/legend
div class=formulario_linea
label for=nombreNombre:/label
input type=text id=nombre name=nombre value= size=6 /
/div
div class=formulario_linea
label for=passPass:/label
input type=password id=pass name=pass size=6 /
/div
div class=formulario_boton
input type=submit name=LOGIN value=LOGIN
/div
/fieldset
/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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Mas de formularios, estilo a check, radio etc.
Gracias, eso era lo que queria, y en firefox va guay, pero en IE... kk
- Original Message -
From: Tae Sandoval Murgan [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Friday, April 29, 2005 8:59 PM
Subject: Re: [Ovillo] Mas de formularios, estilo a check, radio etc.
Se pueden cambiar sin usar clases. Ahora no recuerdo cual es el tipo
de los option por lo que ejemplificaré con un botón.
input[type=submit]{background-color:#aaa;}
Y así con cualquier atributo, por ejemplo, todos los enlaces con
atributo rel=alternate
a[rel=alternate]{color:#555;}
o todos las imágenes con un alt específico:
img[alt=separador gráfico]{..}
Y me tengo que ir a clases...
El 29/04/05, Igor Ormaetxebarria[EMAIL PROTECTED] escribió:
Y una pregunta general, como se cambia el estilo de todos los option
buton?
porque al fin y al cabo son inputs, no? que hay que hacer, usar
clases? o hay alguna otra manera?
--
(REGALO INVITACIONES PARA GMAIL)
Desde GNU (Ututo-e XS, Linux 2.6.7),
Tae Taecilla Sandoval Murgan
a.k.a. Eleniel Taurendil
Blog: http://atravesdelmonitor.bitacoras.com
Jabber ID: [EMAIL PROTECTED]
Correo alternativo: [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
___
Lista de distribución Ovillo
Para 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] javascript noscript
Hola otra vez a todos, ¿donde puedo encontrar las etiquetas validas para un javascript con noscript o algo por el estilo? es que el validador me da error en el noscript. un saludo, Igor (txurdi) ___ Lista de distribución Ovillo Para 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] javascript noscript
OK, gracias Carlos y MArk, creo que ya se como hacerlo, pero ahora tengo
otra pregunta:
Necesito meter en un campo hidden el valor de una funcion javascript, y si
no tiene javascript, pos otra cosa, como se hace eso accesiblemente?
yo tengo esto:
en el head:
script type=text/javascript
function dame_ancho()
{
return screen.width;
}
function dame_alto()
{
return screen.height;
}
/script
en el body, dentro de un form:
input type=hidden name=width value=javascript:dame_ancho()
input type=hidden name=height value=javascript:dame_alto()
gracias otra vez,
txurdi
- Original Message -
From: Carlos Revillo [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Friday, April 22, 2005 11:25 AM
Subject: Re: [Ovillo] javascript noscript
Igor Ormaetxebarria escribió:
Hola otra vez a todos,
¿donde puedo encontrar las etiquetas validas para un javascript con
noscript o algo por el estilo?
es que el validador me da error en el noscript.
comprueba que no tienes el noscript metido dentro de un p/p o alguna
otra etiqueta que no admita noscript dentro
no se que error te dará, pero también puede ser que lo haga que no
valide el asunto sea lo que tengas dentro del noscript.
si tienes un noscriptescribe algo/noscript no valida, pero si pones
noscriptpescribe algo/p/noscript entonces sí...
___
Lista de distribución Ovillo
Para 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] Como saber resolucion de pantalla
No consigo pasar el validador, me dice que noscript no es una etiqueta
vlida. (http://www.txurdi.net/pruebas/jscsiono/prueba1.php)
Como se hace para dar una opcin diferente a los usuarios que no tienen
javascript?
os paso mi cdigo (es PHP), y debajo pongo el cdigo generado y los errores:
CDIGO PHP:
?php
if ( (!isset($_GET['width'])) AND
(!isset($_GET['height'])) AND
(!isset($_GET['javascript'])))
{
?
!DOCTYPE html
PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;
html xmlns=http://www.w3.org/1999/xhtml; xml:lang=es lang=es
head
meta http-equiv=Content-Type content=text/html; charset=iso-8859-1 /
meta http-equiv=content-language content=es /
meta name=keywords content=txurdi /
meta name=description content=Pgina personal de txurdi. /
meta name=generator content=Dev-PHP 3.00 Alpha 4 /
meta http-equiv=Pragma content=no-cache /
titlePagina personal de txurdi/title
?php
echo script type=\text/javascript\\n;
echo
location.href=\${_SERVER['SCRIPT_NAME']}?${_SERVER['QUERY_STRING']}
. amp;width=\ + screen.width + \amp;height=\ +
screen.height;\n;
echo /script\n;
echo noscript\n;
echo meta http-equiv= \refresh\ content=\0;
url=http://www.txurdi.net${_SERVER['SCRIPT_NAME']}?${_SERVER['QUERY_STRING']}amp;javascript=desactivado\
/\n;
echo /noscript\n;
?
/head
body
pNo tienes javascript./p
/body
/html
?php
exit();
}
else
{
?
!DOCTYPE html
PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;
html xmlns=http://www.w3.org/1999/xhtml; xml:lang=es lang=es
head
meta http-equiv=Content-Type content=text/html; charset=iso-8859-1 /
meta http-equiv=content-language content=es /
meta name=keywords content=txurdi /
meta name=description content=Pgina personal de txurdi. /
meta name=generator content=Dev-PHP 3.00 Alpha 4 /
meta http-equiv=Pragma content=no-cache /
titlePagina personal de txurdi/title
/head
body
pTienes javascript, o no./p
?php echo !{$_GET['width']}! !{$_GET['height']}! !{$_GET['javascript']}!;
?
/body
/html
?php
}
?
CDIGO GENERA ESTA PGINA PARA EL VALIDADOR:
1: !DOCTYPE html
2: PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN
3: http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;
4: html xmlns=http://www.w3.org/1999/xhtml; xml:lang=es lang=es
5: head
6: meta http-equiv=Content-Type content=text/html; charset=iso-8859-1
/
7: meta http-equiv=content-language content=es /
8: meta name=keywords content=txurdi /
9: meta name=description content=Pgina personal de txurdi. /
10: meta name=generator content=Dev-PHP 3.00 Alpha 4 /
11: meta http-equiv=Pragma content=no-cache /
12: titlePagina personal de txurdi/title
13:
14: script type=text/javascript
15: location.href=/pruebas/jscsiono/prueba1.php?amp;width= +
screen.width + amp;height= + screen.height;
16: /script
17: noscript
18: meta http-equiv= refresh content=0;
url=http://www.txurdi.net/pruebas/jscsiono/prueba1.php?amp;javascript=desactivado;
/
19: /noscript
20:
21: /head
22:
23: body
24: pNo tienes javascript./p
25: /body
26: /html
ERRORES:
1.. Line 17, column 9: document type does not allow element noscript
here; assuming missing object start-tag
noscript
2.. Line 18, column 125: document type does not allow element meta here
...a1.php?amp;javascript=desactivado /
The element named above was found in a context where it is not allowed.
This could mean that you have incorrectly nested elements -- such as a
style element in the body section instead of inside head -- or two
elements that overlap (which is not allowed).
One common cause for this error is the use of XHTML syntax in HTML
documents. Due to HTML's rules of implicitly closed elements, this error can
create cascading effects. For instance, using XHTML's self-closing tags
for meta and link in the head section of a HTML document may cause the
parser to infer the end of the head section and the beginning of the
body section (where link and meta are not allowed; hence the reported
error).
3.. Line 21, column 6: end tag for object omitted, but OMITTAG NO was
specified
/head
You may have neglected to close a tag, or perhaps you meant to
self-close a tag; that is, ending it with / instead of .
4.. Line 17, column 0: start tag was here
noscript
- Original Message -
From: Eva del Campo [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano
[Ovillo] Colores en scroll
Hola a todos otra vez, Ahora tengo otro problema para validar el CSS, no se pueden usar: scrollbar-face-color: #68A3B9; scrollbar-shadow-color: #00; scrollbar-highlight-color: #A9BCE2; scrollbar-3dlight-color: #00; scrollbar-darkshadow-color: #A9BCE2; scrollbar-track-color: #A9BCE2; scrollbar-arrow-color: #00; Hay alguna manera de cambiar el color del scroll y que pase el validador? musas 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] Colores en scroll
me habs convencido, que le den a los colores, que si nos ponemos as, al final acabamos cambiando el color de la habitacin del usuario porque no pega con nuestra web jeje. - Original Message - From: Iban Rodriguez [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Thursday, April 21, 2005 12:53 PM Subject: RE: [Ovillo] Colores en scroll Quizas me equivoque, pero al parecer no valida porque supuestamente no ests autorizado a hacer eso. Es decir, las barras de navegacin forman parte del navegador del usuario. Cambiarles el color (que l mismo puede configurar en su sistema operativo) no debera ser posible. Entiendo que a veces queda bien poner todo a juego (incluso yo lo hice hace tiempo) pero mirandolo friamente al final piensas... para qu?. Porque... ya que estamos, podramos de paso cambiarle el color de la ventana del navegador para que quedase a la par con la Web. Hay que ver las scroll bars como un botn ms del navegador, igual que refrescar, home, favoritos, etc... ya no debera estar en nuestra jurisdiccin. De todas formas, puedes utilizar alternativas javascript que s sern vlidas, pero quizs no pasen el Ethic-Validator. O simplemente pasar de la validacin y hacerlo como lo tienes ahora.. y los navegadores que lo traguen lo harn, y los que no... pasarn de ello. Un saludo. __ ?php $Autor = Iban Rodriguez; // Programador, THE MOVIE ? www.themovie.org -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] nombre de Igor Ormaetxebarria Enviado el: jueves, 21 de abril de 2005 12:45 Para: Ovillo, la lista de CSS en castellano Asunto: [Ovillo] Colores en scroll Hola a todos otra vez, Ahora tengo otro problema para validar el CSS, no se pueden usar: scrollbar-face-color: #68A3B9; scrollbar-shadow-color: #00; scrollbar-highlight-color: #A9BCE2; scrollbar-3dlight-color: #00; scrollbar-darkshadow-color: #A9BCE2; scrollbar-track-color: #A9BCE2; scrollbar-arrow-color: #00; Hay alguna manera de cambiar el color del scroll y que pase el validador? musas gracias. ___ Lista de distribucin Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente direccin: 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
