Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

LokiSchw

Div não fica no lugar correto

Recommended Posts

Bom dia Pessoal,

 

Preciso de ajuda. Tenho várias divs uma dentro de outra e, em uma delas, uma tabela gerada por JS. Preciso colocar dois botões logo abaixo dessa tabela, porém, ao colocar as divs, os botões estão ficando dentro da Div onde está localizada a tabela. Podem me ajudar?

 

HTML:

			<div class="produtos">
<div class="caixa"><h2>SELEÇÃO DE OFERTAS </h2>
	<div style="text" id="project-label"> NOME DO PRODUTO: <input id="project"/>
	</div>
	<div class="prod_lista" align=""><table id="listaprod" /></div>
	<div class="botao"><form method="post" action="" onsubmit="$('#val1').val($('#content').html());$('#val2').val($('#styleContent').text())">
		<input type="hidden" name="val1" id="val1">
        <input type="hidden" name="val2" id="val2">
        <input style="width: 150px; height:30px; background-color:#CC0000; border-bottom-color:#FF0000; border-left-color:#FF0000; border-right-color:#FF0000; border-top-color:#FF0000; font-weight:bold; color:#FFFFFF" type="submit" id="btnSave" value="GERAR TEMPLATE" name="botao"/></div>
        </form>
	<div class="lixeira" ondragover="allowDrop(event)" ondrop="exclui(event)"><img src="img/lixeira.png"></div>
			</div></div>

Javascript:

function Carregalista() {
	$.each(projects, function (i) {
		$('#listaprod').append("<td><div class='imagem'><img id="+ projects[i].value +" draggable=true ondragstart=drag(event) src="+ projects[i].icon +" /></div><div><br>" + projects[i].desc + "</div></td>");
	});
}

CSS:

#listaprod	{
	font-size: 1em;
	background-color: #EEE;
}

.prod_lista	{
	width: 90%;
	height: 100%;
	overflow-x: scroll;
	margin-left: 5%;
	
}

#btnSave {
	border-color: #FF0000;
	background-color: #CC0000;
	font-weight: bold;
	color: #FFFFFF;
	width: 30%;
	height: 10%;
	font-size: 140%;
}

.lixeira img{
	width: 10%;
	height: 10%;
	text-align: center;
}

.produtos {
	width: 40%;
	float: right;
	margin-right: 1%;
	display: inline-block;
	padding: 1%;
	clear: both;
}

.div {
	display: block;
}

@edit

Esqueci o print de como está.

EV_65_zpscvdhfype.jpg

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.