Re: [Ovillo] handheld Css

2010-02-17 Por tema Alejandro Gonzalo Bravo García
Buenas.
Dale un vistazo al artículo de A List Apart [1], pero en pocas palabras, ese 
tipo de medio es ignorado demasiadas veces, y hay que jugar con varias hojas de 
estilos y con media query [2] para conseguir un resultado que sea más o menos 
coherente. Al parecer muchos navegadores de teléfonos móviles consideran 
inútiles las hojas de estilos handheld y lo que realmente les motiva es el 
medio screen. Saludos.
Gonzalo

www.webposible
[1] Return of the mobile 
stylesheethttp://www.alistapart.com/articles/return-of-the-mobile-stylesheet/

[2] CSS Media Query (W3C Candidate 
Recommendation)http://www.w3.org/TR/css3-mediaqueries/
--- El mié, 17/2/10, Maite Capalleja mcapall...@consultec.es escribió:

De: Maite Capalleja mcapall...@consultec.es
Asunto: [Ovillo] handheld Css
Para: ovillo@lists.ovillo.org ovillo@lists.ovillo.org
Fecha: miércoles, 17 de febrero, 2010 13:43

Hola a t...@smailto:t...@s,
estoy implementando una hoja de estilos para moviles y soy incapaz de ocultar 
los elementos que no me interesan, he utilizado el class oculto y lo he 
definirlo  de las siguientes maneras:
.oculto {
display:none;
}
.oculto {
position: absolute;
top: -1600px;
}
.oculto {
height: 0;
overflow: hidden;
}
Si lo veo en el simulador de pantalla pequeña del opera me lo sigue mostrando y 
lo mismo ocurre en el emulador http://mtld.mobi/emulator.php

Alguien se ha encontrado con este problema???
Muchas Gracias
Maite Capalleja
___
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] Curso de Xhtml

2010-01-11 Por tema Alejandro Gonzalo Bravo García
Buenas.

Jaume dice:
Yo, no soy ningun esperto programador perome llevo bien con el tema.

Sin comentarios.

Gonzalo

www.webposible

--- El lun, 11/1/10, jaume op jaum...@gmail.com escribió:

De: jaume op jaum...@gmail.com
Asunto: [Ovillo] Curso de Xhtml
Para: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Fecha: lunes, 11 de enero, 2010 08:50

Saludois a todos, y desde aqui buenos dias.

Por motivos que no vienen al caso, me han propuesto dar un pequeño curso
sobre html y css. Es un cursillo tipo de los que dan en el Servef (Centro de
Desempleados Españoles).

El caso es que me he propuesto que sea rentable a nivel académico, es decir
que les valga para algo. Yo, no soy ningun esperto programador perome llevo
bien con el tema.

Asi que muy respetuosamente me gustaria me dierais algunos consejos a modo
de como llevar a cabo la tarea. Tengo algo de material preparado, y las
ideas mas o menos claras.

Mi plan es comenzar con :

   - Accesibilidad, Estandares y Semantica
   - Etiquetas y marcas de contenido.
   - Ejercicios Html
   - Separación de contenido y presentación
   - Css

Bueno hay mas cosas pero en principio seria eso mas o menos. Gracias por
vuestra atención.
-- 
Saludos
Jaume
___
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] Buenas prácticas internet móvil

2009-11-12 Por tema Alejandro Gonzalo Bravo García
Buenas.

Hoy en día hay bastantes recursos sobre web móvil. Te comento algunos:

Mobile Web Developer's Guide 
[http://mobiforge.com/starting/story/dotmobi-mobile-web-developers-guide], se 
trata de un pdf bastante completo. Aparte de la guía (algún día publicarán una 
segunda parte, la que tiene que ver con el servidor, según dicen) merece la 
pena dar un vistazo por el sitio. Hay buenos recursos.

Y con respecto a buenas prácticas, está el documento que redactó Luca Passani 
las Global Authoring Practices for the Mobile Web 
[http://www.passani.it/gap/].

Y por decir algo más, hay que tener en cuenta que el iPhone tiene mucha 
presencia dentro de la web móvil, y conviene tenerlo en cuenta. Un vistazo a 
Safari Web Content Guide  
[http://developer.apple.com/safari/library/documentation/appleapplications/reference/safariwebcontent/Introduction/Introduction.html],
 puede resultar provechoso.

Por último, aunque la lista está un poco dormida, existe la lista de correo 
sobre web móvil [http://es.groups.yahoo.com/group/webmovil/] entre cuyas 
virtudes, está que si alguien habla de gugel guev, será expulsado :)

Un saludo

Alejandro Gonzalo Bravo García

www.webposible

--- El jue, 12/11/09, Martín Moreno martin.mor...@gmail.com escribió:

De: Martín Moreno martin.mor...@gmail.com
Asunto: [Ovillo] Buenas prácticas internet móvil
Para: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Fecha: jueves, 12 de noviembre, 2009 09:31

Además de las recomendaciones del W3C (
http://www.w3.org/TR/2006/WD-mobile-bp-20060518/), ¿alguien recomienda algún
tipo de buenas prácticas para el desarrollo de webs para móviles?

Gracias

Martí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://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] Galeria de Webs Para dispositivos Moviles

2009-09-03 Por tema A. Gonzalo Bravo
Buenas.

Aunque parezca una exageración, casi es cierto en el caso de la web móvil:
- Se puede optar por ir a una web básica que se adapte a todos los 
teléfonos móviles (desde 128 px de ancho en adelante). No vas a tener la 
mejor alternativa en casi ningún caso,  pero al menos se podrá navegar 
decentemente en  casi todas las situaciones.
- La alternativa profesional pasa por una detección de dispositivos 
(mediante WURFL o similar),  y mediante una segmentación de los 
terminales (iPhone es un caso particular, otro pueden ser los otros 
terminales táctiles con un soporte de CSS más desconocido, otro pueden 
ser para las típicas resoluciones de 320x240, otro para terminales de 
pantalla media y otro para pantallas más pequeñas), así nos aseguramos 
una experiencia de usuario óptima y se intenta aprovechar las 
características de los terminales. Obviamente, depende del tipo de 
sitio, contenidos, funcionalidades,... no es tan sencillo a priori.

Con respecto al diseño, no hay que olvidar que en terminales móviles hay 
que tener muy en cuenta el contraste (las condiciones de luminosidad 
pueden ser muy variables) y no hacer demasiadas florituras con el CSS 
(sobre todo en terminales pequeños): por experiencia propia, es mejor 
optar por lo sencillo y no complicarse la vida. El soporte de CSS en 
ocasiones es muy limitado, y algo tan sencillo como una lista de 
elementos en el que se usan imágenes en lugar de bullets, se convierte 
en un problema sin solución.
 
El concepto de One Web tiene truco :)

Saludos
Gonzalo

SoporteNuke escribió:
 Dios! y para donde es que va esto...!

 Web para el iphone, para el android...

 Seguro una web debe tener:

 1 - Una version para safari
 2 - Otra para IE4
 3 - Otra para IE5
 4 - Otra para IE7
 5 - Otra para IE8
 6 - Otra para FireFox
 7 - Otra para Opera
 8 - Otra para Chrome
 (Hacer otras para cada Sistema Operativo)
 9 - Otra para los motorolas
 10 - Otra para los sony ericcson
 11 - Otra para los nokias
 12 - Otra para 
 y otra para
 y otra 
 y 
___
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] Site con 2 dtd's

2009-07-29 Por tema A. Gonzalo Bravo
Buenas.

¿XHTML 1.1? Supongo que sabrás que se tiene que servir como 
application/xml+xhtml y que internet explorer no interpreta ese mime 
type, ¿verdad?

Se agradecería saber los motivos que se han esgrimido para tomar esa 
decisión :)

Da un vistazo a [1], pero a priori me parece mucho más prudente usar 
XHTML 1.0 servido como application/xml+xhtml para los navegadores 
decentes (eso excluye obviamente a ie, en todas sus versiones) o 
directamente text/html si no os queréis complicar la vida. Puede parecer 
una tontería, pero el cambio de tipo de tipo de documento tiene muchas 
implicaciones, y si las páginas en HTML no están *muy bien hechas*, 
puede haber muchos problemas (compatibilidad de javascript, estilos,...).

En principio, una herramienta para migrar de HTML a XHTML es HTML Tidy 
[2].

Da un vistazo también al documento de Hixie [3], aunque te recomiendo 
que te fijes en los hechos y no en sus opiniones personales.

Saludos.




Gonzalo

[1]  HTML and XHTML Frequently Answered Questions
http://www.w3.org/MarkUp/2004/xhtml-faq

[2] HTML Tidy
http://tidy.sourceforge.net/

[3] Sending XHTML as text/html Considered Harmful
http://hixie.ch/advocacy/xhtml

Rafa Artacho escribió:
 Buenos días:

 Me surge la necesidad / obligación en un site que está hecho conforme a:

 !DOCTYPE html PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN
 http://www.w3.org/TR/html4/loose.dtd;




 de comenzar a maquetar las nuevas páginas con esta dtd:

 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.1//EN 
 http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd;


 ¿conocéis algún sitio con la misma casuística?, tenéis alguna experiencia de
 este tipo, documentación al respecto?

 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

   

___
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] Bordes Redondeados

2009-07-20 Por tema A. Gonzalo Bravo
Saludos.

Eso de que Internet Explorer implementó las esquinas redondeadas 
mediante -ms-border-radius es mentira. Todo surgió en un post sobre el 
blog oficial de internet explorer [1], y entre los muchos comentarios 
que había, se hablaba de ese asunto. Pero en ningún momento el equipo de 
ie ha dicho que lo soporta.

Y entre la blogocosa hispana, alguien lo utilizó en un ejemplo de código 
[2], pero el ejemplo no era real, era ficticio. Como curiosidad, en los 
comentarios se decía que funcionaba:

-ms-border-radius: 0px 0px 0px 0px; – IE 8

y a mí, sinceramente, me hizo mucha gracia, porque obviamente se trataba 
de un chiste, ¿no? :)

Saludos.
Gonzalo

PD: Anieto2k, si estás en la lista, revisa el post, y comprueba los 
comentarios.

[1] Microsoft CSS Vendor Extensions
http://blogs.msdn.com/ie/archive/2008/09/08/microsoft-css-vendor-extensions.aspx

[2] Microsoft Internet Explorer 8 y los prefijos CSS
http://www.anieto2k.com/2008/09/09/microsoft-internet-explorer-8-y-los-prefijos-css/

Mauricio Dulce escribió:
 Hola, buscando en google encontré que internet explorer 8 soporta esta  
 sintaxis, pero al verla en dicho navegador este no las toma, alguien  
 que me pueda orientar un poco mas sobre el tema.  Recurrí a esto, por  
 que el sitio que estoy maquetando esta hecho en .net y ya saben lo  
 engorroso que puede llegar a ser a la hora de tocar el código sin  
 tener el source y que es generado por un controlador, no puedo usar  
 javascript por que los ingenieros dicen que eso cargaría aun mas la  
 aplicación, así que lo único que se me ocurrió fue intentar con css3  
 ya que internet explorer 6 y 7 no están contemplados en los  
 requerimientos del proyecto ya que es una intranet de un partner de  
 microsoft.

 CSS:
   border-radius: 3px 3px 0 0;
   -ms-border-radius-topleft: 3px; /*IE8*/
   -ms-border-radius-topright: 3px;/*IE8*/
   -moz-border-radius: 3px 3px 0 0;
   -khtml-border-radius-topleft:3px;
   -khtml-border-radius-topright:3px;
   -webkit-border-top-right-radius: 3px;
   -webkit-border-top-left-radius: 3px;


 gracias
 Mauricio Dulce
 UI/UX Designer-Developer HTML CSS
 Móvil: (57) 312 519 0288
 Teléfono: (571) 2746831
 Email: mauricio.du...@gmail.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] ¿HTML 5 YA?

2009-06-10 Por tema A. Gonzalo Bravo
Saludos.

HTML5 es un borrador que si todo sigue su curso, alcanzará el estatus de 
recomendación allá por el 2020 (no el año que viene, ni dentro de dos 
años, es dentro de diez años o más). Todavía se están decidiendo que 
elementos se quieren incluir, y nada te garantiza que elementos que 
están en el borrador actual continuen en la futura especificación. En 
CSS3 creo recordar que elementos propuestos inicialmente, se han 
modificado (mi memoria es frágil en cualquier caso).

Desde mi punto de vista, es demasiado pronto para utilizarlo. Para jugar 
y hacer experimentos, vale, ¿pero en producción? No veo motivos para 
usarlos.

Cambiando de asunto. Si estás preocupado por el SEO, aparte de todas las 
recomendaciones clásicas, te puede interesar usar XHTML+RDFa [1].  RDF 
te puede dar mucho juego, hay vocabularios bastante extendidos, aunque 
encontrar alguno que cubra necesidades muy específicas, puede ser 
complicado.
Por otro lado,  puedes usar microformatos, como el posicionamiento 
geográfico [2], para la ubicación de las parcelas (si se dispone de esa 
información).

Saludos.

Gonzalo


[1]  RDFa+XHTML
RDFa Primer
http://www.w3.org/TR/xhtml-rdfa-primer/

RDFa in XHTML: Syntax and Processing (W3C Recommendation 14 October 2008)
http://www.w3.org/TR/rdfa-syntax/

[2] Microformat Geo
http://microformats.org/wiki/geo

Tae Sandoval Murgan escribió:
 Saludos a todos:

 Acabo de leer http://www.css3.com/the-new-html-kid-on-the-block/ y me
 han dado unas ganas tremendas de usar HTML 5 en un sitio web cuyo
 propósito es la venta de parcelas, es decir, una web pensada para la
 producción y no para experimentar. Ya sé, ya sé, HTML 5 aún no es
 recomendación o estándar o lo que sea (ver comentarios en
 http://www.w3.org/QA/2009/05/_watching_the_google_io.html), y queda
 bastante tiempo antes de que sea anunciado como tal, pero según el
 artículo de CSS3.com, las etiquetas de estructura (header, footer
 y blah) parecen ser soportadas incluso por IE 6 (con un poco de
 JavaScript, pero quien no actualiza/cambia IE 6 tampoco desactiva
 JavaScript), por lo que no veo motivos para no darle un empujoncito
 más a la nueva versión de HTML luego del empujonzote de Google. ¿Qué
 opinan? Quizás si hubieran problemas con el SEO, pero lo dudo...
 ___
 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] ¿HTML 5 YA?

2009-06-10 Por tema A. Gonzalo Bravo
Buenas.

Germán:
Confió en tu criterio cuando dices que aun no podemos contar con CSS3 y 
HTML5

Gonzalo:
Pregunta más opiniones, pero yo al menos lo tengo muy claro :)


Germán:
se puede agregar RDF a nuestros sitios para mejorar el SEO y la 
estructura semántica

Gonzalo:
RDF son palabras mayores (yo intento usarlo cuando puedo), pero te 
hablaba de RDFa. Hace no mucho salió una noticia indicando que Google lo 
tenía en cuenta. De ahí mi comentario. Y también porque hoy por hoy es 
el DTD más avanzado y potente (lo cuál no significa que se los 
buscadores aprovechen nuestro esfuerzo).


Germán:
[...]pero cuando puse el trozo de código que me daba la licencia de 
Creative Commons el HTML dejó de ser válido [...]

Gonzalo:
mmm, lo dudo mucho :(


Saludos.
Gonzalo

Germán Bustos escribió:
 Gonzalo,

 Disculpa mi ignorancia crasa en el tema. Confió en tu criterio cuando dices
 que aun no podemos contar con CSS3 y HTML5, pero que ya se puede agregar RDF
 a nuestros sitios para mejorar el SEO y la estructura semántica. Me parece
 maravilloso, espero que todo eso esté en los enlaces que envías, aunque leer
 las especificaciones con frecuencia lo deja a uno más confundido, por lo
 menos a mi.

 Pero para no hablar en abstracto quiero citar un caso concreto, hace unos
 días estaba haciendo un sitio y me esforcé mucho por tener HTML válido.
 Tenia casi todo listo, pero cuando puse el trozo de código que me daba la
 licencia de Creative Commons el HTML dejó de ser válido, Como no supe que 
 hacer lo que hice fue eliminar todos los atributos que no
 validaba el W3C y seguir trabajando.

 Tánto hay por aprender...

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


[Ovillo] Forzar a que un vínculo dentro de una l ista horizontal [...] solucionado: Gracias

2007-08-14 Por tema Alejandro Gonzalo Bravo García
Saludos, y gracias por vuestras respuestas, ambas funcionaban:

Carlos Campderrós dijo:
has probado:

ul li
{
   display: block;
   float: left;
   width: 100px;
}

y tras la lista, poner un elemento que haga clear both.

Gonzalo: perfecto. Ha sido mi opción elegida :)

Y Almorca dijo:
A lo mejor lo que te voy a decir es una burrada, pero ¿has probado con 
inline-block?

Gonzalo: Con dispaly:inline-block no, pero con display:inline block sí que 
funciona perfectamente :)

Muchas gracias a todos.
 
Alejandro Gonzalo Bravo García
www.webposible.com

- Mensaje original 
De: carlos campderrós [EMAIL PROTECTED]
Para: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Enviado: lunes, 13 de agosto, 2007 17:05:54
Asunto: Re: [Ovillo] Forzar a que un vínculo dentro de una lista horizontal 
tenga un tamaño fijo

hola,

On 8/13/07, Alejandro Gonzalo Bravo García [EMAIL PROTECTED] wrote:

 ALGUIEN SABE CÓMO...
 Resumiendo todo en forma de cuestionario: Conocéis alguna forma de que una
 lista de elementos (li) se comporte...
 1.- con un salto de línea cuando no cabe en una fila
 2.- pudiendo controlar el ancho de cada elemento (para que sean
 visualmente iguales)
 3.- que se parezca a una tabla... sin que el código html sea una tabla
 4.- se aceptan varias listas horizontales (una encima de otra)
 5.- No se acepta usar una tabla, porque es una lista de elementos, no
 datos tabulares.


has probado:

ul li
{
   display: block;
   float: left;
   width: 100px;
}

y tras la lista, poner un elemento que haga clear both.

-- 
Si no puedes deslumbrar con tu sabiduría,
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://lists.ovillo.org/mailman/listinfo/ovillo







   

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


[Ovillo] Forzar a que un vínculo dentro de una l ista horizontal tenga un tamaño fijo

2007-08-13 Por tema Alejandro Gonzalo Bravo García
Saludos a todos los miembros de la lista.

OPERA
Antes de empezar, si todos los navegadores interpretasen como Opera la 
propiedad display: inline-table adecuadamente, yo no tendría éste problema, 
pero...

PROBLEMA
El problema original consistía en crear una lista de elementos de forma 
horizontal horizontal (#menu li{
display: inline;}), pero teniendo en cuenta que esta lista puede 
contener muchos elementos, y no se mostrarían visualmente en la pantalla sin 
hacer scroll. Sólo con Opera funcionaba, y nada más.

Como la opción de crear una tabla con todos los vínculos no la contemplo 
(cuestión de accesibilidad y orgullo), he buscado otra alternativa, y aunque 
tampoco me convence del todo (desde el punto de vista del buen uso del código 
deja mucho que desear), no encuentro otra solución.

IDEA ALTERNATIVA
Mi genial idea, es usar una serie de listas horizontales una debajo de otra. 
El problema, es que como cada elemento de la lista tiene un número de 
caracteres diferentes (lo normal), visualmente el resultado no se parece a una 
tabla, como a mí me gustaría. El problema, como todos sabemos, es que al 
tratarse de una lista horizontal, se trata a los elementos como inline en vez 
de block. Y con CSS no se puede especificar una longitud fija a un elemento 
que no sea bloque (como h1, h2, p, li, div,...) para dudas, consultar [1].

ALGUIEN SABE CÓMO...
Resumiendo todo en forma de cuestionario: Conocéis alguna forma de que una 
lista de elementos (li) se comporte...
1.- con un salto de línea cuando no cabe en una fila
2.- pudiendo controlar el ancho de cada elemento (para que sean visualmente 
iguales)
3.- que se parezca a una tabla... sin que el código html sea una tabla
4.- se aceptan varias listas horizontales (una encima de otra)
5.- No se acepta usar una tabla, porque es una lista de elementos, no datos 
tabulares.

Gracias por todo y a todos...

Gonzalo
www.webposible

PD: Este mensaje caduca mañana a mediodía hora española. Después, será 
demasiado tarde. Faltan por tanto 21 horas a partir de ya :)

[1] Traducción de CSS 2 (Carlos Benavidez: 10.2): Ancho del contenido: la 
propiedad 'width'
http://www.sidar.org/recur/desdi/traduc/es/css/visudet.html#propdef-width





   

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] Libros, manuales, etc... microformatos y metadatos

2007-06-29 Por tema Alejandro Gonzalo Bravo García
No...
 Los microformatos están dentro del cuerpo del documento (entre las etiquetas 
body), y los metadatos están en la cabecera del documento (entre las etiquetas 
head).

La gran ventaja de los microformatos, de hecho, su razón de existir, es que esa 
información sea útil para las personas en primer lugar, y en segundo lugar para 
las máquinas (buscadores, arañas web,...). La forma de ser útil para las 
personas, es que se puede ver (o escuchar) al navegar por una página web. En 
cambio la visibilidad de los metadatos, es un poco más complicado: se puede 
mirar el código fuente (si lo entiendes), o usar algún plugin o configuración 
especial de algunos navegadores para poder ver su contenido.

Si quieres aprender más sobre microformatos (aparte de buscar en internet), 
puedes dar un vistazo a la presentación de Luis Villa Microformatos en 
acción. Puedes encontrar el video y la descargarte la presentación en 
[http://www.ies-losenlaces.com/site/pages/departamentos/familia-profesional/informE1tica/la-web-hoy.php].
 Es genial :)

Y por supuesto, dar un vistazo a microformats.org y las herramientas para 
generar microformatos. A mí me han ayudado mucho para conocerlos.
 
Alejandro Gonzalo Bravo García
www.webposible.com

- Mensaje original 
Pedro Blanco Sta Cruz

Eso no son Microformatos?

Gonzalo:

 Acabo de descubrir que la etiqueta meta meta name=ICBM content=
 12.123456, 4.987654/ es para mostrar la situación geográfica, como lo
 hace:


 meta name=geo.position content=12.123456, 4.987654/

 saludos


 Alejandro Gonzalo Bravo García
 www.webposible.com








__ 
LLama Gratis a cualquier PC del Mundo. 
Llamadas a fijos y móviles desde 1 céntimo por minuto. 
http://es.voice.yahoo.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] Libros, manuales, etc...

2007-06-28 Por tema Alejandro Gonzalo Bravo García
Saludos.

Aparte de lo que ya ha mencionado Diego, un par de recursos que te pueden 
ayudar:

- Especificación de HTML 4.01 
[http://html.conclase.net/w3c/html401-es/cover.html] Aquí puedes aprender para 
qué se utilizan todas las etiquetas de HTML. Si alguien usa ese lenguaje y no 
ha leído la referencia, lo raro es que no cometa errores. No es exactamente un 
manual, pero sí un lugar de referencia para leerlo alguna vez y consultar dudas 
cuando surjan. Una vez que sepas HTML, aprender XHTML es sencillo: Si entras en 
la sección de traducciones del sidar 
[http://www.sidar.org/recur/desdi/traduc/es/index.php] también puedes encontrar 
especificaciones de CSS, XHTML,...

Y del código que muestras de ejemplo (tengo mis dudas de que sea correcto, a no 
ser que hayas omitido una parte importante del código):
- el  primero es un vínculo relacional (aunque esa relación en el ejemplo no 
está definida). Más información en 
[http://www.sidar.org/recur/desdi/traduc/es/html401-es/types.html#type-links].
- Los siguientes son metadatos, y puedes encontrar información bastante confusa 
(es cierto), en la especificación de HTML 
[http://www.sidar.org/recur/desdi/traduc/es/html401-es/struct/global.html#edef-META].
 Y de nuevo, tengo mis dudas de que el código sea correcto, o falta código 
fundamental para que sea válido (definir un perfil ó un esquema). Si quieres 
saber cómo codificar metadatos usando perfiles ó esquemas, puedes ver los 
artículos 
[http://www.wshoy.sidar.org/index.php?2005/08/01/24-metadatos-geograficos-1-obteniendo-informacion-geografica-para-la-web-semantica]
 y  
[http://www.wshoy.sidar.org/index.php?2005/08/01/25-metadatos-geograficos-2-empleandolos-en-ficheros-acronym-titlehypertext-markup-language-langen-xml-langenhtml-acronym-acronym-titleextensible-hypertext-markup-language-langen-xml-langenxhtml-acronym-y-acronym-titleresource].
 Por lo menos, cuando los me enteré cómo se codifican los metadatos :)

- Y aunque ya te lo ha comentado Diego, las últimas seis lineas de código son 
metadatos usando Dublin Core como perfil ó esquema (como en RDF). Si quieres 
usarlos, puedes generarlos con 
[http://www.webposible.com/utilidades/dublincore-metadata-gen/] (en castellano 
o catalán) y con las herramientas que aparecen en 
[http://dublincore.org/tools/].
 
De todas formas, antes de aprender [X]HTML avanzado, aprovechando etiquetas 
usadas por otras webs de las que no sabes a ciencia cierta si son o no de fiar, 
refresca tus conocimientos de HTML leyendo la especificación, conoce todas sus 
etiquetas (aunque algunas no te las sepas de memoria por lo menos que te 
suenen) y vete dando un vistazo también a la especificación de CSS.

Y de libros... hace poco en algún mensaje han hablando de un sitio que recopila 
libros sobre la web. Busca en la lista, que lo encontrarás rápido.

Saludos,


Gonzalo
www.webposible.org

- Mensaje original 
De: Potxoka Pony bravo [EMAIL PROTECTED]
Para: Ovillo@lists.ovillo.org
Enviado: miércoles, 27 de junio, 2007 22:39:45
Asunto: [Ovillo] Libros, manuales, etc...

hola:
 
 soy nuevo en la lista,hace un tiempo estuve programando html, pero de eso hace 
ya años,ahora quiero ponerme con css y xhtml,algo de css ya se como 
posicionamiento,etc. pero quiero introducirme mas en el campo, luego sobre 
xhtml no se nada,he visto web con tag tipo abbr, etc... y las desconozco. Por 
eso hago una peticion de si alguien puede recomendarme un buen libro para 
llegar a comprender todos estos aspectos o algun manual,preferiblemente en 
español.
 
 Otra cosa que desconozco son las nuevas metatag y demas, aunque me he estado 
informando en google para que son (algunas por lo menos he encontrado), la cosa 
es que no se donde mirar para estar al dia con las nuevas que salgan, sin estar 
mirando el codigo de otras webs; como las que pongo a continuacion:
 link rel=microsummary type=application/x.microsummary+xml 
href=/microsummary.xml /
 meta name=ICBM content=.. /
 meta name=DC.Type content=Text.Homepage.Personal /
 meta name=DC.Format scheme=IMT content=text/html /
 meta name=DC.Identifier content=http://www.x.com;; /
 meta name=DC.Language scheme=ISO639-1 content=es /
 meta name=DC.Date scheme=RFC822 content=tue, 21 dec 2005 /
 meta name=DC.Date.X-MetadataLastModified scheme=ISO8601 
content=2006-10-03 /
 meta name=verify-v1 content=gg /
 
 
 ¿Alguien sabe donde puedo estar al dia de nuevos metatags que aparezcan, para 
ir incluyendolas en mis proyectos?. Muchas gracias
 
 saludos de antonio
   
-

¡Descubre una nueva forma de obtener respuestas a tus preguntas!
Entra en Yahoo! Respuestas.
___
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] Libros, manuales, etc... meta ICBM

2007-06-28 Por tema Alejandro Gonzalo Bravo García
Saludos.

Acabo de descubrir que la etiqueta meta meta name=ICBM content=12.123456, 
4.987654/ es para mostrar la situación geográfica, como lo hace:


meta name=geo.position content=12.123456, 4.987654/

saludos 


Alejandro Gonzalo Bravo García
www.webposible.com

- Mensaje original 
De: Potxoka Pony bravo [EMAIL PROTECTED]
Para: Ovillo@lists.ovillo.org
Enviado: miércoles, 27 de junio, 2007 22:39:45
Asunto: [Ovillo] Libros, manuales, etc...

hola:
 
 soy nuevo en la lista,hace un tiempo estuve programando html, pero de eso hace 
ya años,ahora quiero ponerme con css y xhtml,algo de css ya se como 
posicionamiento,etc. pero quiero introducirme mas en el campo, luego sobre 
xhtml no se nada,he visto web con tag tipo abbr, etc... y las desconozco. Por 
eso hago una peticion de si alguien puede recomendarme un buen libro para 
llegar a comprender todos estos aspectos o algun manual,preferiblemente en 
español.
 
 Otra cosa que desconozco son las nuevas metatag y demas, aunque me he estado 
informando en google para que son (algunas por lo menos he encontrado), la cosa 
es que no se donde mirar para estar al dia con las nuevas que salgan, sin estar 
mirando el codigo de otras webs; como las que pongo a continuacion:
 link rel=microsummary type=application/x.microsummary+xml 
href=/microsummary.xml /
 meta name=ICBM content=.. /
 meta name=DC.Type content=Text.Homepage.Personal /
 meta name=DC.Format scheme=IMT content=text/html /
 meta name=DC.Identifier content=http://www.x.com;; /
 meta name=DC.Language scheme=ISO639-1 content=es /
 meta name=DC.Date scheme=RFC822 content=tue, 21 dec 2005 /
 meta name=DC.Date.X-MetadataLastModified scheme=ISO8601 
content=2006-10-03 /
 meta name=verify-v1 content=gg /
 
 
 ¿Alguien sabe donde puedo estar al dia de nuevos metatags que aparezcan, para 
ir incluyendolas en mis proyectos?. Muchas gracias
 
 saludos de antonio
   
-

¡Descubre una nueva forma de obtener respuestas a tus preguntas!
Entra en Yahoo! Respuestas.
___
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








__ 
LLama Gratis a cualquier PC del Mundo. 
Llamadas a fijos y móviles desde 1 céntimo por minuto. 
http://es.voice.yahoo.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] selectores descendentes

2007-06-21 Por tema Alejandro Gonzalo Bravo García
Saludos a todos los miembros de esta lista.

Pedro, el uso de h1 para el logotipo, quizás no sea lo más adecuado... a menos 
que estemos hablando de la página principal o la portada...

Hace algunos meses hubo una discusión bastante interesante en la lista de 
correo accesoweb, y en ella Carlos Benavidez (traductor de la especificación de 
CSS2 entre otros méritos) argumentó su opinión con bastante fundamento, al 
menos desde mi punto de vista.

El opinaba que el título de un documento HTML (etiqueta title) y el de su 
contenido (h1) deberían ser el mismo... aunque yo tampoco descartaría el uso 
para title algo así como Dominio: Título del documento si se quiere 
potenciar la marca en los buscadores.

Un ejemplo típico, el de los periódicos. Cuando pinchas en un vínculo que se 
corresponde con el titular, te debería dirigir a una página en el que el título 
(h1) sea ese mismo titular, y la etiqueta title podría ser Periódico acme: 
titular.

El caso que tu cuentas, en mi opinión no es demasiado correcto. Un título por 
definición no debe ser muy extenso, y si en tu sitio lo utilizas para 
descripción ampliada de la página...

A ver que os parece esta alternativa:
- Logotipo, con la clase o identificador logo o algo similar (no olvides usar 
la relación rel=index para ese vínculo). Tú actualmente usas h1.
- h1: descripción breve de la página. Creo que sería el equivalente a tu h3.
- Descripción larga de la página... ¿te has planteado el uso de microformatos? 
Dale un vistazo a Microformatos, la web semántica para torpes [1] y por lo 
que cuentas, puede que el microformato que te interesa es hCalandar[2]. Y si 
usas hCalandar Creator [3], modifica las etiquetas para usar las que más te 
interesen (h1, por ejemplo).

Saludos.
 
Gonzalo
www.webposible.org
[1] Microformatos, la web semántica para torpes

http://www.grancomo.com/2006/10/12/microformatos-la-web-semantica-para-torpes/



[2] hCalandar

http://microformats.org/wiki/hcalendar



[3] hCalandar Creator

http://microformats.org/code/hcalendar/creator




- Mensaje original 
De: Pedro Sanz [EMAIL PROTECTED]
Para: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Enviado: jueves, 21 de junio, 2007 9:54:34
Asunto: Re: [Ovillo] selectores descendentes

Victoria:
precisamente no quiero engañar al buscador, sino optimizar el contenido para
facilitarle el trabajo.
lo que he hecho en este site, es en todas la pags el h1 es el logo, el h2
corresponderia a una descripción ampliada de la la pag, y luego quisiera que
el h3 correspondiera con el título de lo que desarrolla cada pág en
concreto. Por ejemplo: ubicación.
el problema es que no quería poner un título, sino que dentro del texto
incluir algo similar: la ubicación de la ruta turistica se sitia entre
..., donde el ubicación seriá el h3. Entiendo que ésto sería lo correcto
semanticamente y a partir de ahí es cuando me ha surgido la duda.

En cualqueir caso, gracias a todos por vuestras explicaciones y vuestra
atención. Voy a ver si termino la dichosa web... y a seguir aprendiendo.
Saludos.
Pedro.



El día 20/06/07, Victoria Gracia [EMAIL PROTECTED] escribió:

 Pedro, debemos ser coherentes y conscientes en el diseño de nuestras
 páginas, y si bien es cierto que según las normas SEO cuanto más valor
 tenga la marca que contiene el texto, mejor posición (uno de tantos
 parámetros que utiliza el buscador para determinar la posición), debes
 tener en cuenta que la posición de esta marca dentro de la página
 también cuenta.

 Por lo que dices la página debería tener al menos los elementos
 siguientes:

 h1Encabezado del artículo, o del contenido/h1
 pPárrafos (más o menos opcionales)/p
 h2Apartado del artículo, una sección/h2
 pExplicación de turno donde expones contenido y
donde realmente se trata algún tema, aunque sea
citando en el texto A DESTACARuna ruta/A DESTACAR
que te interesa especialmente para poder obtener
una mejor posición en buscadores/p
 y bla, bla, bla...

 Bueno, en tal caso piensa que ateniéndonos sólo al criterio de peso y
 posición en la página, lo que esté englobado en h1 y en h2 tendrá
 más peso que lo englobado en A DESTACAR, independientemente de la
 etiqueta HTML que utilices para marcarlo.

 Lo más correcto sería que aprovecharas la cita para hacer un enlace a la
 ruta en cuestión, donde estarías contando puntos para tu posición tanto
 porque a la ruta LLEGARÍAN ENLACES y por describir correctamente el
 enlace en el texto que utilices dentro de la etiqueta a href=...

 Si utilizas prácticas como la de intentar engañar al buscador
 haciéndole creer que algo es lo que no es, quizás como premio no
 obtengas una mejor posición en la página sino que por un lado tu página
 estará igual (o peor como se les de por poner prácticas como esa en la
 lista de las prácticas a penalizar), y por el otro no validará ni podrás
 decir que es correcta.

 ¿No es más sencillo seguir las normas?

 Un 

Re: [Ovillo] Duda de tabindex

2007-06-08 Por tema Alejandro Gonzalo Bravo García
Saludos a todos los miembros de esta lista.

Je je, ¿Porqué tienes interés en que un vínculo no se tabule nunca? ¿Acaso es 
el de reclamaciones? Je je.

En serio, no entiendo el motivo por el que no quieres que tenga el foco. Si 
quieres que no se pulse nunca, mejor quítalo. Si quieres dejar el vínculo para 
el final, ya sabres el método para hacerlo :)

Saludos
 
Gonzalo
www.webposible.org

- Mensaje original 
De: Rodrigo Álvarez Virgós 

¿Es correcto que un enlace no sea tabulado nunca? En las 
especificaciones del W3C dice que el valor de tabindex ha de estar en el 
rango [0-32767], y que los elementos con valor cero se tabularán los 
últimos, pero me gustaría que uno en concreto nunca gane el foco a 
través del teclado. Poniéndole el tabindex a -1 funciona, pero no es 
estándar... :-S






   

¡Descubre una nueva forma de obtener respuestas a tus preguntas!
Entra en Yahoo! Respuestas.
http://es.answers.yahoo.com/info/welcome
___
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] Tablas por css - Formularios con CSS

2007-06-06 Por tema Alejandro Gonzalo Bravo García
Saludos a todos los miembros de esta lista.

Dale un vistazo a Fancy Form Design Using CSS [1]. Y si de vez en cuando 
visitas Tripix [2] puedes ver más recursos interesantes ;)
 
Gonzalo
www.webposible.org

[1] Fancy Form Design Using CSS
http://www.sitepoint.com/print/fancy-form-design-css

[2] Tripix
http://www.tripix.net/


- Mensaje original 
De: Teobaldo De la cruz Carreazo [EMAIL PROTECTED]
Para: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Enviado: martes, 5 de junio, 2007 16:28:02
Asunto: Re: [Ovillo] Tablas por css

Hola Buenos dias

Gracias por el aporte ofrecido.

Soy nuevo en esto del manejo de CSS.

Necesito hacer un formulario de captura de datos que tiene diversos objetos
cuadro de texto, listas, label y además un tabla que contiene un set de
registros ligado a un id. Deseo agrupar los objetos de manera uniforme y que
el formulario obtenga una apariencia  excelente.

Como lo puedo hacer.

Gracias por su colaboración.

Atte,

Teobaldo De la cruz.

El día 30/05/07, ichitaka seto [EMAIL PROTECTED] escribió:

 Hola a [EMAIL PROTECTED]

 x ejemplo, si lo que quieres es maquetar un menu, lo que estas maquetando
 es
 una lista de opciones, entonces no usamos una tabla y usamos una lista.

 ul
liopcion1/li
liopcion2/li
li.../li
 ul

 A esto le daremos el renderizado que queremos ( en forma de tabla, lista,
 ...) con la ayuda de css.


 por el contrario, si lo que quieres es maquetar un calendario, horario u
 otra cosa que semanticamente sea una tabla, usaremos esta. Despues le
 daremos la forma que queremos con la ayuda de los estilos css.

 Al final lo que pretendemos es que el codigo html tenga una semantica,
 para
 asi poder endenderlo utilizando cualquier navegador. (grafico, solo texto,
 audio, braile, )

 Espero que te ayude ;)
 Y si me equivoco en algo corregirme porfavor ;)

 geroarte.

 El día 30/05/07, Rodrigo Álvarez Virgós [EMAIL PROTECTED] escribió:
 
  Las páginas web no son tablas y para eso está css, pero no al revés...
 una
  tabla es una tabla ¬¬
  ___
  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







   

¡Descubre una nueva forma de obtener respuestas a tus preguntas!
Entra en Yahoo! Respuestas.
http://es.answers.yahoo.com/info/welcome
___
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