De nada amigo jota2.

Un día de estos, escribiré un articulo de capas elasticas y flotantes para 
cualquier navegador y resolución. Tendrá la típica estructura cabecera, 
principal y pie. A su vez principal, contendrá izquierda, centro y derecha. 
La altura de todos los contenedores crece con su contenido y hay ejemplos en 
su interior de menus (y otros enlaces) que al quitar el javascript siguen 
funcionando.

Seguirá las recomendaciones w3c: XHTML 1.0 Transitional, CSS 2.0 y
WAIG 1.0AAA. Además de estar validado por las herramientas W3C,
también estará con
HERA (sidar.org <http://sidar.org>), TAW, BOBBY (watchfire),
cynthiasays.com<http://cynthiasays.com>y corregirá aspectos redactados
en la
seccion508.gov <http://seccion508.gov> 

Utilizo por supuesto, capas (div), cabecera (h1-h6), elementos in-line 
(span) y separan perfectamente presentación de contenido.

El ejemplo ya lo tengo hecho, me falta limpiarlo un poquito, explicarlo y 
corregir al máximo las pautas de accesibilidad.

Más adelante lo prepararé con CSS para cualquier dispositivo electronico de 
muestra (screen, print, handheld, aural, braille, projection, webtv, ...)

Esto no es una promesa, es algo que quiero hacer desde hace tiempo. Por 
supuesto que esperaré correcciones y opiniones.



El día 19/07/05, jota2 <[EMAIL PROTECTED]> escribió:
> 
> 
> gracias Martin por tu ayuda....... me servio muchisimo... te devo una..
> Martin Campos <[EMAIL PROTECTED]> escribió:Si utilizas la posicion 
> absoluta, el float left te lo desplaza a la
> izquierda. Si quieres una capa centrada a 80x80, prueba esto:
> 
> div#CajaCentradaS {position: relative; float: left; width:80px; 
> height:80px;
> margin: 0px auto}
> 
> 
> El día 19/07/05, jota2 escribió:
> >
> > gracias Martin por la explicacion me quedo bastante claro ...lo unico es
> > que creo que si se pone un margin.. en el caso mio pues puse un
> > margin-left=60px; pero de todas maneras le deje el atribute left y no me
> > funciono.... pero por casualidad quite ese atributo y ya em funciono
> > perfecto... ¿si no estas muy ocupado eso a que se debe?
> >
> > saludos y gracias y aqui pongo mi codigo haber si tienes algo por
> > corregirme
> > div#CajaCentradaS {position:absolute; width:80px; height:80px;
> > margin-left:60px; margin-top:40px; }
> >
> > saludos
> >
> >
> > Martin Campos escribió:
> > Para que el este el la misma posición, debes utilizar el atributo
> > margin. Ahora bien depende de si lo quieras a la derecha, izquierda o
> > centro, debe tener un valor un otro. Te aconsejo que para tener una capa
> > centrada hagas esto:
> >
> > En el css:
> >
> > div.principal {
> > margin: 0 auto;
> > }
> >
> > El el HTML
> >
> >
> >
> >
> >
> > Otra cosa es si quieres que el tamaño (no la posicion) no cambie si 
> cambia
> > la resolución. Te recomiendo que utilices un tamaño de anchura fija (en 
> px
> > o
> > em). Para ello, añade a la clase "principal":
> >
> > width: 750px;
> >
> > Espero que te haya quedado más claro. Si alguien tiene algo más que 
> añadir
> > ...
> >
> >
> >
> > El día 16/07/05, jota2 escribió:
> > >
> > > listeros, yo creo que esto es muy basico...¿alguien sabe como hago 
> para
> > > que el siempre se me este en la misma posicion en diferentes
> > > resoluciones?
> > > si alguien me puede explicar ... le agradezco..
> > >
> > >
> > > ---------------------------------
> > > Do You Yahoo!? La mejor conexión a Internet y 2GB extra a tu correo 
> por
> > > $100 al mes. http://net.yahoo.com.mx
> > > _______________________________________________
> > > Lista de distribución Ovillo
> > > Para escribir a la lista, envia un correo a [email protected]
> > > Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> > > http://ovillo.org/mailman/listinfo/ovillo
> > >
> >
> >
> >
> > --
> > Salu2:
> > MARTIN desde Valencia (ESPAÑA)
> > _______________________________________________
> > Lista de distribución Ovillo
> > Para escribir a la lista, envia un correo a [email protected]
> > Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> > http://ovillo.org/mailman/listinfo/ovillo
> >
> >
> >
> >
> > ---------------------------------
> > Do You Yahoo!? La mejor conexión a Internet y 2GB extra a tu correo por
> > $100 al mes. http://net.yahoo.com.mx
> > _______________________________________________
> > Lista de distribución Ovillo
> > Para escribir a la lista, envia un correo a [email protected]
> > Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> > http://ovillo.org/mailman/listinfo/ovillo
> >
> 
> 
> 
> --
> Salu2:
> MARTIN desde Valencia (ESPAÑA)
> _______________________________________________
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a [email protected]
> Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
> http://ovillo.org/mailman/listinfo/ovillo
> 
> 
> 
> ---------------------------------
> Do You Yahoo!? La mejor conexión a Internet y 2GB extra a tu correo por 
> $100 al mes. http://net.yahoo.com.mx
> _______________________________________________
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a [email protected]
> Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
> http://ovillo.org/mailman/listinfo/ovillo
> 



-- 
Salu2:
MARTIN desde Valencia (ESPAÑA)
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo

Responder a