Hola :) !!
Me pasa lo siguiente, en mi aplicación, tengo un contenedor DIV creado de forma dinámica, este contenedor, contiene a su vez, un input text dos botones y otro contenedor. Mi problema (creo que es sencillo pero no lo sé arreglar) es que quiero que me aparezca el contenido del DIV contenedor, en una sóla fila, y ahora mismo me sale en 4 filas, cada elemento en una...
Os pongo la forma en que lo declaro...por si sabeis que le falta:
Código HTML:
contenedor = document.createElement('div');
contenedor.id = 'modulo_'+num;
contenido = document.createElement('input');
contenido.type = 'text';
contenido.name='cap_'+num;
contenido.onclick = function () {foco=this}
contenido.style.backgroundColor='#eeeeee';
contenido.onfocus = function () {this.style.backgroundColor = '#cccccc';}
contenido.onblur = function () {this.style.backgroundColor = '#eeeeee';}
contenido.style.display = "block";
contenedor.appendChild(contenido);
contenido = document.createElement('input');
contenido.type = 'button';
contenido.value = 'Borrar Jerarquia';
contenido.name = 'div_'+num;
contenido.onclick = function () {confirmar(this)}
contenido.style.display = "block";
contenedor.appendChild(contenido);
contenido = document.createElement('div');
contenido.id = 'cont_'+num;
contenido.className='droppable_demo';
contenido.style.display = "block";
contenedor.appendChild(contenido);
contenido = document.createElement('input');
contenido.type = 'button';
contenido.value = 'Borrar contenedor';
contenido.name = 'b_'+num;
contenido.onclick = function () {confirmar_contenedor(this)}
contenido.style.display = "block";
contenedor.appendChild(contenido);
He probado añadir la linea:
contenedor.className="linea";
y despues de finir linea:
.linea{float:left;}
Pero nada. La idea es esa, poner los cuatro elementos de mi contenedor (un input, un boton, un div y otro boton) al lado unos de otros, que ocupen solo una linea.
Espero que podais ayudarme... y que tenga solución, porque queda muy feo jejejej
Muchas gracias