22/04/2009, 10:50
| ||||
| ||||
| Como hacer esto con Divs, CSS y JavaScript Saludos, tengo un problema, Quisiera hacer un listado de elementos, pero obviamente tiene que ser combinacion entre CSS, JQuery, JavaScript y un Div. La idea es que con Jquery se haga esto: for(i=0; i<mi_array.length; i++) { $('contenedor').append('<div id="css_1">'+mi_array[i]+'</div>'); } .... pero quisiera que quedara como en la siguiente imagen:  Con el Float el DIV "F" se coloca al lado del DIV "E", pero la idea es que suba para arriba a la derecha como ven en la imagen...... ¿Como hago esto? Gracias |
|
22/04/2009, 12:37
| ||||
| ||||
| Respuesta: Como hacer esto con Divs, CSS y JavaScript y si lo metes en una tabla?
__________________ Cabuntu.org - Difundiendo Software Libre en Cali, Colombia Usuario Linux # 483175 |
|
22/04/2009, 12:42
| ||||
| ||||
| Respuesta: Como hacer esto con Divs, CSS y JavaScript Sólo necesitás css para eso (definir una clase para el contenedor y otra para los elementos que estarán dentro: tendrás que usar float:left y jugar con los diferentes valores de margin).
__________________ Fast, lightweight, cross-platform framework for building incredible, powerful JavaScript applications |
|
22/04/2009, 12:43
| ||||
| ||||
| Respuesta: Como hacer esto con Divs, CSS y JavaScript pero como haria para que se me arregle de esa manera??? es decir, que inicie una sola columna con A, B, C, D, E y luego inicie la otra columna con el F, G, etc !!!! Gracias |
|
22/04/2009, 12:45
| ||||
| ||||
| Respuesta: Como hacer esto con Divs, CSS y JavaScript Cita: A ver ... un ejemplo please mas o menos....
Iniciado por Panino5001  Sólo necesitás css para eso (definir una clase para el contenedor y otra para los elementos que estarán dentro: tendrás que usar float:left y jugar con los diferentes valores de margin). Gracias !!! |
|
22/04/2009, 12:46
| ||||
| ||||
| Respuesta: Como hacer esto con Divs, CSS y JavaScript Fijate en la caja y las miniaturas de este ejemplo: http://www.disegnocentell.com.ar/cur...s/galeria.html (ver código fuente)
__________________ Fast, lightweight, cross-platform framework for building incredible, powerful JavaScript applications |
|
22/04/2009, 13:32
| ||||
| ||||
| Respuesta: Como hacer esto con Divs, CSS y JavaScript Algo que no viene mucho al tema, pero que me llamó la atención: Por que dices que Cita: Desde donde yo lo veo solo se necesita Javascript y CSS, pero no JQuery. Volviendo al tema, Puedes solucionarlo fácilmente. La idea es meter dentro de un div los elementos de la "A" a la "E" y darle a ese div un estilo de float: left; Después metes los otros elementos en otro div y así sucesivamente. Eso te debe solucionar el problema. obviamente tiene que ser combinacion entre CSS, JQuery, JavaScript y un Div.
__________________ twitter: @imbuzu |
|
22/04/2009, 15:55
| ||||
| ||||
| Respuesta: Como hacer esto con Divs, CSS y JavaScript Cita: Si lo que pasa es que esos datos los voy a recuperar con $ajax y pues la idea es desplegarlos de esa manera con un "For" y un $('contenedor').append('divs'); asi que si usa Jquery
Iniciado por buzu Algo que no viene mucho al tema, pero que me llamó la atención: Por que dices que Desde donde yo lo veo solo se necesita Javascript y CSS, pero no JQuery. Volviendo al tema, Puedes solucionarlo fácilmente. La idea es meter dentro de un div los elementos de la "A" a la "E" y darle a ese div un estilo de float: left; Después metes los otros elementos en otro div y así sucesivamente. Eso te debe solucionar el problema. Gracias a todos por su ayuda !!! pero la idea es generar los datos dinamicamente !!! |
|
22/04/2009, 21:03
| ||||
| ||||
| Respuesta: Como hacer esto con Divs, CSS y JavaScript Que el contenido sea dinámico no tiene nada que ver, sólo hay que usar un poco de lógica y estilos css:
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin título</title>
<style>
.cont{width:700px; height:180px; overflow:hidden; border:1px solid #000}
.el{ width:200px; line-height:25px; padding: 0 5px; background-color:#CCC; border:1px solid #000; margin:5px 0}
.sub{width:200px; padding:0 5px;float:left; margin:5px}
</style>
<script>
function hacer(){
var vec=['A','B','C','D','E','F'];
var c=document.createElement('div');
c.className='cont';
var f;
for(var i=0, el;el=vec[i];i++){
if(i%5==0){
f=document.createElement('div');
f.className='sub';
c.appendChild(f);
}
var t=document.createElement('div');
t.innerHTML=el;
t.className='el';
f.appendChild(t);
}
document.body.appendChild(c);
}
onload=hacer;
</script>
</head>
<body>
</body>
</html>
__________________ Fast, lightweight, cross-platform framework for building incredible, powerful JavaScript applications Última edición por Panino5001; 22/04/2009 a las 21:19 |
|
23/04/2009, 13:27
| ||||
| ||||
| Respuesta: Como hacer esto con Divs, CSS y JavaScript Pues todo el tiempo hemos estado hablando de generar el contenido dinámicamente, No por que los generes dinámicamente no los puedes meter en un div con su estilo float:left;. Probablemente no sabes como hacerlo, pero eso es diferente. Prueba lo que panino te dice, desde don yo lo veo debe funcionar al 100. Saludos. PD: Solo para aclarar, aun que tuvieras que voltear tu sitio de cabeza, eso no implica que requiera jquery, Si se puede hacer con JQuery, se puede hacer con Javascript.
__________________ twitter: @imbuzu |
