[Ovillo] Presentación
Muy buenas: En primer lugar (hay que ser educado) presentarme a la
lista. Mi nombre es Ernesto Frías, y tengo una pequeña duda, que
ademas es muy similar a la que pregunto un tal Javier (no es igual,
pero muy muy parecida).
A ver, lo mio en vez de una galeria de noticias es un tema de noticias.
El XHTML es el siguiente:
dldt class=titulara href=#Titular de la
noticia/a/dt
dd class=imagenimg src=imagen.jpg/dd
dd class=noticiaLa noticia en cuestión.../dd
/dl
y el CSS:
dt.titular, dt.titular a, dt.titular:hover{
margin: -1px 0 0 115px;
FONT-WEIGHT: bold;
FONT-SIZE: 10pt;
text-decoration: none;
FONT-FAMILY: Arial, Helvetica, sans-serif;
}
dt.titular, dt.titular a{
COLOR: #498255;
}
dt.titular a:hover {
COLOR: #858585;
}
dd.noticia{
font-family: arial, helvetica, sans-serif;
font-size: 8pt;
text-align: justify;
width: 320px;
margin: -71px 0 0 270px;
padding: 0 0 0 0;
}
dd.imagen{
margin: -13px 0 0 0;
padding: 0 0 0 0;
}
dl {
margin: 0 0 0 0;
padding: 5px 0 6px 0;
}
La verdad es que me cuadra bastante bien. Sin embargo como vereis no
incluyo ningún float, y no tengo del todo claro que esto sea lo más
correcto.
En fin, a ver si podeis opinar sobre el asunto, y comentar que
intentare ayudar en todo lo que sea posible y este en mis manos.
Saludos a todos, en especial a algún conocido ;-)
Ernesto Frías
H2o Magazine Personal
DBS Servicios Informáticos Work
___
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] Mini-Lección DIV+CSS
Hola, Me gustaría que alguien me aconsejase un poco sobre algunos conceptos que no tengo claros, o bien que me pasase un link donde puedo documentarme sobre ello. Antes de comentar el tema, y como introducción... hace un rato estaba leyendo el mensaje de escael en el que pregunta por qué no se deben utilizar tablas. Con las respuestas que leí espero que le quede claro que SÍ se pueden utilizar, pero para lo que fueron diseñadas. Con este tema está relacionado mi problema. Y es que a mí me enseñaron a maquetar con tablas, y llevo 4 años haciendo páginas así. Ahora estoy haciendo mi tercera página con CSS+DIVs pero siempre quedan detalles aquí y allá que, aunque visualmente no queda mal, internamente no estoy contento por cómo ha sido codificado... entre engaños a navegadores, propiedades que sobran, etc... me queda esa sensación de mal mal mal, aún no tienes ni idea. Y es más... hace unos días de borrachera me encontré con mi ex-profesora de hace 5 años, que sigue dando clase, y me dijo que no le veia sentido a eso de utilizar solo DIVs y por qué no iba a poder utilizar tablas... Le eche la bronca, más o menos, por ayudar a crear otra generación de table-dummies (se me acaba de ocurrir la palabreja, pero creo que se entiendes). Ahora bien... ayer estaba maquetando contenido y más contenido de una Web que se genera dinámicamente. Todos los menus, cabecera, pie, etc. es una misma hoja (el index) y en el centro salen los datos. Claro, es una Web normal y no un periodico o un contenido tipico de foto aqui, texto alla, con una plantilla base. En este caso puede haber una tabla de horarios con un icono para reloj, telefono... hay fotos en el texto unas veces a un lado otras a otro... hay separadores... hay links por la mitad... El tema es que iba escribiendo el texto, utilizando h1 h2 o p segun fuese necesario.. pero me di cuenta que me encontraba con que no sabía con seguridad el método para meter los textos con imagenes, o los iconos. Para los iconos por ejemplo (que iban en los titulares) puse divs con un background a la izquierda no-repeat, y en ese div el h1, para las imagenes+texto dos DIV de 230px cada una... a left y right respectivamente... y asi. Pero claro al final tenia div id, div id, div id, div id tropecientos divs con id. Y esto era UNA hoja... luego viene otra, y otra, y otra. Y aqui es cuando dije, coño... si cuando lo hacia con tablas esto parecia mas sencillo. Ahora bien... ¿estoy haciendo algo mal? ¿es esto así? ¿Debo o no debo utilizar tanto div? He llegado incluso a crear 4 divs en una misma hoja para 4 parrafos que van seguidos, porque como por la mitad habia alguna imagen, tenia que meterla en su DIV... ¿o no? :/ Gracias por cualquier consejo/aclaración, Un saludo. __ ?php $Autor = Iban Rodriguez; // Programador, THE MOVIE ? www.themovie.org ___ 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] Fuentes propias
Ok, muy interesante el artículo, aunque me ha costado encontrar el enlace ;) On 4/14/05, Manuel González Noriega [EMAIL PROTECTED] wrote: On 4/13/05, Antonio [EMAIL PROTECTED] wrote: Hola. Alguien me puede decir como puede hacer para que los usuarios visualizen en sus respectivos navegadores las fuentes personalizadas que yo suba al servidor. En beneficio de los que consulten este hilo en los archivos, dejo un enlace al comentario que acabo de hacer a la que parece solución óptima para la sustitución de fuentes / fuentes personalizadas http://bitacoras.sidar.org/g3/index.php?2005/04/14/17-fecklessmind-definitive-solution-to-image-replacement -- 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
Re: [Ovillo] Mini-Lección DIV+CSS
El principal inconveniente, bajo mi punto de vista, al utilizar tablas
para maquetar un site, fuera de su uso convencional como presentación
de datos tabulados, es que te fijas un diseño inamovible. Si utilizas
class, id... u otros elementos para marcar cada parte del site tienes
muchísima libertad a posteriori para modificar el diseño completamente
sin necesidad de tocar para nada el archivo fuente, amén de que el
código queda mucho más claro y, en webs complejas, pesa
sustancialmente menos.
Digamos que las tablas se usan, a groso modo, para mostrar los datos
de la misma manera, tanto si aplicamos un diseño a la página como si
no. Es decir, estos datos tienen que ir así, por narices. Si no es
este el caso el uso de tablas me parece equivocado.
Un saludo.
On 4/15/05, kemie guaida [EMAIL PROTECTED] wrote:
Iban:
Con respecto a la divitis recuerda que puedes aplicar estilos
directamente a cualquier elemento, no solo a un div, por ejemplo:
p class=principal o img class=loquesea
y tambien puedes hacer uso de la cascada para aplicar estilos, por ejemplo:
.principal img{...}
este ejemplo aplicara un estilo a todas las imagenes que esten dentro de
un elemento con la clase principal
.principal .loquesea {...}
y este ejemplo aplica un estilo a todos los elementos con clase loquesea
que esten dentro de un elemento con clase principal.
asi puedes reducir no solo el numero de divs, sino el numero de clases
en tu documento.
te recomiendo este tutorial
http://css.maxdesign.com.au/selectutorial/
y lo de que las tablas es mas facil... es solo porque estas
acostumbrado. despues de 2 años de maquetar con css intente hacer un
sitio con tablas... y me parecio complicadisimo porque ya no me acordaba
de nada!
saludos
kemie
...:| kemie |:...
.:| www.monolinea.com http://www.monolinea.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] Mini-Lección DIV+CSS
Hola Iban En primer lugar, si dices que llevas poco trabajando sin tablas, es lo más normal del mundo que veas que tu código no es el mejor del mundo. Pero es que maquetar con tablas, como ser superhéroe, no es fácil. Ahora bien, yo creo que gran parte del problema para la gente que abandona las tablas y empieza a maquetar con css es que llegan (llegamos) con una idea equivocada de sustituir tablas por divs. Parece que como antes utilizaban un elemento para maquetar (tablas) ahora tienen que usar otro (divs), y no es exactamente así. Y nos sentamos ante el ordenador pensando en la maquetación y el diseño y no en el contenido, de forma que nos ponemos a escribir html sin pensar dos veces si ese div que acabamos de poner es realmente necesario o no. Yo creo que es bastante mejor sistema escribir el html a partir del contenido y, una vez hecho esto, pensar si necesito añadir algún div para agrupar varios elementos, o para marcar una zona de la pantalla etc... Pero los párrafos, las listas, los encabezados, los blockquote... también son hijos del señor, y tan elementos (o más) que los divs, y pueden ser manejados por css para maquetar nuestra web como queramos. No sé si esto servirá de ayuda a alguien ;-) Iban Rodriguez escribió (Fri, 15 Apr 2005 09:04:28 +0200): Y aqui es cuando dije, coño... si cuando lo hacia con tablas esto parecia mas sencillo. Ahora bien... ¿estoy haciendo algo mal? ¿es esto así? ¿Debo o no debo utilizar tanto div? He llegado incluso a crear 4 divs en una misma hoja para 4 parrafos que van seguidos, porque como por la mitad habia alguna imagen, tenia que meterla en su DIV... ¿o no? :/ -- Ramón demasiado viejo para ser una joven promesa, demasiado joven para ser una vieja gloria, pero aún así trabajando duro para Simplelógica: apariencia, experiencia y comunicación en la web http://simplelogica.net # (+34) 98 522 12 65 http://simplelogica.net/caoticoneutral/ ___ 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] Presentación
El 15/04/2005, a las 8:33, Ernesto Frías escribió: Muy buenas: En primer lugar (hay que ser educado) presentarme a la lista. Mi nombre es Ernesto Frías, y tengo una pequeña duda, que Hola Ernesto. Encantado de verte por aquí (también). La verdad es que me cuadra bastante bien. Sin embargo como vereis no incluyo ningún float, y no tengo del todo claro que esto sea lo más correcto. ¿Porqué no ha de ser correcto? Que yo sepa no es obligatorio el uso de float en el diseño de noticias ni junto con el marcado de listas de definición. Lo que sí me plantearía si es lo más correcto el uso de marcas de listas de definición para las noticias. Personalmente creo que no, pero bueno... son opiniones. Saludos! -- /* Daniel Torres Burriel - www.torresburriel.com /* Web design - Usability consulting - IT Press /* More info bio: www.torresburriel.com/perfil/ /* GPG key: 0x43DB2AB7 ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] por qué el uso de tablas va en contra de los estandares
Aquí está explicado de manera clara y amena: http://www.effectivetranslations.com/stupidtables/ Un saludo El jueves, 14 de abril de 2005, a las 22:48 (GMT-0600) escael [EMAIL PROTECTED] escribió: ¿por qué el uso de tablas va en contra de los estandares? -- Pablo Hevia Pose - http://pabloh.f2o.org - La frase del día: Cada uno muestra lo que es en los amigos que tiene. -- Baltasar Gracian. (1601-1658) Escritor español. ___ 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] La navegacion semantica y las listas
Hola, Básicamente si una lista de navegación es más correcta semánticamente como una lista ordenada ol o desordenada ul. Molly Holzschlag en un articulo (http://www.informit.com/articles/printerfriendly.asp?p=369225rl=1), comenta que: Para ser puristas con una lista de navegacion secuencial, una lista ordenadas es una aproximacion más corresta semanticamente. Pero esto lo que me esta llegando a crear una lista-ordenada-mania. Por ejemplo, toda lista que mostremos tiene una ordenacion (alfabetica, secuencial...) La tipica lista-catalago a la que se accede con un menu A B C D E F G ... (una lista tambien ordenada?) deberia ser tambien ordenada? Saludos, xema ___ 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] Importar imagenes con css?
Hola css maniacos Tengo una duda que no se si se puede hacer. Necesito importar una imagen con css sin que sea un background-image. ¿Es posible? Iñaki Lorenzo Departamento de Innovación [EMAIL PROTECTED] mailto:[EMAIL PROTECTED] CONSULTEC S.L. http://www.consultec.es http://www.consultec.es/ José María Escuza, 1-1º - 48013 Bilbao Tfno: 94 423 66 66 Fax: 94 424 17 04 Aviso legal: Este mensaje electrónico está dirigido únicamente a la(s) dirección(es) indicadas anteriormente; el carácter confidencial, personal e intransferible del mismo está protegido legalmente. Cualquier revelación, uso o reenvío no autorizado, completo o en parte, está prohibido. Si ha recibido este mensaje por equivocación, notifíquelo inmediatamente a la persona que lo ha enviado y borre el mensaje original junto con sus ficheros anexos sin leerlo ni grabarlo, total o parcialmente ___ 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] Presentación
El 15/04/2005, a las 11:01, Ernesto Frías escribió: Respecto a tu comentario de Lo que sí me plantearía si es lo más correcto el uso de marcas de listas de definición para las noticias. Personalmente creo que no, pero bueno... son opiniones, ¿tu como lo plantearias? O bien como una lista desordenada, tal cual, o bien con párrafos normales con su encabezado correspondiente del tipo Hn. No funciona el menu ni enlaces y tal... es para hacerse una idea. Es un rediseño sobre la web que hay actualmente que esta desarrollada empleando tablas (que cosas). Espero criticas, a ser posibles constructivas en cuanto a como he implementado el XHTML y el CSS. Yo lo que recomiendo es depurar el código hasta obtener una validación: http://validator.w3.org/check?verbose=1uri=http%3A//www.dbs.es/ pruebas/xhtml/ Eso ya es un paso. Saludos! -- /* Daniel Torres Burriel - www.torresburriel.com /* Web design - Usability consulting - IT Press /* More info bio: www.torresburriel.com/perfil/ /* GPG key: 0x43DB2AB7 ___ 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] Presentación
Hola tocayo,
Yo para noticias usaría etiquetas h. (h1,h2...), especialmente para
que los lectores de pantalla pudiesen reconocer los titulares, algo así
como:
dldth2a href=#Titular de la noticia/a/h2/dt
dd class=imagenimg src=imagen.jpg/dd
dd class=noticiaLa noticia en cuestión.../dd
/dl
(aplicando los estilos de 'titular' directamente al h2, y así nos ahorramos
una clase)
Aunque me queda la duda de si está permitido meter un h2 dentro de un dt
A ver, lo mio en vez de una galeria de noticias es un tema de noticias.
El XHTML es el siguiente:
dldt class=titulara href=#Titular de la
noticia/a/dt
dd class=imagenimg src=imagen.jpg/dd
dd class=noticiaLa noticia en cuestión.../dd
/dl
y el CSS:
dt.titular, dt.titular a, dt.titular:hover{
margin: -1px 0 0 115px;
FONT-WEIGHT: bold;
FONT-SIZE: 10pt;
text-decoration: none;
FONT-FAMILY: Arial, Helvetica, sans-serif;
}
dt.titular, dt.titular a{
COLOR: #498255;
}
dt.titular a:hover {
COLOR: #858585;
}
dd.noticia{
font-family: arial, helvetica, sans-serif;
font-size: 8pt;
text-align: justify;
width: 320px;
margin: -71px 0 0 270px;
padding: 0 0 0 0;
}
dd.imagen{
margin: -13px 0 0 0;
padding: 0 0 0 0;
}
dl {
margin: 0 0 0 0;
padding: 5px 0 6px 0;
}
La verdad es que me cuadra bastante bien. Sin embargo como vereis no
incluyo ningún float, y no tengo del todo claro que esto sea lo más
correcto.
En fin, a ver si podeis opinar sobre el asunto, y comentar que
intentare ayudar en todo lo que sea posible y este en mis manos.
Saludos a todos, en especial a algún conocido ;-)
Ernesto Frías
H2o Magazine Personal
DBS Servicios Informáticos Work
___
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] Importar imagenes con css?
Hola Iñaki, realmente no se si se puede pero cabe preguntarse antes ¿para qué exactamente quieres hacer algo asi? Si tu imagen es un elemento puramente decorativo es recomendable usar el parametro background-image. Si aporta algún tipo de dato o contenido quizás te interese incluirla directamente en el html. Revisa bien tus necesidades y contrastatalas con las pautas de accesibilidad ^__^ Un saludo, Abel. - Original Message - From: Iñaki Lorenzo [EMAIL PROTECTED] To: ovillo ovillo@lists.ovillo.org Sent: Friday, April 15, 2005 11:28 AM Subject: [Ovillo] Importar imagenes con css? Hola css maniacos Tengo una duda que no se si se puede hacer. Necesito importar una imagen con css sin que sea un background-image. ¿Es posible? Iñaki Lorenzo Departamento de Innovación [EMAIL PROTECTED] mailto:[EMAIL PROTECTED] CONSULTEC S.L. http://www.consultec.es http://www.consultec.es/ José María Escuza, 1-1º - 48013 Bilbao Tfno: 94 423 66 66 Fax: 94 424 17 04 Aviso legal: Este mensaje electrónico está dirigido únicamente a la(s) dirección(es) indicadas anteriormente; el carácter confidencial, personal e intransferible del mismo está protegido legalmente. Cualquier revelación, uso o reenvío no autorizado, completo o en parte, está prohibido. Si ha recibido este mensaje por equivocación, notifíquelo inmediatamente a la persona que lo ha enviado y borre el mensaje original junto con sus ficheros anexos sin leerlo ni grabarlo, total o parcialmente ___ 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] Presentación
El 15/04/2005, a las 11:51, Ernesto Rodriguez Ageitos escribió: Aunque me queda la duda de si está permitido meter un h2 dentro de un dt He estado mirando la especificación y no he visto nada al respecto. De todos modos me da a mi que muy permitido no debe estar... Si los Hn marcan encabezados, no tiene mucho sentido que éstos, que marcan la estructura de un documento, estén dentro de una lista, es decir, que un elemento de nivel superior esté inserto dentro de un elemento de nivel inferior. Saludos! -- /* Daniel Torres Burriel - www.torresburriel.com /* Web design - Usability consulting - IT Press /* More info bio: www.torresburriel.com/perfil/ /* GPG key: 0x43DB2AB7 ___ 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] La navegacion semantica y las listas
Sino me equivoco (si lo hago que alguien me corrija porfavor) yo creo que si que es correcto, siempre y cuando los datos a presentar en dicho menu esten ordenados secuencialmente. Vamos, no se porque no deberia ser correcto. No solo correcto: incluso mejor. Un saludo, Ernesto Frías H2o Magazine Personal DBS Servicios Informáticos Work Hola, Básicamente si una lista de navegación es más correcta semánticamente como una lista ordenada ol o desordenada ul. Molly Holzschlag en un articulo (http://www.informit.com/articles/printerfriendly.asp?p=369225rl=1), comenta que: Para ser puristas con una lista de navegacion secuencial, una lista ordenadas es una aproximacion más corresta semanticamente. Pero esto lo que me esta llegando a crear una lista-ordenada-mania. Por ejemplo, toda lista que mostremos tiene una ordenacion (alfabetica, secuencial...) La tipica lista-catalago a la que se accede con un menu A B C D E F G ... (una lista tambien ordenada?) deberia ser tambien ordenada? Saludos, xema ___ 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] Importar imagenes con css?
Jejeje. Bueno, mas o menos capto lo que quieres hacer. En tal caso tu imagen aporta una información importante para el usuario, asi que descartaría directamente usar el parametro background-image. Creo que la solución podría pasar entonces por sustituir tu imagen por un texto. Así cuando tengamos habilitada la opción del navegador para ver las imágenes, sin problemas. Y si no, pues podríamos sustituirla por el texto Visto No-Visto, o como veas mejor nombrarlo. Recuerdo que ese tema se ha hablado en la lista. esperemos que algún compañero aporte luz sobre el sunto. Por otro lado, si incluyes la imagen en el html, aunque estemos navegando bajo un navegador solo texto, al menos podríamos leer su alt correspondiente. Bueno, son algunas ideas. Espero que te sirvan también :) Saludos, Abel. - Original Message - From: Iñaki Lorenzo [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Friday, April 15, 2005 12:25 PM Subject: RE: [Ovillo] Importar imagenes con css? Hola Abel: Realmente tienes razón , si es decorativa con un background-imagen es valido pero hay está la complicación. La imagen ademas de ser decorativa contiene información. La imagen se va a usar para discrimar unos puntos vistos o no vistos por el usuario. Si es un fondo de imagen tenemos el fallo que deshabilitando las hojas de estilo no sabemos si el punto ha sido visto y si incrustamos la imagen con display:none cuando no haya sido visto un punto concreto al quitar el CSS siempre se vera la imagen. No se si me he explicado. La verdad es que dudo de todo :) Gracias por todo Abel, buscaré una solución para ello. -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Abel Domínguez Enviado el: viernes, 15 de abril de 2005 12:09 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Importar imagenes con css? Hola Iñaki, realmente no se si se puede pero cabe preguntarse antes ¿para qué exactamente quieres hacer algo asi? Si tu imagen es un elemento puramente decorativo es recomendable usar el parametro background-image. Si aporta algún tipo de dato o contenido quizás te interese incluirla directamente en el html. Revisa bien tus necesidades y contrastatalas con las pautas de accesibilidad ^__^ Un saludo, Abel. - Original Message - From: Iñaki Lorenzo [EMAIL PROTECTED] To: ovillo ovillo@lists.ovillo.org Sent: Friday, April 15, 2005 11:28 AM Subject: [Ovillo] Importar imagenes con css? Hola css maniacos Tengo una duda que no se si se puede hacer. Necesito importar una imagen con css sin que sea un background-image. ¿Es posible? Iñaki Lorenzo Departamento de Innovación [EMAIL PROTECTED] mailto:[EMAIL PROTECTED] CONSULTEC S.L. http://www.consultec.es http://www.consultec.es/ José María Escuza, 1-1º - 48013 Bilbao Tfno: 94 423 66 66 Fax: 94 424 17 04 Aviso legal: Este mensaje electrónico está dirigido únicamente a la(s) dirección(es) indicadas anteriormente; el carácter confidencial, personal e intransferible del mismo está protegido legalmente. Cualquier revelación, uso o reenvío no autorizado, completo o en parte, está prohibido. Si ha recibido este mensaje por equivocación, notifíquelo inmediatamente a la persona que lo ha enviado y borre el mensaje original junto con sus ficheros anexos sin leerlo ni grabarlo, total o parcialmente ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
[Ovillo] [Offtopic] Matriculas accesibles
Hola a todos, muchas veces voy conduciendo y me fijo (entre otras cosas), en las matriculas de los coches. Me viene de formación profesional, como a vosotros supongo, hallar en estas matriculas las siglas que leemos todos los días. Así pues, por favor, si alguien tiene un carro cuyas tres ultimas letras acaban en CSS, WAI, HTM, DIV, etc... que haga una foto, la suba y dé la dirección! XD No hay premios en este asunto (amén de lo que digan los administradores de Ovillo, jejeje), pero si aplausos y felicitaciones mil por parte de los listeros (yo el primero). Y no me hagan mucho caso, es viernes y por aquí (Sevilla) estamos en Feria... Así que a estas alturas el riego ya no va muy bien. Buen fin de semana a todos! Abel. PD: Perdón por la chorrada del mensaje, sólo quería relajar el ambiente ^__^ ___ 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] Matriculas accesibles
Que envidia que estais de feria !! Bueno, siento desilusionarte, pero en las matriculas no hay vocales, asi que tendremos que conformanos con buscar el CSS, HTM, XML, Sería un puntazo tener un coche CSS -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Abel Domínguez Enviado el: viernes, 15 de abril de 2005 13:17 Para: Ovillo, la lista de CSS en castellano Asunto: [Ovillo] [Offtopic] Matriculas accesibles Hola a todos, muchas veces voy conduciendo y me fijo (entre otras cosas), en las matriculas de los coches. Me viene de formación profesional, como a vosotros supongo, hallar en estas matriculas las siglas que leemos todos los días. Así pues, por favor, si alguien tiene un carro cuyas tres ultimas letras acaban en CSS, WAI, HTM, DIV, etc... que haga una foto, la suba y dé la dirección! XD No hay premios en este asunto (amén de lo que digan los administradores de Ovillo, jejeje), pero si aplausos y felicitaciones mil por parte de los listeros (yo el primero). Y no me hagan mucho caso, es viernes y por aquí (Sevilla) estamos en Feria... Así que a estas alturas el riego ya no va muy bien. Buen fin de semana a todos! Abel. PD: Perdón por la chorrada del mensaje, sólo quería relajar el ambiente ^__^ ___ 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] Importar imagenes con css?
Hola de nuevo Abel. La cosa se complica cuando se le dan más vueltas. Igual el lunes se nos ocurre algo y se soluciona. Bueno se acerca la hora de salir y si no hablamos os deseo un fin de semanalita estupendisimo como dice flanders el de los simpsons. gracias -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Abel Domínguez Enviado el: viernes, 15 de abril de 2005 13:01 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Importar imagenes con css? Jejeje. Bueno, mas o menos capto lo que quieres hacer. En tal caso tu imagen aporta una información importante para el usuario, asi que descartaría directamente usar el parametro background-image. Creo que la solución podría pasar entonces por sustituir tu imagen por un texto. Así cuando tengamos habilitada la opción del navegador para ver las imágenes, sin problemas. Y si no, pues podríamos sustituirla por el texto Visto No-Visto, o como veas mejor nombrarlo. Recuerdo que ese tema se ha hablado en la lista. esperemos que algún compañero aporte luz sobre el sunto. Por otro lado, si incluyes la imagen en el html, aunque estemos navegando bajo un navegador solo texto, al menos podríamos leer su alt correspondiente. Bueno, son algunas ideas. Espero que te sirvan también :) Saludos, Abel. - Original Message - From: Iñaki Lorenzo [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Friday, April 15, 2005 12:25 PM Subject: RE: [Ovillo] Importar imagenes con css? Hola Abel: Realmente tienes razón , si es decorativa con un background-imagen es valido pero hay está la complicación. La imagen ademas de ser decorativa contiene información. La imagen se va a usar para discrimar unos puntos vistos o no vistos por el usuario. Si es un fondo de imagen tenemos el fallo que deshabilitando las hojas de estilo no sabemos si el punto ha sido visto y si incrustamos la imagen con display:none cuando no haya sido visto un punto concreto al quitar el CSS siempre se vera la imagen. No se si me he explicado. La verdad es que dudo de todo :) Gracias por todo Abel, buscaré una solución para ello. -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Abel Domínguez Enviado el: viernes, 15 de abril de 2005 12:09 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Importar imagenes con css? Hola Iñaki, realmente no se si se puede pero cabe preguntarse antes ¿para qué exactamente quieres hacer algo asi? Si tu imagen es un elemento puramente decorativo es recomendable usar el parametro background-image. Si aporta algún tipo de dato o contenido quizás te interese incluirla directamente en el html. Revisa bien tus necesidades y contrastatalas con las pautas de accesibilidad ^__^ Un saludo, Abel. - Original Message - From: Iñaki Lorenzo [EMAIL PROTECTED] To: ovillo ovillo@lists.ovillo.org Sent: Friday, April 15, 2005 11:28 AM Subject: [Ovillo] Importar imagenes con css? Hola css maniacos Tengo una duda que no se si se puede hacer. Necesito importar una imagen con css sin que sea un background-image. ¿Es posible? Iñaki Lorenzo Departamento de Innovación [EMAIL PROTECTED] mailto:[EMAIL PROTECTED] CONSULTEC S.L. http://www.consultec.es http://www.consultec.es/ José María Escuza, 1-1º - 48013 Bilbao Tfno: 94 423 66 66 Fax: 94 424 17 04 Aviso legal: Este mensaje electrónico está dirigido únicamente a la(s) dirección(es) indicadas anteriormente; el carácter confidencial, personal e intransferible del mismo está protegido legalmente. Cualquier revelación, uso o reenvío no autorizado, completo o en parte, está prohibido. Si ha recibido este mensaje por equivocación, notifíquelo inmediatamente a la persona que lo ha enviado y borre el mensaje original junto con sus ficheros anexos sin leerlo ni grabarlo, total o parcialmente ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución
RE: [Ovillo] [Offtopic] Matriculas accesibles
Jajajajaja. La idea no es mala... pero desgraciadamente yo no suelo ir con una cámara de fotos por la calle. Esto me recuerda la idea que tuve una vez... se me ocurrió coleccionar matriculas como GIF, PSD, JPG, BMP, etc... Claro que... aún no lo he hecho. Quién sabe, quizás algún dia ^_^ Que envidia de la feria esa... en sevilla encima, con el salero que suele haber por ahí :P Un saludo, y te tomas una de mi parte (yo hasta la noche nada, y eso si me sacan de paseo). __ ?php $Autor = Iban Rodriguez; // Programador, THE MOVIE ? www.themovie.org -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] nombre de Abel Domínguez Enviado el: viernes, 15 de abril de 2005 13:17 Para: Ovillo, la lista de CSS en castellano Asunto: [Ovillo] [Offtopic] Matriculas accesibles Hola a todos, muchas veces voy conduciendo y me fijo (entre otras cosas), en las matriculas de los coches. Me viene de formación profesional, como a vosotros supongo, hallar en estas matriculas las siglas que leemos todos los días. Así pues, por favor, si alguien tiene un carro cuyas tres ultimas letras acaban en CSS, WAI, HTM, DIV, etc... que haga una foto, la suba y dé la dirección! XD No hay premios en este asunto (amén de lo que digan los administradores de Ovillo, jejeje), pero si aplausos y felicitaciones mil por parte de los listeros (yo el primero). Y no me hagan mucho caso, es viernes y por aquí (Sevilla) estamos en Feria... Así que a estas alturas el riego ya no va muy bien. Buen fin de semana a todos! Abel. PD: Perdón por la chorrada del mensaje, sólo quería relajar el ambiente ^__^ ___ 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] [Offtopic] Matriculas accesibles
On 4/15/05, Iban Rodriguez [EMAIL PROTECTED] wrote: Jajajajaja. La idea no es mala... pero desgraciadamente yo no suelo ir con una cámara de fotos por la calle. Esto me recuerda la idea que tuve una vez... se me ocurrió coleccionar matriculas como GIF, PSD, JPG, BMP, etc... Una amiga mía tiene de matrícula BMP. ;) Y CSS creo haber visto también. El resto todavía tardaremos en llegar, que como mucho estaremos por la E. El mio el BXH, tendré que crear un estándar nuevo! -- Alejandro Lillo www.nordic-design.net ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
[Ovillo] Cambio de tamaño de texto
Buenas. Como dice el título de este post, mi pregunta viene referida al cambio de tamaño de la tipografía de todas o cada una de las partes del documento. Es decir, ¿Cómo cambio el tamaño de la tipografía de todo el documento? ¿Simplemente haciendo un cambio de la hoja de estilos mediante un botón que llame a un javascript? o ¿Hay una forma más simple que simplemente cogiendo de base la hoja de estilos predeterminada le sume un punto o pixel a la tipo para así agrandarla? Creo haberlo visto de las dos maneras. Y pienso que la mejor es la segunda. Más limpia, menos pesada. ¿Más profesional? ¿Y si quiero cambiar el tamaño de ciertas clases en vez de todo el documento? Digamos que sólo quiero alterar la tipo de la parte de contenido y dejar igual el menú. ¿Como se haría? Como veis estoy cargado de dudas porque realmente no sé cual es el mejor método para llevar acabo tal proceso. Por adelantado os doy las gracias por la posible contestación, por su lectura y porque llevo un recorrido de aprendizaje exponencial por cada día que me siento a leer los mensajes de la lista. Gracias. -- nomadesign http://.nomadesign.info/ Ricardo Valiente ___ 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: **SPAM?** [Ovillo] [Offtopic] Matriculas accesibles
AD muchas veces voy conduciendo y me fijo (entre otras AD cosas), en las matriculas de los coches. Me viene de AD formación profesional, como a vosotros supongo, hallar AD en estas matriculas las siglas que leemos todos los AD días. Así pues, por favor, si alguien tiene un carro AD cuyas tres ultimas letras acaban en CSS, WAI, HTM, DIV, AD etc... que haga una foto, la suba y dé la dirección! XD Es curioso como nos ocurre a muchos las mismas cosas. En argentina las patentes (chapas) de los autos (carros) son del tipo ABC 123 y usan también las vocales, de modo que desde que dibujaba en AutoCAD siempre soñaba con un coche (auto / carro) cuyas siglas fueran DWG 001, ahora prefiero un CSS, como chapa de presentación, y contenido dentro algún XML. También por aquí ya es viernes (y aunque restan varias horas de trabajo se siente cerca el fin de semana). ___ 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: **SPAM?** [Ovillo] [Offtopic] Matriculas accesibles
Muchachos ya estan rayando en la locura, y si necesitas una placa con esas iniciales pues retocala en gimp o photoshop El 15/04/05, accesible.com.ar[EMAIL PROTECTED] escribió: AD muchas veces voy conduciendo y me fijo (entre otras AD cosas), en las matriculas de los coches. Me viene de AD formación profesional, como a vosotros supongo, hallar AD en estas matriculas las siglas que leemos todos los AD días. Así pues, por favor, si alguien tiene un carro AD cuyas tres ultimas letras acaban en CSS, WAI, HTM, DIV, AD etc... que haga una foto, la suba y dé la dirección! XD Es curioso como nos ocurre a muchos las mismas cosas. En argentina las patentes (chapas) de los autos (carros) son del tipo ABC 123 y usan también las vocales, de modo que desde que dibujaba en AutoCAD siempre soñaba con un coche (auto / carro) cuyas siglas fueran DWG 001, ahora prefiero un CSS, como chapa de presentación, y contenido dentro algún XML. También por aquí ya es viernes (y aunque restan varias horas de trabajo se siente cerca el fin de semana). ___ 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 -- == Oscar López A www.oscarlopez.tk == Usando linux ... == ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
RE: [Ovillo] por qué el uso de tablas va en contra de los estandares
Quería decir tabulares, sorry :) -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Hamadi Enviado el: viernes, 15 de abril de 2005 19:10 Para: 'Ovillo, la lista de CSS en castellano' Asunto: RE: [Ovillo] por qué el uso de tablas va en contra de los estandares Entonces la pregunta que me hago yo es ... porqué usar css para maquetar datos tubulares?, porqué no maquetar la página con css y usar tablas para meter datos tipo tubular. Un saludo -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de escael Enviado el: viernes, 15 de abril de 2005 21:01 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] por qué el uso de tablas va en contra de los estandares muchas gracias a todos por sus respuestas, ya mi duda quedo respondida y muchas mas que pensaba hacer. un saludo skl Braulio Andrés Soncco Pimentel wrote: escael wrote: el empleo de tablas debe ser nulo. ahora va mi pregunta ¿por qué el uso de tablas va en contra de los estandares? El uso de las tablas no va en contra de los estándares, se ha discutido mucho sobre esto, en realidad lo que no se debe hacer es maquetar con tablas, me refiero a hacer bloques para separar contenidos en una página web, Ejemplo: una celda para poner el contenido, otra celda para poner los menus (los menús hechos con tablas), otra celda para hacer el pie de página etc. Si haces tu maquetación usando tablas, usando CSS, talvez el validador del w3 te diga que tu página cumple los estándares, pero no te dice que está semánticamente incorrecto, las tablas no sirven para maquetar, sirve para mostrar datos. Las tablas como su nombre lo dice, sirven para mostrar datos tabulados, por ejemplo: Estadísticas, inventarios, etc. Las tablas no van en contra de los estándares, sólamente hay que saber dónde usarlos. Pd: Estoy ebrio :P ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
RE: [Ovillo] por qué el uso de tablas va en contra de los estandares
Entonces usar una tabla simplemente como contenedora y aplicarle el estilo mediante CSS sería correcto, osea seguimos usando una tabla. -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Txuma Campos [altctrlsupr.com] Enviado el: viernes, 15 de abril de 2005 19:18 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] por qué el uso de tablas va en contra de los estandares Voy con mis explicaciones de todo a 100 sonrisa El lenguaje HTML es un lenguaje de marcado. ¿Eso qué significa? Está pensado para marcar contenido, no para darle formato. Es decir, que las etiquetas 'definan' el contenido que llevan dentro. Con un ejemplo lo entenderás: la etiqueta H1 indica que lo que va dentro es un encabezado de nivel 1 o la etiqueta LI indica que lo que va dentro es un elemento de lista. Y ahí debemos parar. El documento HTML no debe llevar nada de formato dentro. El documento HTML solo contiene la estructura y el contenido. CSS es un leguaje pensado para dar 'estilo', para dar 'formato'. Y la palabra 'estilo' incluye muchas cosas: maquetación de los elementos, estilos de los textos, etc. etc. etc. Conclusión: ambos lenguajes están pensados para que puedas separar CONTENIDO por un lado y FORMATO por otro, que es lo lógico. En tu ejemplo concreto: la tabla sólo debe llevar datos, y las etiquetas de esa tabla identificarán de alguna manera esos datos (si son el título de la tabla pondrás un CAPTION, si es una celda que encabeza a otras pondrás un TH, si es el pie de una tabla pondras un TFOOT). Pero ahí se termina la función del HTML para mostrar datos. Si tú quieres presentarlos de una determinada forma visual podrás hacerlo a través de la hoja de estilos. Espero haberme explicado. Hamadi wrote: Entonces la pregunta que me hago yo es ... porqué usar css para maquetar datos tubulares?, porqué no maquetar la página con css y usar tablas para meter datos tipo tubular. Un saludo -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de escael Enviado el: viernes, 15 de abril de 2005 21:01 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] por qué el uso de tablas va en contra de los estandares muchas gracias a todos por sus respuestas, ya mi duda quedo respondida y muchas mas que pensaba hacer. un saludo skl Braulio Andrés Soncco Pimentel wrote: escael wrote: el empleo de tablas debe ser nulo. ahora va mi pregunta ¿por qué el uso de tablas va en contra de los estandares? El uso de las tablas no va en contra de los estándares, se ha discutido mucho sobre esto, en realidad lo que no se debe hacer es maquetar con tablas, me refiero a hacer bloques para separar contenidos en una página web, Ejemplo: una celda para poner el contenido, otra celda para poner los menus (los menús hechos con tablas), otra celda para hacer el pie de página etc. Si haces tu maquetación usando tablas, usando CSS, talvez el validador del w3 te diga que tu página cumple los estándares, pero no te dice que está semánticamente incorrecto, las tablas no sirven para maquetar, sirve para mostrar datos. Las tablas como su nombre lo dice, sirven para mostrar datos tabulados, por ejemplo: Estadísticas, inventarios, etc. Las tablas no van en contra de los estándares, sólamente hay que saber dónde usarlos. Pd: Estoy ebrio :P ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] por qué el uso de tablas va en contra de los estandares
sí es cierto, al menos en mi caso. Si tuviese que volvera a hacer un diseño completo tilizando las tablas para maquetar tardaría más :) Hamadi wrote: Vale, ahora me queda claro, gracias por tu respuesta, ha sido sencilla y efectiva. Por cierto, leía el otro día un mail de Kemie, decía que cuando te acostumbras a maquetar con CSS lo de las tablas te parece hasta más difícil, es cierto, llevo poco pero me parece mucho más cómodo, aunque las siga usando para los famosos tabulares ;) Salu2 -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Txuma Campos [altctrlsupr.com] Enviado el: viernes, 15 de abril de 2005 19:38 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] por qué el uso de tablas va en contra de los estandares Si, claro que seguimos usando la tabla. A ver, que tal vez no haya quedado claro. Las tablas son PERFECTAMENTE VALIDAS, pero si se utilizan para lo que están pensadas: mostrar datos tabulares (por ejemplo, una clasificación de fútbol). Siempre que leas por ahí que NO hay que usar tablas se refiere a que no hay que usarlar para maquetar un documento (para hacer, por ejemplo, un layout en columnas). Conclusión: Tablas para datos tabulares: SI (es para lo que fueros creadas) Tablas para maquetar un documento: NO Saludos Hamadi wrote: Entonces usar una tabla simplemente como contenedora y aplicarle el estilo mediante CSS sería correcto, osea seguimos usando una tabla. -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Txuma Campos [altctrlsupr.com] Enviado el: viernes, 15 de abril de 2005 19:18 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] por qué el uso de tablas va en contra de los estandares Voy con mis explicaciones de todo a 100 sonrisa El lenguaje HTML es un lenguaje de marcado. ¿Eso qué significa? Está pensado para marcar contenido, no para darle formato. Es decir, que las etiquetas 'definan' el contenido que llevan dentro. Con un ejemplo lo entenderás: la etiqueta H1 indica que lo que va dentro es un encabezado de nivel 1 o la etiqueta LI indica que lo que va dentro es un elemento de lista. Y ahí debemos parar. El documento HTML no debe llevar nada de formato dentro. El documento HTML solo contiene la estructura y el contenido. CSS es un leguaje pensado para dar 'estilo', para dar 'formato'. Y la palabra 'estilo' incluye muchas cosas: maquetación de los elementos, estilos de los textos, etc. etc. etc. Conclusión: ambos lenguajes están pensados para que puedas separar CONTENIDO por un lado y FORMATO por otro, que es lo lógico. En tu ejemplo concreto: la tabla sólo debe llevar datos, y las etiquetas de esa tabla identificarán de alguna manera esos datos (si son el título de la tabla pondrás un CAPTION, si es una celda que encabeza a otras pondrás un TH, si es el pie de una tabla pondras un TFOOT). Pero ahí se termina la función del HTML para mostrar datos. Si tú quieres presentarlos de una determinada forma visual podrás hacerlo a través de la hoja de estilos. Espero haberme explicado. Hamadi wrote: Entonces la pregunta que me hago yo es ... porqué usar css para maquetar datos tubulares?, porqué no maquetar la página con css y usar tablas para meter datos tipo tubular. Un saludo -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de escael Enviado el: viernes, 15 de abril de 2005 21:01 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] por qué el uso de tablas va en contra de los estandares muchas gracias a todos por sus respuestas, ya mi duda quedo respondida y muchas mas que pensaba hacer. un saludo skl Braulio Andrés Soncco Pimentel wrote: escael wrote: el empleo de tablas debe ser nulo. ahora va mi pregunta ¿por qué el uso de tablas va en contra de los estandares? El uso de las tablas no va en contra de los estándares, se ha discutido mucho sobre esto, en realidad lo que no se debe hacer es maquetar con tablas, me refiero a hacer bloques para separar contenidos en una página web, Ejemplo: una celda para poner el contenido, otra celda para poner los menus (los menús hechos con tablas), otra celda para hacer el pie de página etc. Si haces tu maquetación usando tablas, usando CSS, talvez el validador del w3 te diga que tu página cumple los estándares, pero no te dice que está semánticamente incorrecto, las tablas no sirven para maquetar, sirve para mostrar datos. Las tablas como su nombre lo dice, sirven para mostrar datos tabulados, por ejemplo: Estadísticas, inventarios, etc. Las tablas no van en contra de los estándares, sólamente hay que saber dónde usarlos. Pd: Estoy ebrio :P ___ 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
[Ovillo] Re: Resumen de Ovillo, Vol 14, Envío 61
ufff FOR FAVOR quitenme ya de esta lista es que no funciona el sistema?¿? - Original Message - From: [EMAIL PROTECTED] To: ovillo@lists.ovillo.org Sent: Friday, April 15, 2005 7:19 PM Subject: Resumen de Ovillo, Vol 14, Envío 61 Envie los mensajes para la lista Ovillo a ovillo@lists.ovillo.org Para subscribirse o anular su subscripción a través de WEB http://ovillo.org/mailman/listinfo/ovillo O por correo electrónico, enviando un mensaje con el texto help en el asunto (subject) o en el cuerpo a: [EMAIL PROTECTED] Puede contactar con el responsable de la lista escribiendo a: [EMAIL PROTECTED] Si responde a algún contenido de este mensaje, por favor, edite la linea del asunto (subject) para que el texto sea mas especifico que: Re: Contents of Ovillo digest Ademas, por favor, incluya en la respuesta solo aquellas partes del mensaje a las que esta respondiendo. Asuntos del día: 1. Re: [Offtopic] Matriculas accesibles (Alejandro Lillo) 2. Cambio de tamaño de texto (Ricardo Valiente) 3. Re: **SPAM?** [Ovillo] [Offtopic] Matriculas accesibles (accesible.com.ar) 4. Re: **SPAM?** [Ovillo] [Offtopic] Matriculas accesibles (Oscar Lopez) 5. Re: por qué el uso de tablas va en contra de los estandares (escael) 6. RE: por qué el uso de tablas va en contra de los estandares (Hamadi) 7. RE: por qué el uso de tablas va en contra de los estandares (Hamadi) 8. Re: por qué el uso de tablas va en contra de los estandares (Txuma Campos [altctrlsupr.com]) -- Message: 1 Date: Fri, 15 Apr 2005 16:25:28 +0200 From: Alejandro Lillo [EMAIL PROTECTED] Subject: Re: [Ovillo] [Offtopic] Matriculas accesibles To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Message-ID: [EMAIL PROTECTED] Content-Type: text/plain; charset=ISO-8859-1 On 4/15/05, Iban Rodriguez [EMAIL PROTECTED] wrote: Jajajajaja. La idea no es mala... pero desgraciadamente yo no suelo ir con una cámara de fotos por la calle. Esto me recuerda la idea que tuve una vez... se me ocurrió coleccionar matriculas como GIF, PSD, JPG, BMP, etc... Una amiga mía tiene de matrícula BMP. ;) Y CSS creo haber visto también. El resto todavía tardaremos en llegar, que como mucho estaremos por la E. El mio el BXH, tendré que crear un estándar nuevo! -- Alejandro Lillo www.nordic-design.net -- Message: 2 Date: Fri, 15 Apr 2005 15:58:18 +0200 From: Ricardo Valiente [EMAIL PROTECTED] Subject: [Ovillo] Cambio de tamaño de texto To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Message-ID: [EMAIL PROTECTED] Content-Type: text/plain; charset=ISO-8859-1; format=flowed Buenas. Como dice el título de este post, mi pregunta viene referida al cambio de tamaño de la tipografía de todas o cada una de las partes del documento. Es decir, ¿Cómo cambio el tamaño de la tipografía de todo el documento? ¿Simplemente haciendo un cambio de la hoja de estilos mediante un botón que llame a un javascript? o ¿Hay una forma más simple que simplemente cogiendo de base la hoja de estilos predeterminada le sume un punto o pixel a la tipo para así agrandarla? Creo haberlo visto de las dos maneras. Y pienso que la mejor es la segunda. Más limpia, menos pesada. ¿Más profesional? ¿Y si quiero cambiar el tamaño de ciertas clases en vez de todo el documento? Digamos que sólo quiero alterar la tipo de la parte de contenido y dejar igual el menú. ¿Como se haría? Como veis estoy cargado de dudas porque realmente no sé cual es el mejor método para llevar acabo tal proceso. Por adelantado os doy las gracias por la posible contestación, por su lectura y porque llevo un recorrido de aprendizaje exponencial por cada día que me siento a leer los mensajes de la lista. Gracias. -- nomadesign http://.nomadesign.info/ Ricardo Valiente -- Message: 3 Date: Fri, 15 Apr 2005 13:17:57 -0300 From: accesible.com.ar [EMAIL PROTECTED] Subject: Re: **SPAM?** [Ovillo] [Offtopic] Matriculas accesibles To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Message-ID: [EMAIL PROTECTED] Content-Type: text/plain; charset=ISO-8859-1 AD muchas veces voy conduciendo y me fijo (entre otras AD cosas), en las matriculas de los coches. Me viene de AD formación profesional, como a vosotros supongo, hallar AD en estas matriculas las siglas que leemos todos los AD días. Así pues, por favor, si alguien tiene un carro AD cuyas tres ultimas letras acaban en CSS, WAI, HTM, DIV, AD etc... que haga una foto, la suba y dé la dirección! XD Es curioso como nos ocurre a muchos las mismas cosas. En argentina las patentes (chapas) de los autos (carros) son del tipo ABC 123 y usan también las vocales, de modo que desde que dibujaba en AutoCAD siempre soñaba con un coche (auto / carro) cuyas siglas fueran DWG 001, ahora prefiero un CSS, como chapa de presentación, y contenido dentro algún XML. También por aquí ya es viernes (y
Re: **SPAM?** [Ovillo] [Offtopic] Matriculas accesibles
en españa a htm y wai les queda un tiempo considerable para verse aun. El 15/04/05, Oscar Lopez[EMAIL PROTECTED] escribió: Muchachos ya estan rayando en la locura, y si necesitas una placa con esas iniciales pues retocala en gimp o photoshop El 15/04/05, accesible.com.ar[EMAIL PROTECTED] escribió: AD muchas veces voy conduciendo y me fijo (entre otras AD cosas), en las matriculas de los coches. Me viene de AD formación profesional, como a vosotros supongo, hallar AD en estas matriculas las siglas que leemos todos los AD días. Así pues, por favor, si alguien tiene un carro AD cuyas tres ultimas letras acaban en CSS, WAI, HTM, DIV, AD etc... que haga una foto, la suba y dé la dirección! XD Es curioso como nos ocurre a muchos las mismas cosas. En argentina las patentes (chapas) de los autos (carros) son del tipo ABC 123 y usan también las vocales, de modo que desde que dibujaba en AutoCAD siempre soñaba con un coche (auto / carro) cuyas siglas fueran DWG 001, ahora prefiero un CSS, como chapa de presentación, y contenido dentro algún XML. También por aquí ya es viernes (y aunque restan varias horas de trabajo se siente cerca el fin de semana). ___ 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 -- == Oscar López A www.oscarlopez.tk == Usando linux ... == ___ 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] Centrado vertical
Gracias, que vago que soy ;)
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de Txuma Campos [altctrlsupr.com]
Enviado el: viernes, 15 de abril de 2005 21:26
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Centrado vertical
Hay múltiples fórmulas.
Busca 'vertical centering CSS' en Google y ya verás
guiño
Saludos
Hamadi wrote:
Hola de nuevo,
Alguien puede explicarme cómo centrar verticalmente el contenido de una
caja?
Porque si usamos:
#contenedor {
Width: 100px;
Height: 100px;
Vertical-align: middle;
Text-align: center;
}
..
div id=contenedorbla bla bla/div
..
. lo centra horizontalmente pero no verticalmente, que pasa con valign?,
no
lo entiendo porque conoce el heigh.
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
[Ovillo] links seleccionados con focus
Hola, estoy haciendo links a los que les estoy aplicando la propiedad a:focus, en firefox cuando pulso un atajo del teclado, se selecciona y directamente va a donde el link le manda, sin embargo con internet explorer, ni se me quedan seleccionados los textos ni va a ningun sitio. Alguien sabe que puedo hacer? Gracias Chriss ___ 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] Ya no se que más probar DIV que no encuadra bien
Perdonar mi desconocimiento, pero en el siguiente código, quiero que la
zona amarilla se extienda hasta el final para que recuadre todos los
contenidos. (Firefox)
He probado a poner overflow:auto a DIV#cuerpo DIV.contenido, a
DIV#contenido y a DIV#content, pero no lo consigo.
Que estoy haciendo mal ???
Pd: Los colores lo he puesto para no tener que enviar las imgs de fondo
CODIGO
===
!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;
head
style
.hilite {
color: #fff;
background-color: #f93;
}
BODY
{
background-color:#fafafa;
padding: 15px;
margin: 0px;
text-align: center;
color:#666;
font: 11px/19px tahoma;
}
A, A:link, A:visited, A:active
{
color: #6984A0;
}
A:hover
{
color: #55606B;
}
DIV.both, BR.both
{
height: 0px;
clear: both;
font-size: 0px;
line-height: 0px;
font-family: arial;
}
FORM
{
padding: 0px;
margin: 0px;
}
DIV#cabecera
{
background-color:#00;
width: 760px;
height:84px;
margin-left: auto;
margin-right: auto;
padding-top:5px; /*0 IE*/
text-align: left;
}
DIV#cabecera DIV#logo
{
margin-left: 10px;
margin-top:0px; /* 5 ie*/
width:200px
}
DIV#cabecera DIV#logo A, DIV#cabecera DIV#logo A:link,
DIV#cabecera DIV#logo A:active, DIV#cabecera DIV#logo A:visited
{
display: block;
width: 254px;
height: 61px;
}
DIV#cabecera DIV#slogan
{
float: right;
font: bold 12px/17px arial;
color: #66;
text-align: right;
margin-right: 5px;
margin-top: 5px;
}
DIV#menusup
{
float: right;
font: bold 10px arial;
height:22px;
color: #2D;
text-align: right;
margin-right: 15px;
margin-top: 30px;
padding:0px 3px 0px 3px;
text-transform:uppercase;
}
DIV#menusup .item ,DIV#menusup .item a, DIV#menusup .item
a:link,DIV#menusup .item a:active,DIV#menusup .item a:visited{
text-decoration:none;
color: #66;
height:22px;
padding: 4px 1px 4px 1px;
font: bold 10px arial;
}
DIV#menusup .item a:hover{
color: #66;
height:22px;
text-decoration: none;
padding: 4px 1px 4px 1px;
}
DIV#autores
{
background-color:#993366;
margin-left: auto;
margin-right: auto;
width: 760px;
margin-bottom: 15px;
}
DIV#autores DIV#contenido {padding: 20px;
background-color:#993366; }
DIV#aleatorio P A,DIV#presentacion P A, DIV#col3presentacion P A
{ color: #666; }
DIV#aleatorio P A:hover,DIV#presentacion P A:hover,
DIV#col3presentacion P A:hover { color: #999; }
DIV#aleatorio H6, DIV#col3presentacion H6
{
margin:0px 0px 0px 32px;
font: bold 11px tahoma;
color: #6984A0;
}
DIV#presentacion H6{
margin:0px 0px 0px 0px;
font: bold 11px tahoma;
color: #6984A0;
}
DIV#aleatorio H6 A, DIV#presentacion H6 A, DIV#col3presentacion
H6 A
{
color: #6984A0;
text-decoration: none;
}
DIV#aleatorio H6 A:hover, DIV#presentacion H6 A:hover,
DIV#col3presentacion H6 A:hover
{
color: #6984A0;
text-decoration: none;
}
DIV#aleatorio
{
font: 10px/15px arial;
color: #666;
width: 190px;
height: 103px;
text-align: left;
padding-left: 50px;
float: left;
}
DIV#aleatorio P { margin-left:32px;height: 20px; }
DIV#presentacion
{
font: 11px/15px arial;
color: #666;
width: 437px;
height: 103px;
text-align: left;
padding-left: 10px;
float: left;
border-left:1px dashed #CC;
margin-left:10px;
}
DIV#col3presentacion
{
background: url(foto_c.jpg) no-repeat;
font: 10px/15px arial;
color: #666;
RE: [Ovillo] EDITO: Ya no se que más probar DIV que no encuadra bien
Perdonar mi desconocimiento, pero en el siguiente código, quiero que la
zona amarilla , [EDITADO] perdón, la zona gris [/EDITADO] se extienda
hasta el final para que recuadre todos los
contenidos. (Firefox)
He probado a poner overflow:auto a DIV#cuerpo DIV.contenido, a
DIV#contenido y a DIV#content, pero no lo consigo.
Que estoy haciendo mal ???
Pd: Los colores lo he puesto para no tener que enviar las imgs de fondo
CODIGO
===
!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;
head
style
.hilite {
color: #fff;
background-color: #f93;
}
BODY
{
background-color:#fafafa;
padding: 15px;
margin: 0px;
text-align: center;
color:#666;
font: 11px/19px tahoma;
}
A, A:link, A:visited, A:active
{
color: #6984A0;
}
A:hover
{
color: #55606B;
}
DIV.both, BR.both
{
height: 0px;
clear: both;
font-size: 0px;
line-height: 0px;
font-family: arial;
}
FORM
{
padding: 0px;
margin: 0px;
}
DIV#cabecera
{
background-color:#00;
width: 760px;
height:84px;
margin-left: auto;
margin-right: auto;
padding-top:5px; /*0 IE*/
text-align: left;
}
DIV#cabecera DIV#logo
{
margin-left: 10px;
margin-top:0px; /* 5 ie*/
width:200px
}
DIV#cabecera DIV#logo A, DIV#cabecera DIV#logo A:link,
DIV#cabecera DIV#logo A:active, DIV#cabecera DIV#logo A:visited
{
display: block;
width: 254px;
height: 61px;
}
DIV#cabecera DIV#slogan
{
float: right;
font: bold 12px/17px arial;
color: #66;
text-align: right;
margin-right: 5px;
margin-top: 5px;
}
DIV#menusup
{
float: right;
font: bold 10px arial;
height:22px;
color: #2D;
text-align: right;
margin-right: 15px;
margin-top: 30px;
padding:0px 3px 0px 3px;
text-transform:uppercase;
}
DIV#menusup .item ,DIV#menusup .item a, DIV#menusup .item
a:link,DIV#menusup .item a:active,DIV#menusup .item a:visited{
text-decoration:none;
color: #66;
height:22px;
padding: 4px 1px 4px 1px;
font: bold 10px arial;
}
DIV#menusup .item a:hover{
color: #66;
height:22px;
text-decoration: none;
padding: 4px 1px 4px 1px;
}
DIV#autores
{
background-color:#993366;
margin-left: auto;
margin-right: auto;
width: 760px;
margin-bottom: 15px;
}
DIV#autores DIV#contenido {padding: 20px;
background-color:#993366; }
DIV#aleatorio P A,DIV#presentacion P A, DIV#col3presentacion P A
{ color: #666; }
DIV#aleatorio P A:hover,DIV#presentacion P A:hover,
DIV#col3presentacion P A:hover { color: #999; }
DIV#aleatorio H6, DIV#col3presentacion H6
{
margin:0px 0px 0px 32px;
font: bold 11px tahoma;
color: #6984A0;
}
DIV#presentacion H6{
margin:0px 0px 0px 0px;
font: bold 11px tahoma;
color: #6984A0;
}
DIV#aleatorio H6 A, DIV#presentacion H6 A, DIV#col3presentacion
H6 A
{
color: #6984A0;
text-decoration: none;
}
DIV#aleatorio H6 A:hover, DIV#presentacion H6 A:hover,
DIV#col3presentacion H6 A:hover
{
color: #6984A0;
text-decoration: none;
}
DIV#aleatorio
{
font: 10px/15px arial;
color: #666;
width: 190px;
height: 103px;
text-align: left;
padding-left: 50px;
float: left;
}
DIV#aleatorio P { margin-left:32px;height: 20px; }
DIV#presentacion
{
font: 11px/15px arial;
color: #666;
width: 437px;
height: 103px;
text-align: left;
padding-left: 10px;
float: left;
border-left:1px dashed #CC;
margin-left:10px;
}
DIV#col3presentacion
{
background: url(foto_c.jpg) no-repeat;
font:
