[Ovillo] Mini-Lección DIV+CSS

[Iban Rodriguez]

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   o  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.
__

?>
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] Mini-Lección DIV+CSS

[Ernesto Frías]

Ivan, en primer lugar te voy a pasar un enlace que es "un conjunto de
enlaces relacionados con CSS y XHTML", el cual la verdad es que a mi
me ha servido de bastante (si bien es cierto que lo que más enseña es
la practica).

http://dezwozhere.com/links.html

Respecto al asunto de las tablas, efectivamente, las tablas si se
trabaja basandose en estándares, su principal función es la de mostrar
información tabulada. Si ademas es semanticamente correcta, mejor que
mejor.

En cuanto al , , etc... depende de la prioridad y la
importancia que tu le quieras dar. Por ejemplo, en un periodico lo más
normal es que  fuese el titular de la noticia, o el nombre del
periodico (en este caso, entonces  deberia ser el titular.

Ah!!! Y es mucho más sencillo hacerlo con tablas. Pero esto es ahora.
En cuanto domines el tema de XHTML + CSS, y hayas hecho cinco webs,
por poner un ejemplo, veras que no es tan complicado. Y ojo, a mi a
veces me cuesta... pero bueno, poco a poco.

Un saludete,

Ernesto Frías
H2o Magazine > Personal
DBS Servicios Informáticos > Work

> 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   o  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.
> __
>  $Autor = "Iban Rodriguez";
> // Programador, 
> ?>
> 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
>
___
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

[Maikel Naigt]

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

[kemie guaida]

Iban:
Con respecto a la "divitis" recuerda que puedes aplicar estilos 
directamente a cualquier elemento, no solo a un div, por ejemplo:
 o 
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  |:.


 

___
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

[Maikel Naigt]

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:
>  o 
> 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  |:.
> 
> 
> >
> >
> ___
> 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

[Ramon Pravia]

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

[Daniel Torres Burriel]

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

[Pablo Hevia]

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

Re: [Ovillo] Presentación

[Ernesto Frías]

Daniel, gracias mil por el recibimiento. Y me alegro muchisimo de verte... ;)

A ver, lo de que no es obligatorio el uso de float en el diseño de
noticias ni junto con el marcado de listas de definición, estoy
totalmente de acuerdo contigo. Lo que no tengo nada claro es que lo
haya hecho bien... y me preocupa, porque quiero aprender.

Poco a poco le voy pillando el tranquillo, y la verdad es que me esta
gustando y mucho. Voy a hacer una cosa: voy a colgar lo que he hecho,
y a ver si algún amable usuario de la lista piensa que es correcto,
muy mejorable, simple y llanamente mejorable...

Se agradecen opiniones de cualquier tipo (las tuyas incluidas, como no).

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?

A ver, he colgado lo hecho hasta ahora en:

http://www.dbs.es/pruebas/xhtml/

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.

Gracias mil a todos.

Ernesto Frías

> > 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
>
___
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

[xema]

Hola,

Básicamente si una lista de navegación es más correcta semánticamente
como una lista ordenada  o desordenada .

Molly Holzschlag en un articulo
(http://www.informit.com/articles/printerfriendly.asp?p=369225&rl=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?

[Iñaki Lorenzo]

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]  
 
CONSULTEC S.L.
 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] por qué el uso de tablas va encontra de los estandares

[Félix Zapata Berlinches]

Es buenísima


 

Félix Zapata Berlinches

Tanta Tecnología y Comunicación
Grupo Onetec
c/ Julián Camarillo 26 1º Of. 2
28037 Madrid
Tel.: 91.440.10.40
Fax: 91.304.91.24
www.tantacom.com
www.grupoonetec.com

 

 

"Este correo electrónico y, en su caso, cualquier fichero anexo al mismo,
pueden contener información de carácter confidencial exclusivamente dirigida
a la persona o entidad a la que se le envía. Queda prohibido cualquier uso
indebido, revisión, retransmisión o diseminación del contenido por personas
o entidades ajenas al destinatario. Si recibe usted este correo por error,
le rogamos que nos lo comunique por la misma vía al remitente y proceda a
borrar este material de todo ordenador. Gracias." 

 

___

 

"The information in this e-mail and in any attachments is confidential and
solely for the attention and use of the named addressee(s). You are hereby
notified that any distribution, copy or dissemination of this communication
is prohibited without the prior written consent of the sender. If you
received this in error and are not the formal receiver of this message
please destroy it without making any digital or physical copy and inform the
sender by e-mail of the reception of the present message. Thank you"

 

-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de Pablo Hevia
Enviado el: viernes, 15 de abril de 2005 10:56
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] por qué el uso de tablas va encontra 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

Re: [Ovillo] Presentación

[Daniel Torres Burriel]

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=1&uri=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

[Ernesto Rodriguez Ageitos]

Hola tocayo,
Yo para noticias usaría etiquetas  (,...), especialmente para 
que los lectores de pantalla pudiesen reconocer los titulares, algo así 
como:

Titular de la noticia

La noticia en cuestión...

(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:
Titular de la 
noticia

La noticia en cuestión...


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?

[Abel Domínguez]

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" 
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] 
CONSULTEC S.L.
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

[Daniel Torres Burriel]

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] Importar imagenes con css?

[Iñaki Lorenzo]

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" 
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] 

CONSULTEC S.L.
 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

Re: [Ovillo] Presentación

[Ernesto Frías]

Otro Ernesto... lo bueno abunda... ;-)

Gracias a ambos por las contestaciones. 

El tema de la validación no me supone ningún problema. De hecho ahora
lo solucionare. En cuanto este lo vuelvo a subir...

Asi que me recomiendas una lista desordenada. H... ¿No seria mejor
una lista de definición? A nivel semantico y demás comento.

En cualquier caso, ¿creeis que esta muy mal tal como esta hecho ahora?

A mi me suena que incluir un  en una lista de definición no es muy
correcto. No recuerdo donde lo lei, pero se con toda seguridad que
algo habia leido del tema.

Bueno, aprendiendo a ritmos forzados.

Gracias a ambos. Y espero alguna contestación más... ;)

Un saludo,
Ernesto

> Hola tocayo,
> 
> Yo para noticias usaría etiquetas  (,...), especialmente para
> que los lectores de pantalla pudiesen reconocer los titulares, algo así
> como:
> 
> Titular de la noticia
> 
> La noticia en cuestión...
> 
> 
> (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:
> >
> > Titular de la
> > noticia
> > 
> > La noticia en cuestión...
> > 
> >
> >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
>
___
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

[Ernesto Frías]

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  o desordenada .
> 
> Molly Holzschlag en un articulo
> (http://www.informit.com/articles/printerfriendly.asp?p=369225&rl=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] La navegacion semantica y las listas

[Daniel Torres Burriel]

El 15/04/2005, a las 11:06, xema escribió:
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?
De la especificación: 
http://html.conclase.net/w3c/html401-es/struct/lists.html

- inicio cita -
HTML ofrece a los autores varios mecanismos para especificar listas de 
información. Todas las listas deben contener uno o más objetos de 
lista. Las listas pueden contener:

* Información no ordenada.
* Información ordenada.
* Definiciones.
La lista anterior, por ejemplo, es una lista no ordenada, creada con el 
elemento UL

Una lista ordenada, creada por medio del elemento OL, debería contener 
información para la cual debe ponerse énfasis en el orden, como en una 
receta de cocina.

Las listas de definiciones, creadas por medio del elemento DL, 
consisten generalmente en una serie de parejas término/definición (si 
bien las listas de definiciones pueden tener otras aplicaciones). Por 
ejemplo, se podría usar una lista de definiciones en la publicidad de 
un producto.

- fin cita -
Creo que la única diferencia entre la lista desordenada y la ordenada 
es que ésta "debería contener información para la cual debe ponerse 
énfasis en el orden". Es decir, que debería usarse cuando los elementos 
de la lista indiquen un proceso que implica la concatenación de fases. 
Y de ese modo el matiz de 'lo secuencial' quizá pasase a un segundo 
plano. O por lo menos, debería entenderse 'lo secuencial' comoproceso y 
no como concatenación de elementos, que no es sino una lista.

El ejemplo de lista ordenada que pone la especificación es el de una 
receta de cocina. Creo que el ejemplo es muy válido.

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] Mini-Lección DIV+CSS

[Iban Rodriguez]

OK muchas gracias a todos por las respuestas.

Echare un ojo a esas paginas. Tengo un proyecto personal que llevo ya varios
meses esperando a ponerme, y lo queria hacer DIV+CSS...  aprovechare y a ver
si de paso me sirve.

Si tengo un rato también os paso la "chapuza" de divs que tengo hecha ahora
en una de las hojas (es una de esas Webs que hay que terminar para antes de
ayer), para ver qué sugerís.

Un saludo.

__

?>
www.themovie.org


-Mensaje original-
De: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] nombre de Ramon Pravia
Enviado el: viernes, 15 de abril de 2005 10:32
Para: ovillo@ovillo.org
Asunto: 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

___
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?

[Abel Domínguez]

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" 
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" 
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] 
CONSULTEC S.L.
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

[Abel Domínguez]

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

[Samuel Agudiño]

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?

[Iñaki Lorenzo]

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" 
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" 
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] 

CONSULTEC S.L.
 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 Ovillo
Para escribir a la list

RE: [Ovillo] [Offtopic] Matriculas accesibles

[Iban Rodriguez]

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).

__

?>
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

[Alejandro Lillo]

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

[Ricardo Valiente]

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 
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

[accesible.com.ar]

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

[Oscar Lopez]

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

[escael]

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

RE: [Ovillo] por qué el uso de tablas va en contra de los estandares

[Hamadi]

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

RE: [Ovillo] por qué el uso de tablas va en contra de los estandares

[Hamadi]

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

[Txuma Campos [altctrlsupr.com]]

Voy con mis explicaciones de todo a 100 
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

RE: [Ovillo] por qué el uso de tablas va en contra de los estandares

[Hamadi]

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 

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

[Ovillo] OT. Posible curro.

[Angel Cervera Claudio]

Buenas.
Ante todo pedir disculpas a los que les pueda molestar este correo, pero seguro 
que a alguno le interesa.

Nuestro diseñador no da más de sí (es el guitarrista de 
http://www.thesundaydrivers.com/ y cada vez les va mejor. Se lo merecen  ;)  ), 
así que necesitamos otro diseñador.
A la vista tenemos tres posibles proyectos, así que .

Requerimientos: XHTML y CSS2
La maquetación final deberá sverse igual de bien tanto en ie, como en firefox, 
opera, etc

Poneos en contacto a través de mi correo ([EMAIL PROTECTED]) o por teléfono 
(670819234).
Necesitaré un book o páginas de referencias o lo que sea para poder ver 
vuestros trabajos como diseñador.


Me tenéis que dar tarifas.

Gracias.

PD. Contacto al correo persona, NO a la lista.

-- 
Ángel Cervera Claudio
Freelance / desarrollos j2ee
web: http://www.acervera.com
tlf: 670819234 / 916058546
email: [EMAIL PROTECTED]
msn: [EMAIL PROTECTED]
yahoo: angelcervera
aol: angelcervera
jabber: angelcervera en jabber.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] por qué el uso de tablas va en contra de los estandares

[Txuma Campos [altctrlsupr.com]]

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 
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/

RE: [Ovillo] por qué el uso de tablas va en contra de los estandares

[Hamadi]

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 
>
>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 desusc

Re: [Ovillo] por qué el uso de tablas va en contra de los estandares

[Txuma Campos [altctrlsupr.com]]

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 
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 dire

[Ovillo] Re: Resumen de Ovillo, Vol 14, Envío 61

[Gustavo]

ufff FOR FAVOR quitenme ya de esta lista es que no funciona el 
sistema?¿?
- Original Message - 
From: <[EMAIL PROTECTED]>
To: 
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" 
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" 
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 
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" 
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 aunque restan
varias horas de trabajo se siente cerc

RE: [Ovillo] Re: Resumen de Ovillo, Vol 14, Envío 61

[Hamadi]

>"Puede contactar con el responsable de la lista escribiendo a:
[EMAIL PROTECTED]"<-

+claro h2o ;)

-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de Gustavo
Enviado el: viernes, 15 de abril de 2005 19:53
Para: ovillo@lists.ovillo.org
Asunto: [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: 
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" 
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" 
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 
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" 
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 muc

Re: **SPAM?** [Ovillo] [Offtopic] Matriculas accesibles

[Pedro Moreno]

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

[Ovillo] Centrado vertical

[Hamadi]

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;

}

…..

bla bla bla …..

 

…. 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

Re: [Ovillo] Centrado vertical

[Txuma Campos [altctrlsupr.com]]

Hay múltiples fórmulas.
Busca 'vertical centering CSS' en Google y ya verás

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;
}
…..
bla bla bla …..

…. 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

RE: [Ovillo] Centrado vertical

[Hamadi]

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


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;
>
>}
>
>…..
>
>bla bla bla …..
>
> 
>
>…. 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] muy muy novato...

[miWok2]

Ante todo gracias a todos porque poco a poco estoy conociendo un poco más el 
mundo css aunque a veces me encuentro ¡perdido' muy a menudo...

Os quería preguntar la diferencia entre una clase (esas que empiezan con un 
punto delante) y los divs... sí, sé que seguro será una pregunta absurda y muy 
tonta..pero creánme, no sé la respuesta...

si no es mucho pedir podrían decirme una web q expliquen un 'abc' del css algo 
así como un 'css para tontos' o 'cómo empezar' pero a nivel medio.avanzado?

bueno espero no molestar mucho y gracias!!

alex-málaga___
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

[Christian GR]

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

[Samuel Agudiño]

 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 
===


http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
http://www.w3.org/1999/xhtml";>


.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;
width: 190px;
height: 103px;
te

RE: [Ovillo] EDITO: Ya no se que más probar DIV que no encuadra bien

[Samuel Agudiño]

 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 
===


http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
http://www.w3.org/1999/xhtml";>


.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;
width: 190px;
   

Re: [Ovillo] Ya no se que más probar DIV que no encuadra bien

[Raúl Martín]

Hola Samuel,

 No se si el marcado es el mas correcto, pero ese es otro debate.
 

 Lo que no te funciona:

Los float siempre se deben (hay casos)romper con un clear,
y ese clear ha de estar en el mismo bloque en el que se
encuentran los elementos flotados. En tu caso, debes subir ese
br, con el que rompes el float, 3 divs.

Verás que la cosas cambia, pero no mucho, por que tienes 3
height en las capas directorioIzquierda, directorioDerecha y
directorioCentro que hacen que estas no bajen hasta  donde
deben sino que cumplan este height. Eliminalos.

Esto aparece así en la especificación, no es un fallo de
firefox sino de ie.


Un saludo y espero haber sido de ayuda :D


SA>  Perdonar mi desconocimiento, pero en el siguiente código, quiero que la
SA> zona amarilla se extienda hasta el final para que recuadre todos los
SA> contenidos. (Firefox)

SA> He probado a poner overflow:auto a DIV#cuerpo DIV.contenido, a
SA> DIV#contenido y a DIV#content, pero no lo consigo.

SA> Que estoy haciendo mal ???

SA> Pd: Los colores lo he puesto para no tener que enviar las imgs de fondo

SA> CODIGO 
SA> ===


SA>  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
SA> http://www.w3.org/1999/xhtml";>
SA> 
SA> 
SA> .hilite {
SA> color: #fff;
SA> background-color: #f93;
SA> }



SA> BODY
SA> {
SA> background-color:#fafafa;
SA> padding: 15px;
SA> margin: 0px;
SA> text-align: center;
SA> color:#666;
SA> font: 11px/19px tahoma;
SA> }

SA> A, A:link, A:visited, A:active 
SA> {
SA> color: #6984A0;
SA> }

SA> A:hover
SA> {
SA> color: #55606B;
SA> }

SA> DIV.both, BR.both
SA> {
SA> height: 0px;
SA> clear: both;
SA> font-size: 0px;
SA> line-height: 0px;
SA> font-family: arial;
SA> }

SA> FORM
SA> {
SA> padding: 0px;
SA> margin: 0px;
SA> }

SA> DIV#cabecera
SA> {
SA> background-color:#00;
SA> width: 760px;
SA> height:84px;
SA> margin-left: auto;
SA> margin-right: auto;
SA> padding-top:5px; /*0 IE*/
SA> text-align: left;
SA> }

SA> DIV#cabecera DIV#logo
SA> {

SA> margin-left: 10px;
SA> margin-top:0px; /* 5 ie*/
SA> width:200px
SA> }

SA> DIV#cabecera DIV#logo A, DIV#cabecera DIV#logo A:link,
SA> DIV#cabecera DIV#logo A:active, DIV#cabecera DIV#logo A:visited
SA> {
SA> display: block;
SA> width: 254px;
SA> height: 61px;
SA> }

SA> DIV#cabecera DIV#slogan 
SA> {
SA> float: right;
SA> font:  bold 12px/17px arial;

SA> color: #66;
SA> text-align: right;
SA> margin-right: 5px;
SA> margin-top: 5px;
SA> }
SA> DIV#menusup 
SA> {
SA> float: right;
SA> font:  bold 10px arial;
SA> height:22px;
SA> color: #2D;
SA> text-align: right;
SA> margin-right: 15px;
SA> margin-top: 30px;
SA> padding:0px 3px 0px 3px;
SA> text-transform:uppercase;

SA> }

SA> DIV#menusup .item ,DIV#menusup .item a, DIV#menusup .item
SA> a:link,DIV#menusup .item a:active,DIV#menusup .item a:visited{
SA> text-decoration:none;
SA> color: #66;
SA> height:22px;
SA> padding: 4px 1px 4px 1px;
SA> font:  bold 10px arial;



SA> }
SA> DIV#menusup .item a:hover{
SA> color: #66;
SA> height:22px;
SA> text-decoration: none;
SA> padding: 4px 1px 4px 1px;
SA> }

SA> DIV#autores
SA> {
SA> background-color:#993366;
SA> margin-left: auto;
SA> margin-right: auto;
SA> width: 760px;
SA> margin-bottom: 15px;
SA> }

SA> DIV#autores DIV#contenido {padding: 20px;
SA> background-color:#993366; }

SA> DIV#aleatorio P A,DIV#presentacion P A, DIV#col3presentacion P A
SA> { color: #666; }
SA> DIV#aleatorio P A:hover,DIV#presentacion P A:hover,
SA> DIV#col3presentacion P A:hover { color: #999; }

SA> DIV#aleatorio H6,  DIV#col3presentacion H6
SA> {
SA> margin:0px 0px 0px 32px;
SA> font: bold 11px tahoma;
SA> color: #6984A0;
SA> }
SA> DIV#presentacion H6{
SA> margin:0px 0px 0px 0px;
SA> font: bold 11px tahoma;
SA> color: #6984A0;
SA> }
SA> DIV#aleatorio H6 A, DIV#present

RE: [Ovillo] Ya no se que más probar DIV que no encuadra bien

[Samuel Agudiño]

Muchas gracias, me acabo de dar cuenta hace 5 minutos y no me has dado
tiempo a mandar un mail para decir que ha sido un fallo que me ha pasado
por tonto, por copiar y pegar de otros proyectos y no fijarme en el
codigo !!!

Muchas gracias

-Mensaje original-
De: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] En nombre de Raúl Martín
Enviado el: viernes, 15 de abril de 2005 23:14
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Ya no se que más probar DIV que no encuadra bien

Hola Samuel,

 No se si el marcado es el mas correcto, pero ese es otro debate.
 

 Lo que no te funciona:

Los float siempre se deben (hay casos)romper con un clear,
y ese clear ha de estar en el mismo bloque en el que se
encuentran los elementos flotados. En tu caso, debes subir ese
br, con el que rompes el float, 3 divs.

Verás que la cosas cambia, pero no mucho, por que tienes 3
height en las capas directorioIzquierda, directorioDerecha y
directorioCentro que hacen que estas no bajen hasta  donde
deben sino que cumplan este height. Eliminalos.

Esto aparece así en la especificación, no es un fallo de
firefox sino de ie.


Un saludo y espero haber sido de ayuda :D


SA>  Perdonar mi desconocimiento, pero en el siguiente código, quiero
que la
SA> zona amarilla se extienda hasta el final para que recuadre todos los
SA> contenidos. (Firefox)

SA> He probado a poner overflow:auto a DIV#cuerpo DIV.contenido, a
SA> DIV#contenido y a DIV#content, pero no lo consigo.

SA> Que estoy haciendo mal ???

SA> Pd: Los colores lo he puesto para no tener que enviar las imgs de
fondo

SA> CODIGO 
SA> ===


SA>  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
SA> http://www.w3.org/1999/xhtml";>
SA> 
SA> 
SA> .hilite {
SA> color: #fff;
SA> background-color: #f93;
SA> }



SA> BODY
SA> {
SA> background-color:#fafafa;
SA> padding: 15px;
SA> margin: 0px;
SA> text-align: center;
SA> color:#666;
SA> font: 11px/19px tahoma;
SA> }

SA> A, A:link, A:visited, A:active 
SA> {
SA> color: #6984A0;
SA> }

SA> A:hover
SA> {
SA> color: #55606B;
SA> }

SA> DIV.both, BR.both
SA> {
SA> height: 0px;
SA> clear: both;
SA> font-size: 0px;
SA> line-height: 0px;
SA> font-family: arial;
SA> }

SA> FORM
SA> {
SA> padding: 0px;
SA> margin: 0px;
SA> }

SA> DIV#cabecera
SA> {
SA> background-color:#00;
SA> width: 760px;
SA> height:84px;
SA> margin-left: auto;
SA> margin-right: auto;
SA> padding-top:5px; /*0 IE*/
SA> text-align: left;
SA> }

SA> DIV#cabecera DIV#logo
SA> {

SA> margin-left: 10px;
SA> margin-top:0px; /* 5 ie*/
SA> width:200px
SA> }

SA> DIV#cabecera DIV#logo A, DIV#cabecera DIV#logo A:link,
SA> DIV#cabecera DIV#logo A:active, DIV#cabecera DIV#logo A:visited
SA> {
SA> display: block;
SA> width: 254px;
SA> height: 61px;
SA> }

SA> DIV#cabecera DIV#slogan 
SA> {
SA> float: right;
SA> font:  bold 12px/17px arial;

SA> color: #66;
SA> text-align: right;
SA> margin-right: 5px;
SA> margin-top: 5px;
SA> }
SA> DIV#menusup 
SA> {
SA> float: right;
SA> font:  bold 10px arial;
SA> height:22px;
SA> color: #2D;
SA> text-align: right;
SA> margin-right: 15px;
SA> margin-top: 30px;
SA> padding:0px 3px 0px 3px;
SA> text-transform:uppercase;

SA> }

SA> DIV#menusup .item ,DIV#menusup .item a, DIV#menusup .item
SA> a:link,DIV#menusup .item a:active,DIV#menusup .item a:visited{
SA> text-decoration:none;
SA> color: #66;
SA> height:22px;
SA> padding: 4px 1px 4px 1px;
SA> font:  bold 10px arial;



SA> }
SA> DIV#menusup .item a:hover{
SA> color: #66;
SA> height:22px;
SA> text-decoration: none;
SA> padding: 4px 1px 4px 1px;
SA> }

SA> DIV#autores
SA> {
SA> background-color:#993366;
SA> margin-left: auto;
SA> margin-right: auto;
SA> width: 760px;
SA> margin-bottom: 15px;
SA> }

SA> DIV#autores DIV#contenido {padding: 20px;
SA> background-color:#993366; }

SA> DIV#aleatorio P A,DIV#presentacion P A, DIV#col3presentacion
P A
SA> { color: #666; }
SA> DIV#aleatorio P A:hover,DIV#prese

Re: [Ovillo] muy muy novato...

[Rgs]

En todo caso será diferenciar una clase de un id; la clase se puede 
reutilizar en todo el sitio, con lo cual es perfecta para definir elementos 
comunes. El id es un identificador con el que asignas unos atributos y 
valores concretos a un elemento en concreto, y es única y de esa manera no 
la puedes repetir durante el resto del documento.
Aunque en internet tienes informacion mas que suficiente, hay un libro 
excepcional de zeldman que se llama "Diseño con estándares web", de Anaya, 
que es a mi gusto el libro de cabecera para quien aprende CSS.

Un saludo
Rafa García 

--
Mi Bandeja de entrada es protegida por SPAMfighter
454 hasta ahora los spam correos que han sido bloqueados. 
¡Descargado libremente www.spamfighter.com (gratis) hoy! 


___
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] dos columnas con float (era: FireFox: Manzana y Ventanas)

[Matias Jaramillo]

Hola Camilo,
lo resolvi de otra manera,
en este proyecto aprendi de que los bloques solo crecen segun su 
contenido, es esto cierto?

Asi que lo soluciones creando una imagen de fondo que dan la ilusion de 
columnas que crecen segun el alto de la ventana del usuario.
Quizas no sea la manera mas ortodoxa, pero bueno, se ve bien.
Aqui el link para que lo veas:
http://lacapsula.com/clientes/1705/index.html

Gracias por los consejos,
matias
Camilo Kawerín wrote:
Hola Matías,
Matias Jaramillo escribió:
Hola Camilo, gracias por tu recomendacion y links,
antes de leerlos (perdona mi pereza), te queria preguntar, si lo que 
tengo que hacer es incluir los 4  (las 4 columnas) en un 
contenedor, con atributo float left y un alto de auto?

saludos a tu linda tierra !
matias
Te lo muestro con un ejemplo simple:

  
  <... aquí links ...>
  
  
  <... aquí contenido ...>
  

En la CSS le das float:left y el width que quieras a #navegacion y 
#contenido
La altura de ambos tiene que depender de su contenido, que es lo más 
apropiado porque nunca podés prever la extensión de éste.
Como #contenido es la que se va estirar más, le ponés a ésta el gris 
como background.
Ahora bien, vos necesitás la otra columna anaranjada. Si el background 
se lo ponés a #navegacion vas a tener el color sólo hasta el final de 
su contenido.
Entonces, la solución es ponerle el background naranja a #contenedor. 
Pero... como las cajas flotantes no estiran sus cajas contenedoras, 
también tenés que agregarle a ésta overflow:hidden.
Te quedaría así:

#contenedor {
width:< el que quieras >;
background:< naranja >
overflow:hidden;
<... márgenes, etc. ...>
}
#navegacion {
float:left;
width:< el que quieras >
<... todo lo demás ...>
}
#contenido {
float:left;
background:< gris >
width:< el que quieras >
<... todo lo demás ...>
}
Bueno, espero que se entienda mi explicación, cualquier cosa no tenés 
más que preguntar.

Saludos,
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://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] muy muy novato...

[Camilo Kawerín]

Hola Alex,
miWok2 escribió:
Os quería preguntar la diferencia entre una clase (esas que empiezan con un punto delante) y los divs... 
Antes que nada, tendríamos que separar manzanas de pasteles. Las clases, 
las que comienzan con un punto, son *selectores* de CSS. Los  son 
*elementos* de HTML.
Hay distintos tipos de selectores:
.parrafo -> se refiere a todos los elementos class="parrafo"
#parrafo -> se refiere a un solo elemento identificado id="parrafo"
p-> se refiere a todos los  del documento

sí, sé que seguro será una pregunta absurda y muy tonta..pero creánme, 
no sé la respuesta...
si no es mucho pedir podrían decirme una web q expliquen un 'abc' del css algo 
así como un 'css para tontos' o 'cómo empezar' pero a nivel medio.avanzado?
Hombre, la única forma de aprender es preguntando y esa es la idea de 
esta lista. Así que olvidate de "pregunta absurda y tonta" y "espero no 
molestar mucho".
Ésta es una guía básica muy completa:
http://www.htmlhelp.com/es/reference/css/
Espero que ayude,
saludos!

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] dos columnas con float (era: FireFox: Manzana y Ventanas)

[Camilo Kawerín]

Hola Matías,
Matias Jaramillo escribió:
Hola Camilo,
lo resolvi de otra manera,
en este proyecto aprendi de que los bloques solo crecen segun su 
contenido, es esto cierto?
En algunos casos sí, pero también podés fijar la altura. En realidad, 
hay muchas posibilidades.
El problema con tu layout es querés lograr que la altura de un elemento 
sea el 100% del  pero (aparentemente porque como te explicaba la 
otra noche, no lo tengo del todo claro), como la altura de éste varía no 
se puede establecer el 100% de cuánto debe tener.

Asi que lo soluciones creando una imagen de fondo que dan la ilusion de 
columnas que crecen segun el alto de la ventana del usuario.
Es una buena solución, pero con la desventaja de que te queda un layout 
fijo. Por otra parte, adoptando esta solución te quedan demás tanto el 
color de fondo en los  como los dos de la derecha (rightcontent y 
el otro).

Quizas no sea la manera mas ortodoxa, pero bueno, se ve bien.
Y bueno, me imagino que en éste momento te interesa terminar el trabajo 
más que nada. Pero para futuros proyectos podrías empezar por revisar tu 
html (tenés una lista de links con  y usás al menos cuatro veces el 
id "noborder").

Suerte y saludos!
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo