Retroceder   Foros del Web > Diseño de Sitios web > CSS

Respuesta
 
Herramientas Desplegado
Antiguo 08-ago-2006, 08:29   #1 (permalink)
stock tiene algunos puntos positivos de karma
 
Avatar de stock
 
Fecha de Ingreso: junio-2004
Ubicación: Monterrey NL
Mensajes: 1.993
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
__________________
Don't hate the languaje, hate the runtime environment
Crysfel's Blog :: Blog de programación, JAVA,PHP, AJAX, JavaScript, CSS y otras hierbas
stock está desconectado   Responder Citando
Antiguo 08-ago-2006, 09:08   #2 (permalink)
jesusbet ha deshabilitado el karma
 
Avatar de jesusbet
 
Fecha de Ingreso: mayo-2004
Ubicación: Monterrey, MX
Mensajes: 2.677
Enviar un mensaje por AIM a jesusbet Enviar un mensaje por MSN a jesusbet Enviar un mensaje por Yahoo  a jesusbet
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.
__________________
512 Megas
jesusbet está desconectado   Responder Citando
Antiguo 08-ago-2006, 13:40   #3 (permalink)
stock tiene algunos puntos positivos de karma
 
Avatar de stock
 
Fecha de Ingreso: junio-2004
Ubicación: Monterrey NL
Mensajes: 1.993
imposible es una palabra fuera de mi vocabulario

ya lo hice!!

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
__________________
Don't hate the languaje, hate the runtime environment
Crysfel's Blog :: Blog de programación, JAVA,PHP, AJAX, JavaScript, CSS y otras hierbas
stock está desconectado   Responder Citando
Antiguo 08-ago-2006, 21:35   #4 (permalink)
jesusbet ha deshabilitado el karma
 
Avatar de jesusbet
 
Fecha de Ingreso: mayo-2004
Ubicación: Monterrey, MX
Mensajes: 2.677
Enviar un mensaje por AIM a jesusbet Enviar un mensaje por MSN a jesusbet Enviar un mensaje por Yahoo  a jesusbet
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
__________________
512 Megas
jesusbet está desconectado   Responder Citando
Antiguo 08-ago-2006, 21:36   #5 (permalink)
jesusbet ha deshabilitado el karma
 
Avatar de jesusbet
 
Fecha de Ingreso: mayo-2004
Ubicación: Monterrey, MX
Mensajes: 2.677
Enviar un mensaje por AIM a jesusbet Enviar un mensaje por MSN a jesusbet Enviar un mensaje por Yahoo  a jesusbet
por cierto, eso de "imposible es una palabra fuera de mi vocabulario" estuvo muy mamila... :D
__________________
512 Megas
jesusbet está desconectado   Responder Citando
Antiguo 08-ago-2006, 21:41   #6 (permalink)
fer10 está en el buen camino
 
Avatar de fer10
 
Fecha de Ingreso: octubre-2005
Ubicación: Guadalajara - Mexico
Mensajes: 902
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
__________________
Saludos
FT.
www.fernando.com.mx
fer10 está desconectado   Responder Citando
Antiguo 08-ago-2006, 21:43   #7 (permalink)
jesusbet ha deshabilitado el karma
 
Avatar de jesusbet
 
Fecha de Ingreso: mayo-2004
Ubicación: Monterrey, MX
Mensajes: 2.677
Enviar un mensaje por AIM a jesusbet Enviar un mensaje por MSN a jesusbet Enviar un mensaje por Yahoo  a jesusbet
exacto... en internet explorer es un completo desmadre de layout... jejeje
__________________
512 Megas
jesusbet está desconectado   Responder Citando
Antiguo 09-ago-2006, 06:41   #8 (permalink)
SiR.CARAJ0DIDA está en el buen camino
 
Avatar de SiR.CARAJ0DIDA
 
Fecha de Ingreso: junio-2004
Ubicación: Acá
Mensajes: 1.168
Enviar un mensaje por MSN a SiR.CARAJ0DIDA
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.
__________________
Internet Explorer SuckS
Download FireFox
SiR.CARAJ0DIDA está desconectado   Responder Citando
Antiguo 09-ago-2006, 18:06   #9 (permalink)
Nigel no se puede cailificar en este momento
 
Fecha de Ingreso: agosto-2006
Ubicación: Madrid
Mensajes: 95
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?
Nigel está desconectado   Responder Citando
Respuesta
No hay votos aún.


Herramientas
Desplegado

Normas de Publicación
No puedes crear nuevos temas
No puedes responder temas
No puedes subir archivos adjuntos
No puedes editar tus mensajes

BB code is Activado
Caritas están Activado
[IMG] está Activado
Código HTML está Desactivado


La Zona horaria es GMT -6. Ahora son las 20:11.


Message Board Statistics

LinkBacks Enabled by vBSEO 3.1.0

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93