Foros del Web - Texto en dos columnas!

Foros del Web (http://www.forosdelweb.com/)

- CSS (http://www.forosdelweb.com/f53/)

- - Texto en dos columnas! (http://www.forosdelweb.com/f53/texto-dos-columnas-415450/)

stock

08/08/2006 08:29

Texto en dos columnas!

Alguien sabe como hacer que un texto se muestre en dos columnas??

por ejemplo, tengo un div de 200x300, ese div lo quiero dividir en dos columnas cuando el texto sea mayor a los 300px, osea si es mucho texto se hacen las dos columnas, pero si es poco texto solo se ahce una, dejando en blanco la otra columna. alguien sabe como??

thanks, have funnnnn :adios:

jesusbet

08/08/2006 09:08

Hasta donde mis limitadísimos conocimientos me permiten saber, es imposible hacerlo con CSS2.1... será posible con la próxima versión de CSS (CSS3), la cual Firefox apenas está empezando a implementar e IE7 dudo mucho que la implemente.

stock

08/08/2006 13:40

imposible es una palabra fuera de mi vocabulario ;-)

ya lo hice!! :cool:

este es el XHTML

Código:

<div class="columnas">

<p class="pcols">texto que quieres que se ponga en columnas</p> 

<p  class="pcols">Mas texto, para alinear, en las columnas</p>

<p class="pcols">En las dos columnas, cada una medira 200 pixeles</p>

</div>

este es el CSS

Código:

.columnas{

        width: 440px;

}
 

.pcols {

        float: left;

        width: 200px; /* 400/2 = 200 = 2 columnas ;) */

        margin-left:10px;

        padding:0px;

}

have funnnnn :adios:

jesusbet

08/08/2006 21:35

hacer layouts de dos columnas es lo más básico en la estructuración con CSS, de la manera que lo pediste es imposible con CSS2.1, como tú lo pediste (o como entendí que lo pediste) fue de que mientras más texto haya se dividiría en dos columnas ("si es mucho texto se hacen las dos columnas").

En CSS las condiciones no existen.

Saludos

jesusbet

08/08/2006 21:36

por cierto, eso de "imposible es una palabra fuera de mi vocabulario" estuvo muy mamila... :D

fer10

08/08/2006 21:41

jejej miren lo que dice mozilla
http://developer.mozilla.org/es/docs/Columnas_con_CSS-3

que lo implementaron en un blog
http://weblogs.mozillazine.org/roc/

que solo funciona para FX

jesusbet

08/08/2006 21:43

exacto... en internet explorer es un completo desmadre de layout... jejeje

SiR.CARAJ0DIDA

09/08/2006 06:41

gracias a la mierda del IE nos vamos a quedar en el tiempo siempre, cuando salga CSS 4 recien el IE va a implementar CSS 3 y encima todo bugeado.

Nigel

09/08/2006 18:06

qué optimista, si a duras penas implementa la 2 en la versión 7, cuando salga la 7.1 (allá por el 2040), es posible (y solo posible) que implemente transparencia en... mmm... GIF? :risa:

fedecini

29/09/2010 19:22

Respuesta: Texto en dos columnas!

yo creo que se puede hacer con php y css,

con css como dice el amigo ahi.

sino tendrias que ir a php contar la cantidad de caracteres y el tamañano del font, de ahi calcular el tamaño y ahi poner en un div una parte y en otro div otra,

es lo que se me ocurre que seria una solucion posible..

sino esperar a que css lo arregle!

Saludos!

pitufoweb

29/09/2010 19:52

Respuesta: Texto en dos columnas!

fedecini

reviviste un post de mas de 4 años de antigüedad.

Lo que me parece curioso es que desde el 2006 ya hablan del CSS 3 :p

Saludos

La zona horaria es GMT -6. Ahora son las 09:31.