Re: [Ovillo] Problemas con max-width
Sencillo: Se escribe modelo de cajas con CSS en Google y obtendrás un listado de sitios donde explican este sistema: www.disenorama.com/articulos/css/el_modelo_de_cajas.htm (no funciona el link pero ingresa este: http://www.disenorama.com/articulos/el-modelo-de-cajas-en-CSS ) http://es.wikipedia.org/wiki/Hojas_de_estilo_en_cascada (bueno) http://www.theragingche.com/traductor/bmh_tantek/ http://www.webtaller.com/construccion/lenguajes/css/lecciones/modelo-cajas-css-2.php http://www.sidar.org/recur/desdi/traduc/es/css/box.html (Buenísimo) http://www.w3c.es/Divulgacion/GuiasReferencia/CSS21/ http://www.tomatoma.ws/articulo.php?topic_id=383forum_id=28 ... etc, etc, etc. Para buscar hay que utilizar el sentido común y muchas ganas. Saludos Miguel Flores Franco Pixelperu Arte, Diseño, Web y Teletrabajo http://www.pixelperu.com http://www.pixelperu.net Telf.: +511 567 7475 MSN: [EMAIL PROTECTED] VoipBuster: pixelperu SKYPE ID: pixelperu - Original Message - From: laura [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Monday, May 01, 2006 11:02 AM Subject: Re: [Ovillo] Problemas con max-width hola, estoy de acuerdo, hay que aprender a usar el modelo de caja de CSS, pero podrias aportar algun manual o libro donde se expliquen adecuadamente estos conceptos?, yo intento aprender algo de este lenguaje y realmente hay muchas cosas que no entiendo o me parecen verdaderas montañas :S Hasta otra Laura On 5/1/06, Diego Martin @gmail.com wrote: No me malinterpreten, no estoy enojado por leer estos mensajes, sino al contrario, es un signo claro de que la gente aprende por el lado equivocado CSS. Para el que empieza, si le interesa ahorrarse miles de dolores de cabeza, tiene, por obligación, aprender el modelo de caja de CSS. Las variaciones son ínfimas entre navegadores y realmente le ayudan a uno a comprender cómo funciona, espacialmente, todos los objetos en una página web. ___ 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] Novedad en codificación Flash accesible
Hola amigos, hoy descubrí américa je, je, bueno.. literalmente hablando...
pues de los dos (2) códigos que les muestro a continuación, el segundo código
si que representa una novedad para mí, no sé ustedes.
A continuación un código flash accesible:
/*--
object type=application/x-shockwave-flash data=banner.swf width=760
height=320
param name=movie value=banner.swf/
img src=images/banner.jpg alt=Insamlingsstiftelsen Hand i Hand/
/object
--*/
Hasta ahi no pasa nada, todo suave.. no hay novedad, pero estuve revisando el
sgte. código, y el validador me muestra que también es válido en el modo
Estricto:
/*--
object type=application/x-shockwave-flash data=loader.swf width=760
height=320 onmouseover=off();
param name=movie value=banner.swf /
param name=wmode value=transparent /
a
href=http://www.macromedia.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash;
title=Get Flash Player id=flashLink
onclick=javascript:insert('flashLink');Get Flash Player/a
/object
--*/
y acá viene el meollo del asunto:
a.. No tiene especificada la etiqueta /*img src=images/banner.jpg*/
para la imagen alternativa
b.. No especifica el atributo ALT donde comunique la descripción de la
imagen alternativa.
c.. Incluye el atributo onclick (hasta ahora no sabía que pudiera
utilizarse al hacer un etiquetado para Flash alternativo, y según he leído
tiene preferencia sobre el atributo href.
Que opinión les merece?
Miguel Flores Franco
Pixelperu
Arte, Diseño, Web y Teletrabajo
http://www.pixelperu.com
http://www.pixelperu.net
Telf.: +511 567 7475
MSN: [EMAIL PROTECTED]
VoipBuster: pixelperu
SKYPE ID: pixelperu
___
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 sobre CSS y formas...
Te sugiero que cambies el color Lila al color del texto de la navegación, (mouse over) pues con el verde en degradé como que no conversa Saludos Miguel Flores Franco Pixelperu Arte, Diseño, Web y Teletrabajo http://www.pixelperu.com http://www.pixelperu.net Telf.: +511 567 7475 MSN: [EMAIL PROTECTED] VoipBuster: pixelperu SKYPE ID: pixelperu - Original Message - From: Ardilla Roja [EMAIL PROTECTED] To: ovillo@lists.ovillo.org Sent: Friday, April 28, 2006 8:38 PM Subject: [Ovillo] Mas sobre CSS y formas... Saludos, ahora, estoy tratando de darle estilo a un legend (segui su consejo y reemplaze los h2 y p por legends y fieldsets), pero no logro aplicarle ancho y alto... ya trate con display: block; y nada... el tamanio depende de la legenda... no mas... pueden ver lo q digo en www.kamikaze.com.mx/beta ... ___ 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] div como caja negra
No te preocupes... supongo que todos nos dimos cuenta de ello. Pero la respuesta recortada en respuesta a tu consulta recortada , si me parecció de lo mas tonta, por decir lo menos. - Original Message - From: Martin Szyszlican [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Monday, April 24, 2006 1:04 PM Subject: Re: [Ovillo] div como caja negra Hola Juan, Yo te sugeriría que Burella Juan M. wrote: Hola lista, me preguntaba si es ___ Miguel Flores Franco Pixelperu Arte, Diseño, Web y Teletrabajo http://www.pixelperu.com http://www.pixelperu.net Telf.: +511 567 7475 MSN: [EMAIL PROTECTED] VoipBuster: pixelperu SKYPE ID: pixelperu - Original Message - From: Burella Juan M. [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Monday, April 24, 2006 1:05 PM Subject: Re: [Ovillo] div como caja negra Perdón se me adelante el send, antes de escribir la consulta :-) On 4/24/06, click! [EMAIL PROTECTED] wrote: El 24/04/2006, a las 19:50, Burella Juan M. escribió: Hola lista, me preguntaba si es Yo creo que no 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 ___ 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] los 10 mejores tutoriales de CSS
Pues parece que no te leyeron y/o fuiste/fuimos ignorados así sin tan ni mas. Asi las cosas parece que no debemos esperar cambios en la actitud. En fin... Miguel Flores Franco Pixelperu Arte, Diseño, Web y Teletrabajo http://www.pixelperu.com http://www.pixelperu.net Telf.: +511 567 7475 MSN: [EMAIL PROTECTED] VoipBuster: pixelperu SKYPE ID: pixelperu - Original Message - From: Camilo Kawerín [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Sunday, April 23, 2006 2:53 PM Subject: [Ovillo] los 10 mejores tutoriales de CSS Un pequeño aporte: http://www.cameronolthuis.com/2006/04/top-10-css-tutorials/ Y hasta la semana próxima (o hasta que tenga tiempo y paciencia para revisar la lista) -- Camilo Kawerín ___ 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] Aprender por defecto y error Re: Ni idea de como modelar esto con DIV
Se me ocurre colocar la imagen de fondo con la forma que indicas (en la
cabecera) y con respecto a los links, insertar la lista numerada en un div
con un #nav{width: 400px}para link 1 -Link 2 y Link 3.
Para el div 4 podría colocar un div flotado a la derecha
Solo un comentario (tómalo a bien)
Yo asumo que estás aprendiendo a trabajar con CSS, y requieres de cierto
consejo (acá vas a encontrar varios) pero por qué comprometerse en coger un
proyecto a luces complejo para tu entendimiento y no coger un proyecto más
sencillo para ir aprendiendo a pasos, empapándote bien con cada nueva
complejidad que se vaya presentando en cada proyecto? y no fecha a fecha?.
Me tomé el trabajo de contarte 67 participaciones con consultas desde el 19
e enero y tu ranking en los TOP 7 dayses:
4 consultas -- 21-03-2006
5 consultas -- 20-03-2006
6 consultas -- 03-04-2006
6 consultas -- 04-04-2006
7 consultas -- 12-04-2006
9 consultas -- 20-04-2006
6 consultas -- 21-04-2006 -- puedes pasar adelante en esta fecha ;-)
Es entendible el que a uno le gusten los retos, pero no es mala idea ir
aprendiendo por defecto y error de la ano con un buen turorial, cual si
fuese un curso on line.
Ahora, sea un proyecto laboral o un proyecto de estudios te dejo estos
sitios con muy buenos recursos:
http://www.desarrolloweb.com/articulos/181.php
http://www.csszengarden.com/
www.disenorama.com
http://listapart.com/
Y acá esta lo que consultabas en correo anterior, para que te muestre las
propiedades de las hojas de estilo.
http://www.pangea.org/pacoc/manuales/manual2.htm#display (muy bueno)
http://html.programacion.net/dinamico/tutorial/dhtm21.htm (este es otro muy
bueno, y te lo recomiendo)
Saludos,
Miguel Flores Franco
Pixelperu
Arte, Diseño, Web y Teletrabajo
http://www.pixelperu.com
http://www.pixelperu.net
Telf.: +511 567 7475
MSN: [EMAIL PROTECTED]
VoipBuster: pixelperu
SKYPE ID: pixelperu
- Original Message -
From: Reynier Perez Mira [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Thursday, April 20, 2006 9:10 PM
Subject: Re: [Ovillo] Ni idea de como modelar esto con DIV
Hola DJ Dom y gracias por responder:
He probado pero no me funciona. Parece que al principio no me explique bien.
Es algo como esto lo que quiero lograr:
-
- Link 1 - Link 2 - Link 3 - Parte de la cabecera - Link 4 -
- -
- Cabecera -
- -
-
Me explico mejor ahora?
Disculpen las molesitias
--
ReynierPM
4to. Ing. Informática
Linux User: #310201
El programador superhéroe aprende de compartir sus conocimientos. Es el
referente de sus compañeros. Todo el mundo va a preguntarle y él,
secretamente, lo fomenta porque es así como adquiere su legendaria
sabiduría: escuchando ayudando a los demás...
-Mensaje original-
De: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] En nombre de DJ-Dom
Enviado el: Thursday, April 20, 2006 10:01 PM
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Ni idea de como modelar esto con DIV
El día 21/04/06, Reynier Perez Mira
[EMAIL PROTECTED] escribió:
Hola Ernesto:
Me creo que lo entendi pero para solventar las dudas completamente,
podrias ponerme un ejemplo de como quedaria ya maquetado
(no es que me
hagas el trabajo) solo que me ayudes
Salu2
--
ReynierPM
4to. Ing. Informática
Linux User: #310201
El programador superhéroe aprende de compartir sus
conocimientos. Es
el referente de sus compañeros. Todo el mundo va a
preguntarle y él,
secretamente, lo fomenta porque es así como adquiere su legendaria
sabiduría: escuchando ayudando a los demás...
-Mensaje original-
De: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] En nombre de Ernesto
Rodríguez Ageitos Enviado el: Thursday, April 20, 2006 9:12 PM
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Ni idea de como modelar esto con DIV
- Link 1 - Link 2 - Link 3 - Parte de la cabecera -
- -
- Cabecera-
- -
O sea hay un pedazo de la imagen de la cabecera que queda
por encima
de la barra de links. Alguna ayuda con como modelar esto?
La cabecera como capa, con la imagen de fondo (con CSS), y los
enlaces, como una lista dentro de esa capa, cuidando que
la lista no
ocupe el 100% del ancho de la capa, para que se vea esa
parte de la
imagen...
Saludos,
Re: [Ovillo] Aprender por defecto y error Re: Ni idea de como modelar esto con DIV
Gracias por la corrección! Cuando los dedos están cansados, tambien tienen derecho al relajo. Saludos Miguel - Original Message - From: lpirir [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Friday, April 21, 2006 8:13 PM Subject: Re: [Ovillo] Aprender por defecto y error Re: Ni idea de como modelar esto con DIV Sólo rectificando, la dirección correcta es http://www.alistapart.com. http://listapart.com/ Y al igual que Miguel, te recomiendo empezar de a poco y de la mano de un buen manual (ya que recien empiezo). Saludo. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo ___ 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] Mis primeros porblemas
Puedes poner la dirección web ara ver lo que tu ves? Miguel Flores Franco Pixelperu Arte, Diseño, Web y Teletrabajo http://www.pixelperu.com http://www.pixelperu.net Telf.: +511 567 7475 MSN: [EMAIL PROTECTED] VoipBuster: pixelperu SKYPE ID: pixelperu - Original Message - From: Jesus Torralba Izuel [EMAIL PROTECTED] To: ovillo@lists.ovillo.org Sent: Thursday, April 20, 2006 7:40 AM Subject: Re: [Ovillo] Mis primeros porblemas Hola a todos/as, gracias por la ayuda, ahora tengo otro con el div #absoluta y es que no me parece como debería y tampoco el #pie, por que pasa esto? El 20/04/2006, a las 14:00, [EMAIL PROTECTED] escribió: Tienes que rectificar la posicion absoluta del div con id absoluta (esto tambien debes corregirlo, procura que los ids y classes tengan una correspondencia semántica con el contenido) explicacion, hazlo flotar a la derecha de uno que crees y en el que insertarás el texto principal. Tambien puedes evitar todos esos br / dandole un margin-bottom a los p del div que generes. Esto no lo he entendido muy bien, Rafa puedes explicármelo un poco? Saludos (también al otro Nabatero, je, je) ___ 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] ¿Guerra de tags de accesibilidad?
y dónde esta el parecido?? o estoy medio ceguetas? Miguel Flores Franco Pixelperu Arte, Diseño, Web y Teletrabajo http://www.pixelperu.com http://www.pixelperu.net Telf.: +511 567 7475 MSN: [EMAIL PROTECTED] VoipBuster: pixelperu SKYPE ID: pixelperu - Original Message - From: Wilfredo Rodriguez [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Thursday, April 20, 2006 1:29 PM Subject: Re: [Ovillo] ¿Guerra de tags de accesibilidad? Observen www.liebana.net y vean http://www.templatemonster.com/website-templates/7123.html , tienen un parecido fantasmagolico On 4/20/06, Fer Bernal [EMAIL PROTECTED] wrote: Jur, vaya con los de ssreyes.org... ¿habéis probado a desactivar los estilos? No es tan difícil leerse unos manuales y esforzarse un poco en ponerte al día para saber qué es eso de los niveles de accesibilidad En fin... Fernando En/na Nacho F. Carreño ha escrit: Por desgracia se ve muy a menudo. A mi me parece una falta de respeto tremenda, y por desgracia como no hay ningún organísmo que se dedique a regular este tipo de temas pues cada uno hace lo que le da la gana. Desde el 1 de Enero de 2006 todas las Webs institucionales deben de ser accesibles Nivel AA y la inmensa mayoría no lo cumplen, pero es que no sólo no cumplen el Nivel AA sino que ni siquiera les da para llegar al Nivel A. Al hilo de lo que comentas hace unas semanas vi el logo de Nivel AAA en la Web de Ayuntamiento de San Sebastián de Los Reyes [1] y como la mayoría ni siquiera cumplía el Nivel A. Les envié un correo pidiéndoles que corrigieran los errores de accesibilidad y mientras tanto eliminaran el logotipo. La respuesta fue de darse cabezazos contra la pared... me decían que se habían bajado un programa del W3C y que decia que lo cumplían todo... para echarse a llorar... evidentemente les respondí, esta vez en un tono más duro, y han quitado el logotipo. Mi impresión es que las instituciones no tienen ni idea siquiera de lo que es la accesibilidad en la Web y ni si tienen que cumplir alguna normativa de este tipo. Las empresas que llevan las Webs de estas instituciones (no todas ojo!) o pasan de todo, o se dedican a poner simplemente el logtipo, o directamente no tienen ni puñetera idea. [1] http://www.ssreyes.org - Original Message - From: Jaime Gómez Obregón [EMAIL PROTECTED] To: ovillo@lists.ovillo.org Sent: Thursday, April 20, 2006 7:30 PM Subject: [Ovillo] ¿Guerra de tags de accesibilidad? Jo, creo que la legislación española referente a la accesibilidad en las páginas web institucionales se está quedando en pongo la etiqueta del W3C-WAI y ya está: www.liebana.net Todos los enlaces a contenidos son con Javascript, amén de otros errores importantes. Estoy de acuerdo con Quasi cuando decía (hace poco), que nadie obliga a la adhesión XHTML+CSS+WAI. Pero, ¿por qué señalar en portada que se cumplen unas normas si no es verdad? Creo que la conformidad con los estándares, sin ser obligatoria, supone (a veces) un esfuerzo técnico, que las empresas o los desarrolladores están/estamos dispuestos a asumir en aras a la calidad. Y esto suele ser bueno para todos: usuarios, desarrolladores, clientes... Lo que decía hace poco Javier Sierra acerca de www.comerciosantander.com también es razonable: la web no validaba, pero eran errores menores que se corrigieron después, ya que creo que en aquel momento la web acababa de terminarse. Recuerdo unos días en los que www.w3c.es tampoco validaba :-) Pero lo de liebana.net (institucional) creo que es una pena, ya que a lo largo de todo el portal hay dos etiquetas en el pie que claman accesibilidad de nivel AA cuando esto es falso, y además se hace en detrimento de unos (personas con necesidades especiales) que son precisamente aquellos a los que la ley española (LSSI) trata de defender. No sé qué opinais de esto, ¿lo veis a menudo? ___ 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 -- /* Att. WRRH Debian User [EMAIL PROTECTED] cv = http://curriculum.asoajedrene.net blog = http://libertad.asoajedrene.net ``Software Libre'' es un asunto de libertad, no de precio. Para entender el concepto, debes pensar en ``libre'' como en ``libertad de expresión'', no como en ``cerveza gratis''. ``Software Libre'' se refiere a la libertad de los usuarios para ejecutar, copiar, distribuir, estudiar, cambiar y mejorar el software. */ ___ 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:
Re: [Ovillo] Holassss....
Hola Busco Info, la Lista de Cómputo y todas las de la Red Científica Peruana fué dada hace dos meses aproximadamente por problemas con los servidores mailman. Se ha creado una nueva y concurrida lista en Yahoo groups en http://espanol.groups.yahoo.com/group/todocomputo/ y con respecto a la opinión de Alexander Honzales, tiene sustento en la forma del e-mail. Saludos. Miguel Flores Franco Pixelperu Arte, Diseño, Web y Teletrabajo http://www.pixelperu.com http://www.pixelperu.net Telf.: +511 567 7475 MSN: [EMAIL PROTECTED] VoipBuster: pixelperu SKYPE ID: pixelperu - Original Message - From: Busco Info [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Wednesday, April 19, 2006 2:49 PM Subject: Re: [Ovillo] Hola Bueno, mil disculpas a todos. Creo que comenze mal. No pretendia ni pretendo que hagan mi trabajo. Solo pensaba que podrian orientarme a pesar de que la tematica de la lista es otro. Lo de la busqueda en google ya lo vengo haciendo desde hace buen tiempo, pero como les dije soy nuevo en esto. estoy aprendiendo por mi cuenta. LA BD que estoy utilizando se llama Isis, que por otro lado no es muy conocida, salvo por los que trabajan en bibliotecas. Bueno, muchas gracias a todos y otra vez mil disculpas no queria incomodar a nadie. Carlos El día 19/04/06, Quasi [EMAIL PROTECTED] escribió: Estoy de acuerdo contigo Reyner. Respecto a la tercera duda, podrias especificar mas? Reynier Perez Mira escribió: Haber asi no se trata a la gente pero bueno, como bien dicen debes hacer una búsqueda en el mejor amigo Google y verás que hay miles de paginas. Para remplazar los espacios en blanco usa str_replace $original = P p p; $cadena = str_replace( ,*,$original); Esto devolvería $cadena=P*p*p; Y de la tercera duda NPI Salu2 -- Saludos: Quasi ;) www.aurea.es ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] reemplazamiento de imagen
Prefiero
#contacto span { display: none; }
#contacto a {
width: 100px; height: 100px; display: block;
background-image: url(arroba.gif);
}
por lucir mejor ordenado, utilizar menos código y ser bastante práctico..
Más aun.. la codificación CSS que propones es copiosa
#arroba {
margin:0; padding:0;
position:relative;
width:100px; height:100px;
overflow:hidden;
}
#arroba span {
display:block;
position:absolute; left:0; top:0; z-index:1;
width:100px; height:100px;
margin:0; padding:0;
background:url(arroba.gif) top left no-repeat;
}
h2 id=arrobaContactospan/span/h2
Al margen que no es funcional.
Miguel Flores Franco
Pixelperu
Arte, Diseño, Web y Teletrabajo
http://www.pixelperu.com
http://www.pixelperu.net
Telf.: +511 567 7475
MSN: [EMAIL PROTECTED]
VoipBuster: pixelperu
SKYPE ID: pixelperu
- Original Message -
From: Mateo Montoto [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Tuesday, April 18, 2006 10:15 AM
Subject: Re: [Ovillo] reemplazamiento de imagen
¿alguién conoce otra manera un puquitín mejor...que la de Carlos
Desconcierto?
Esta sería una solución mejor aunque parecida:
#arroba {
margin:0; padding:0;
position:relative;
width:100px; height:100px;
overflow:hidden;
}
#arroba span {
display:block;
position:absolute; left:0; top:0; z-index:1;
width:100px; height:100px;
margin:0; padding:0;
background:url(arroba.gif) top left no-repeat;
}
h2 id=arrobaContactospan/span/h2
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de carlos campderrós
Enviado el: martes, 18 de abril de 2006 16:57
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] reemplazamiento de imagen
On 4/18/06, Mateo Montoto [EMAIL PROTECTED] wrote:
Voy a suponer que me expresado mal en mi mensaje o que no se expresarme ya
que como puedo ver quien me contesto es muy inteligente.
Cuando preguntaba:
Voy a sustituir el item contacto de mi menú de navegación por un .gif de
una arroba...¿ De que manera podría hacerlo más accesible ?
Estaba preguntado por el reemplazo de texto por una imagen por medio de
css para no tener que incluirla como contenido...¿?
bueno, entonces... quieres hacer algo así?
div id=contactoa href=contacto.htmlspanContacto/span/a/div y
en el css:
#contacto span { display: none; }
#contacto a { width: 100px; height: 100px; display: block; background-image:
url(arroba.gif);}
en ese caso, no puedes poner ni alt ni title a la imagen, y podría presentar
problemas en escenarios con css pero sin imágenes (vale, escenario raro,
pero podría suceder). Además, en la impresión de la página, en navegadores
con soporte de css, no se verá nada, ni el texto ni la imagen, puesto que
los navegadores por defecto no imprimen los colores e imágenes de fondo, y
eso no lo podrás cambiar.
si pones la imagen en el html, no tendrás ninguno de estos problemas.
Y respecto a la respuesta:
con los atributos alt y title de la imagen: img src=arroba.gif
alt=arroba title=contacto
¿el nombre de ese alt realmente te parece realmente accesible?
bueno, la costumbre hace que parezca raro, pero el 'alt' sirve para
especificar contenido idéntico y alternativo a la imágen q representa. Si la
imagen lo único q muestra es una arroba, su alt debería ser 'arroba' o '@'.
--
Si no puedes deslumbrar con tu inteligencia,
desconcierta con tus gilipolleces
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
___
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] Costo de la usabilidad en el web
Jaime, absolutamente de acuerdo contigo. Hoy me viene a la memoria un dicho que siempre tuvo y tendrá vigencia: En la tierra del ciego el tuerto es el Rey y hay quienes marquetean bien esa condición. Miguel Flores Franco Pixelperu Arte, Diseño, Web y Teletrabajo http://www.pixelperu.com http://www.pixelperu.net Telf.: +511 567 7475 MSN: [EMAIL PROTECTED] VoipBuster: pixelperu SKYPE ID: pixelperu - Original Message - From: Jaime Gómez Obregón [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Thursday, April 13, 2006 4:07 PM Subject: Re: [Ovillo] Costo de la usabilidad en el web El mié, 12-04-2006 a las 18:00 -0500, Mikercito escribió: ¿Consideran ustedes que se debería pagar adicionalmente por diseñar íntegramente con CSS y aplicando las recomendaciones de usabilidad y accesibilidad? Supongo que a veces este tipo de consideraciones técnicas entran también dentro de lo que es la estrategia comercial de cada empresa o desarrollador. Desde luego para el caso concreto que citas parece que sus argumentos son sólo una excusa: quizás prefieren decir no lo hago porque es caro a no lo hago porque no sé y no me interesa aprenderlo. O quizás su estrategia comercial es precisamente ofrecer la usabilidad y la accesibilidad como un extra que presupuestan aparte. Mi actitud es ofrecerlo como un valor añadido, como un elemento para intentar diferenciarme de otras empresas que hacen lo mismo que nosotros pero de otra manera. Otros prefieren diferenciarse por el precio, o por otras variables. -- Jaime Gómez Obregón Director Comercial ([EMAIL PROTECTED]) ITEISA - www.iteisa.com 942 544 036 - 662 256 006 ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo ___ 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] Costo de la usabilidad en el web
Hola amigos, quisiera saber vuestra opinión sobre un tema respecto del cual ya tengo opinión formada, pero que no está demás leer sus opiniones. El día de hoy circunstancialmente me topé con un sitio web cuyo fuerte es el marqueting, pero que entre sus líneas ofrecía diseño de sitios web. Bueno pues, estaba navegando luego del almuerzo así que me decidí hacer una consulta sobre el diseño de un web de 10 páginas diseñado integramente con CSS. Al recibir su respuesta, y entre otras cosas, me contestó que no hacían webs íntegramente con CSS porque son sitios más costosos en tanto se deben tener en cuenta criterios de usabilidad y accesibilidad, criterios que los clientes no están dispuestos a pagar adicionalmente.(??) (Por siacaso un web simple de 10 páginas sin base de datos ni nada especial fué cotizado en US$1885.00 incluyendo el hosting y dominio. No indicó que espacio ofrecía) Y acá viene la pregunta de fondo: ¿Consideran ustedes que se debería pagar adicionalmente por diseñar íntegramente con CSS y aplicando las recomendaciones de usabilidad y accesibilidad? De tener fundamento esa premisa, supongo que muchos de nosotros ya deberíamos estar pasando una vida de reyes diseñando sitios web usables y accesibles. Usable y accesiblemente, Miguel Flores Franco Pixelperu Arte, Diseño, Web y Teletrabajo http://www.pixelperu.com http://www.pixelperu.net Telf.: +511 567 7475 MSN: [EMAIL PROTECTED] VoipBuster: pixelperu SKYPE ID: pixelperu ___ 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) Formulario de cotizacion web
Te fumaste un wiro o que?? Miguel Flores Franco Pixelperu Arte, Diseño, Web y Teletrabajo http://www.pixelperu.com http://www.pixelperu.net Telf.: +511 567 7475 MSN: [EMAIL PROTECTED] VoipBuster: pixelperu SKYPE ID: pixelperu - Original Message - From: :: Info :: [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Tuesday, April 11, 2006 4:50 PM Subject: [Ovillo] (offtopic) Formulario de cotizacion web Estimado compañeros, ja ja: Queria consultarles si alguien tiene en un word o pdf un formulario de cotizacion web, algo que este bastante complejo para yo poder trabajar con mis clientes. Saludos. Manu ___ 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
Corrección Re: [Ovillo] DEGRADADOS CON CSS
Corrección: Incorrecto http://csszengarde.com/ Correcto http://csszengarden.com/ Miguel Flores Franco Pixelperu Arte, Diseño, Web y Teletrabajo http://www.pixelperu.com http://www.pixelperu.net Telf.: +511 567 7475 MSN: [EMAIL PROTECTED] VoipBuster: pixelperu SKYPE ID: pixelperu - Original Message - From: Coke Delta8 [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Friday, April 07, 2006 6:27 AM Subject: Re: [Ovillo] DEGRADADOS CON CSS Yo la técnica que suelo usar, es la que más he visto (solo funciona para degradados lineales) es hacer el degradado en tu editor gráfico, lineal no radial y una vez echo (de la anchura altura que te interese) dejas un imagen de 1 x tu anchura lo pones de background con css backround: url(la ruta del archivo) repeat-y left/right color principio/color final del degradado; o de tu anchura x 1 pixel i las reglas de css las mismas pero reperat-x top/boton, quizás aya algún fallo semántico ya que lo hago de memoria, no recuerdo ninguna pagina ahora mismo con algún manual o algo así, por que yo lo aprendí cotilleando las css de http://www.macromedia.com (creo que aun lo usan), un consejo para aprender todas las técnicas fíjate en diversas web (esta lista es una mina de direcciones con css muy buenos) y empieza a ver como hacen las cosas los demás, *csszengarde*.com http://csszengarde.com/y muchas iniciativas del estilo son especialmente recomendables ya que ves muchas veces los efectos que quieres (o parecidos) y varias formas de plantearlo, por lo que al final acabas haciendo una media entre todas las que ves y lo que te dicta tu propia lógica/experiencia. Y en cuanto a lo de hacerlos mediante cientenas y cientenas de elementos en css, no lo consideraría una solución valida, simplemente un buen experimento. Un saludo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo ___ 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] DEGRADADOS CON CSS
Según entiendo también es necesario utilizar JavaScript, al margen de ello, muy interesante resultado. Miguel Flores Franco Pixelperu Arte, Diseño, Web y Teletrabajo http://www.pixelperu.com http://www.pixelperu.net Telf.: +511 567 7475 MSN: [EMAIL PROTECTED] VoipBuster: pixelperu SKYPE ID: pixelperu - Original Message - From: alex [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Friday, April 07, 2006 4:12 AM Subject: Re: [Ovillo] DEGRADADOS CON CSS Hola Aquí unos links para degradados con CSS sin emplear imágenes: http://slayeroffice.com/code/gradient/ http://www.designdetector.com/2005/09/css-gradients-demo.php Espero que sean lo que buscabas. Suerte! On 4/7/06, Jaime Gómez Obregón [EMAIL PROTECTED] wrote: Me gustaría saber si se pueden hacer degradados simplemente utilizando CSS, y si es posible cómo puedo hacerlo. Técnicamente no, pero puedes utilizar una imagen con un degradado y utilizar propiedades CSS para dar estilo a los elementos de la web y lograr algunos efectos interesantes con el degradado. ¿Qué es exactamente lo que quieres conseguir? -- Jaime Gómez Obregón Director Comercial ([EMAIL PROTECTED]) ITEISA - www.iteisa.com 942 544 036 - 662 256 006 -- Alex Folch [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] Idea: Concurso de maquetación
Si es cierto que eres honesto, Color Schemer Studio te va a caer a pelo. XD http://www.colorschemer.com/ Saludos cordiales Miguel Flores Franco Pixelperu Arte, Diseño, Web y Teletrabajo http://www.pixelperu.com http://www.pixelperu.net Telf.: +511 567 7475 MSN: [EMAIL PROTECTED] VoipBuster: pixelperu SKYPE ID: pixelperu - Original Message - From: DJ-Dom [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Wednesday, April 05, 2006 12:03 PM Subject: Re: [Ovillo] Idea: Concurso de maquetación Me lo pueden regalar a mi!!, xDD, que soy un desastre con los colores :D Y los puedo gratificar con las gracias... Saludo, DJ-Dom El día 5/04/06, Ramon Lapenta [EMAIL PROTECTED] escribió: Me gusta esto, solo que lo veo un poco sin sentido si el sitio en cuestion no se va a utilizar, sería bueno que en vez de hacerl por puro deporte, se haga con sitios reales, y que queden publicados. Por ejemplo, una opcion seria buscar sitios de organizaciones de caridad o algo asi y regalarles el diseño ganador. Solo una idea ;) Martin Szyszlican escribió: Solo para divertirnos, digo. A menos que alguien pueda conseguir un sponsor que ponga dinero. Podríamos conseguir un diseño complejo, especialmente difícil de maquetar, poner ciertos parámetros: Debe cumplir con AA, debe verse bien en IE5 o superior (o podemos decir IE4), en Safari, en iCab, en Netscape 6, que se yo. El que llegue a la conclusión más accesible y mas acorde al diseño original, gana. Incluso podríamos agregar otros parámetros, como tamaño total de la descarga, calidad de los comentarios, cantidad de hacks (menos es mejor). O también podríamos, en vez de tomar un diseño nuevo, reacondicionar un sitio que veamos por ahi, de esa forma no tendremos que desarrollar contenidos y esas cosas. Se me ocurre, como un campeonato nomás, para ver quién la tiene mas larga. Me imagino que la primera crítica va a ser pero yo ya hago eso todos los días para el trabajo ... bueno, pero esta es una oportunidad de colaborar, de comparar resultados sobre el mismo trabajo y de aprender de las técnicas y el ingenio de la comunidad. Creo que podría ser interesante. A alguien le picó hasta ahora? ___ 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 -- www.dj-dom.net [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] IFrame Válido
Buenas tardes, tengo un problema que no logro resolver.
Se trata de validar una etiqueta Iframe , la cual hasta donde llegué a
manejar a través del CSS funcionó, quedandome por resolver en el HTML la
etiqueta iframe src=scroll/origen.htm /iframe
Si coloco:
iframe src=scroll/origen.htm scrolling=no width=300 height=400
/iframe
no Valida.
En el CSS
.iframe {
background-color:#EFF5F5;
border-color: #333;
padding: 5px;
overflow: hidden;
}
Parece ser que el atributo scrolling parece no ser entendido por el modo
estricto del XTML.
Alguna opción cruzando los mares?
Saludos cordiales
Miguel Flores Franco
Pixelperu
Arte, Diseño, Web y Teletrabajo
http://www.pixelperu.com
http://www.pixelperu.net
Telf.: +511 567 7475
MSN: [EMAIL PROTECTED]
VoipBuster: pixelperu
SKYPE ID: pixelperu
- Original Message -
From: Nacho F. Carreño [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Friday, March 31, 2006 5:45 AM
Subject: Re: [Ovillo] Os pido un consejillo
Yo desde luego lo maquetaría con tablas que si tienen una función es
precisamente esa, la presentación de datos. Si quieres que la Web sea
accesible recuerda marcar bien los encabezados con TH.
- Original Message -
From: DJ-Dom [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Friday, March 31, 2006 9:00 AM
Subject: Re: [Ovillo] Os pido un consejillo
Usar tablas pero de su forma correcta...o bien no estaría mal usar
listas
ya que de eso se trata... de una lista de productos...
Saludo,
DJ-Dom
El día 31/03/06, Yurkevich Contreras [EMAIL PROTECTED] escribió:
Saludos.. usando css se pueden hacer maravillas.. imitar a una tabla
usando div's, o dl's, etc.. pero creo que tratandose de data tabular
lo _CORRECTO_ seria usar tablas. Este es mi pequeño comentario con
respecto a tu duda.
2006/3/30, [EMAIL PROTECTED] [EMAIL PROTECTED]:
Hola amiguetes:
Me ha surgido una duda por un trabajillo que tengo que hacer.
En uno de sus apartados se genera un grupo de unos 20 productos sacados
de BD con su foto, titulo, etc.
En el diseño voy a poner 5 filas de 4 columnas y ahora os pido consejo
a
ver cómo lo soleis hacer vosotros
¿Estaría bien maquetarlo en una tabla o mejor usar bloques CSS para
cada
uno de los productos con su float:left, su width:25%, etc...?
No sé si hay problemas en alguno de los métodos y si los hay a ver si
me
los podeis contar.
Chas gracias amiguetes
___
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
--
www.dj-dom.net
[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
___
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
