Rosa, complementa la respuesta de Ivan con la propiedad margin para separar las columnas pegadas de acuerdo a los lugares donde quieras separar las mismas. Los valores de márgenes se pueden establecer de varias maneras. A modo de ejemplos:
- margin-top:10px; (margen superior igual a 10 pixeles) - margin-right:6px; (margen derecho igual a 6 pixeles) - margin-bottom:4px; (margen inferior igual a 4 pixeles) - margin-left:8px; (margen izquierdo igual a 8 pixeles) Si todas las propiedades anteriores se aplicaran a un mismo elemento, se podría usar un atajo o shorthand del tipo: - margin: 10px 6px 4px 8px; (donde cada uno de los valores, y en su orden, se corresponden a los valores y unidades para los márgenes superior, derecho, inferior e izquierdo). En caso en que los valores superior e inferior coincidan, como en el siguiente ejemplo: - margin-top:10px; (margen superior igual a 10 pixeles) - margin-right:6px; (margen derecho igual a 6 pixeles) - margin-bottom:10px; (margen inferior igual a 4 pixeles) - margin-left:6px; (margen izquierdo igual a 8 pixeles) se puede escribir: - margin:10px 6px; (donde cada uno de los valores corresponden a los márgenes superior e inferior, y derecho e izquierdo, respectivamente) Finalmente, en caso de que coincidan los valores de márgenes laterales, pero no el superior e inferior, hacemos: - margin:10px 5px 15px; Esto se leería así: margin superior: 10 pixeles, margen inferior: 15 pixeles, márgenes laterales: 5pixeles. La documentación oficial sobre el modelo de cajas está en: http://www.w3.org/TR/CSS21/box.html La misma sintaxis valdría para las propiedades border y padding. Saludos a todos! Espero haber ayudado. Plácido Luna. El 6 de enero de 2011 23:01, Ivan Pérez <vag...@gmail.com> escribió: > Hola Rosa, parece que eres nueva y no veo tu explicación clara, supongo que > quieres hacer unas columnas que se pegan, debes usar la propiedad CSS > "float: left;" en sentido de orden, simplemente lo relacionas tu Div de ID > o > Class, entonces: > > > <style> > #div > {float: left;} > </style> > > Saludos. > > El 6 de enero de 2011 18:52, Rosa González <loqldalqu...@gmail.com > >escribió: > > > Hola! Que tal? > > Formular una consulta...Tengo una prueba de hmtl...y debo posicionar unas > > columnas las cuales se "pegan" unas a otras...No puedo usar > > margin...¿padding sería la propiedad indicada? > > Gracias... > > Rosa > > > > > > El 6 de enero de 2011 19:28, santosvz <santo...@graficssvz.com> > escribió: > > > > > Es tan solo un comienzo. > > > Habrá que ver con el tiempo a donde se va. > > > La tecnología y los desarrolladores camina a pasos de gigante. > > > Es lógico que Chrome por Android y Safari por i Phone /iPad lo > > implementen. > > > Supongo que con el tiempo y la querra de navegadores y la Web Móvil se > > > implementara en todos para que los dispositivos móviles lo puedan > > utilizar > > > sin que suponga la utilización de muchos recursos y tiempo. > > > > > > > > > Un cordial saludo de SantosVZ > > > > > > > > > (-:-----Mensaje original----- > > > (-:De: ovillo-boun...@lists.ovillo.org [mailto: > > > ovillo-boun...@lists.ovillo.org] En > > > (-:nombre de Ivan Pérez > > > (-:Enviado el: Jueves, 06 de Enero de 2011 04:14 p.m.- Santos- > > > (-:Para: Ovillo, la lista de CSS en castellano > > > (-:Asunto: Re: [Ovillo] Sustitucion de Flash por CSS3 > > > (-: > > > (-:Solo para los navegadores que se acompañan con tecnología Webkit =/ > > > (-: > > > (-:No es 100% compatible universal, hasta que tendrán las nuevas > > > tecnologias y > > > (-:rendimiento de Canvas es casi pobre contra flash player, pero > > > dependiendo > > > (-:los navegadores. > > > (-: > > > (-:Oye, actualmente hay muchos usuarios usan Flash Player, tiene un js > de > > > (-:autoinstalación flash y todos se usan mucho, tambien hay algunos de > > open > > > (-:source para compilar .swf usando actionscript para uso de > multimedia, > > > (-:interactivo, animación, realidad aumentada, juegos, curiosidades y > > entre > > > (-:otros, no como IDE de Adobe Flash CS5 (solo para hacer sitios web en > > > flash, > > > (-:no es tan ideal) y ya existen las nuevas tecnologías que se > convierten > > > SWF a > > > (-:Canvas como smokescreen.us > > > (-: > > > (-:Ninguno de HTML5 y Canvas ha usado la aplicación de realidad > aumentada > > > ni > > > (-:webcam. > > > (-: > > > (-:Android usa Flash Player, pero iPhone y iPad no usan, este es > > problema. > > > (-: > > > (-:No te dejes engañar el odio a flash por algunas razones, > > > (-: > > > (-: > > > (-: > > > (-:El 6 de enero de 2011 09:37, santosvz <santo...@graficssvz.com> > > > escribió: > > > (-: > > > (-:> Personalmente tampoco lo creo. Más bien es una alternativa > > orientada > > > a > > > (-:> dispositivos móviles. > > > (-:> No deja de ser interesante una aplicación que permita su > > > implementación, > > > (-:> sobre todo para aquellos diseñadores web de cara a dispositivos > > > móviles dada > > > (-:> su proliferación actual. > > > (-:> > > > (-:> Un cordial saludo de SantosVZ > > > (-:> > > > (-:> > > > (-:> > > > (-:> (-:-----Mensaje original----- > > > (-:> (-:De: ovillo-boun...@lists.ovillo.org [mailto: > > > (-:> ovillo-boun...@lists.ovillo.org] En > > > (-:> (-:nombre de Tei > > > (-:> (-:Enviado el: Jueves, 06 de Enero de 2011 08:25 a.m.- > > > (-:> (-:Para: Ovillo, la lista de CSS en castellano > > > (-:> (-:Asunto: Re: [Ovillo] Sustitucion de Flash por CSS3 > > > (-:> (-: > > > (-:> (-:Si quieres implicar que CSS3+HTML5 sustituira a Flash, no lo > > creo, > > > hay > > > (-:> (-:cosas que flash siempre hara mejor que cualquier otra cosa. La > > > feature > > > (-:> (-:es que no sea necesario tener instalado flash para navegar por > la > > > web. > > > (-:> (-:Que flash se mantenga en el sitio que le corresponde, el de un > > > plugin > > > (-:> (-:para hacer algunas cositas muy concretas, que cosas como menus > en > > > (-:> (-:flash no existan.. .esto mas o menos ya se ha conseguido con > los > > > menus > > > (-:> (-:hibridos css2+html4. Hoy en dia existen muchas maquinitas que > > > tienen > > > (-:> (-:poca potencia de calculo y se usan para navegar por la web, > > algunas > > > no > > > (-:> (-:incluyen soporte de flash (iPad) y otras lo incluyen pero es > > > (-:> (-:inefectivo (porque es tan lento que no se puede usar en > > condiciones > > > y > > > (-:> (-:es mejor que no lo tuvieran). Se trata de poder navegar donde > sea > > > con > > > (-:> (-:ellos y poder hacerlo todo. Antes de que se inventaran los > > > (-:> (-:smarthphones se llevaba ya muchos años pidiendo esto, se ha > > > insistido > > > (-:> (-:desde siempre que la Web no esta ahi para verla desde > ordenadores > > > de > > > (-:> (-:escritorio, que es muchisimo mas que eso, que la Web ni > siquiera > > > tiene > > > (-:> (-:porque ser visual, que se puede renderizar en cualquier otra > > cosa. > > > (-:> (-:Esto ha sonado a filosofia barata los ultimos 15 años, pero > ahora > > > con > > > (-:> (-:la aparicion de los smartphones y cosas como el iPad, se cumple > > la > > > (-:> (-:profecia. > > > (-:> (-: > > > (-:> (-:2011/1/6 santosvz <santo...@graficssvz.com>: > > > (-:> (-:> Con seguridad lo encontraran muy interesante. > > > (-:> (-:> Los enlaces solo se visualizan correctamente con Safari y > > Chrome. > > > (-:> (-:> http://dev.sencha.com/animator/demos/ions/ > > > (-:> (-:> http://dev.sencha.com/animator/demos/water/ > > > (-:> (-:> http://dev.sencha.com/animator/demos/cogs/ > > > (-:> (-:> > > > (-:> (-:> > > > (-:> (-:> Un cordial saludo de SantosVZ > > > (-:> (-:> > > > (-:> (-:> > > > (-:> (-:> > > > (-:> (-:> > > > (-:> (-:> _______________________________________________ > > > (-:> (-:> Lista de distribución Ovillo > > > (-:> (-:> Para escribir a la lista, envia un correo a > > > Ovillo@lists.ovillo.org > > > (-:> (-:> Puedes modificar tus datos o desuscribirte en la siguiente > > > dirección: > > > (-:> (-:http://lists.ovillo.org/mailman/listinfo/ovillo > > > (-:> (-:> > > > (-:> (-: > > > (-:> (-: > > > (-:> (-: > > > (-:> (-:-- > > > (-:> (-:-- > > > (-:> (-:ℱin del ℳensaje. > > > (-:> (-:_______________________________________________ > > > (-:> (-:Lista de distribución Ovillo > > > (-:> (-:Para escribir a la lista, envia un correo a > > > Ovillo@lists.ovillo.org > > > (-:> (-:Puedes modificar tus datos o desuscribirte en la siguiente > > > dirección: > > > (-:> (-:http://lists.ovillo.org/mailman/listinfo/ovillo > > > (-:> > > > (-:> _______________________________________________ > > > (-:> Lista de distribución Ovillo > > > (-:> Para escribir a la lista, envia un correo a > Ovillo@lists.ovillo.org > > > (-:> Puedes modificar tus datos o desuscribirte en la siguiente > > dirección: > > > (-:> http://lists.ovillo.org/mailman/listinfo/ovillo > > > (-:> > > > (-:_______________________________________________ > > > (-:Lista de distribución Ovillo > > > (-:Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > > > (-:Puedes modificar tus datos o desuscribirte en la siguiente > dirección: > > > (-:http://lists.ovillo.org/mailman/listinfo/ovillo > > > > > > _______________________________________________ > > > Lista de distribución Ovillo > > > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > > > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > > > http://lists.ovillo.org/mailman/listinfo/ovillo > > > > > _______________________________________________ > > Lista de distribución Ovillo > > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > > http://lists.ovillo.org/mailman/listinfo/ovillo > > > _______________________________________________ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo > -- *Plácido Luna* http://www.octubre.com.uy (+598) 99 942723 _______________________________________________ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
