[Resolvido] Erro css no float

gremio10 · Dezembro 14, 2010

Galera to com o seguinte erro :

ali na direita, ele tem a listagem de imagens, so que o preço fica fixado no final do laço que busca essas cores no banco...

meu css:

@CHARSET "ISO-8859-1";
*{
	font:12px Verdana;
	margin:0;
	padding:0;
	border:none;
}
a{
	text-decoration: none;	
}
body{
	background: url("imgs/background.jpg") repeat;

}
div#title h1{
margin:10px;
float:left;
margin-left: 100px;
background: url("imgs/title.png") no-repeat;
width:373px;
height:43px;
display: block; text-indent: -9999px; 
}
div#atendimento h1{
	float:right;
	margin:10px;
	margin-right:119px;
	margin-bottom:25px;
	background: url("imgs/atendimento.png") no-repeat;
	width:243px;
	height:57px;
	display: block; text-indent: -9999px; 
}
div#menu{
background: url("imgs/menu.jpg") repeat-x;
height:24px;
width:1032;
top:69px;
left:105px;
position:absolute;
}
div#menu ol{
list-style: none;
padding:5px;	
}

div#menu li{
float:left;
color:#FFF;	
margin-left:15px;
}
ul{
list-style: none;
padding:5px;
float:left;
margin-left:105px;
}

ul#listagem{
background-color: #fff;
border: 1px solid #afafaf;
overflow: hidden;
}

li#banner{
width:1020px;
height:228px;
}

li.produto{
margin:5px;
border:1px solid #999;
width:243px;
height:260px;
float:left;
background-color:#CCC;
}
li.produto img{
width:243px;
height:160px;
border-bottom:1px solid #999;
}
li div.dados{
text-align: center;	
}
li div.nome{
font-size:10px;
font-weight: bold;
color: #000;
margin-top:10px;
}
li div.preco{
color:#000;
font-size:11px;
font-weight:bold;
}
li div.preco s{
font-weight:bold;
font-size:11px;
}
li span.ou{
color:#CA3A37;
font-weight: bold;
}
div#rodape{
background: url("imgs/rodape.jpg") no-repeat;
height:56px;
width:1020px;
position: relative;
}
div#compartilhar{
float:right;
}
div#compartilhar #rede_social{
float:left;
}
li#detalhe{
width:1020px;
height:auto;
}
li div#imagem{
 float:left;
 padding:10px;
 position:relative;
}

.valor_atributo { 
margin-left: 5px;
position: relative;
float: left;
height:55px;
}

.valor_atributo img { 
margin-left: 3px;
margin-top: 3px;
}

div.preco #detalhes{
margin-top:30px;
}

meu html:

<html>
<head>
	<title></title>
	<meta http-equiv="Content-Type" content="text/html;charset=utf-8" >
	<style>
		@import url("style.css");
	</style>
	<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=addthisobravip"></script>
	<script type="text/javascript" src="jquery.js"></script>
	<script type="text/javascript" src="fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
	<script type="text/javascript" src="fancybox/jquery.fancybox-1.3.4.pack.js"></script>
	<link rel="stylesheet" type="text/css" href="fancybox/jquery.fancybox-1.3.4.css" media="screen" />

	<?php
	require("conection.class.php");
	$id = explode("-",$_GET["id"]);
	$id = $id[0];

	$conn	= new Conection();
	$conn->findProductById($id);
	$conn->findImageById($id);

	$reg = $conn->findProduct->fetch_object();
	?>
</head>
<body>
<div id="topo">
<div id="title">		
	<h1>Banquetas para Bar</h1>
</div>
<div id="atendimento">
	<h1>Central de Atendimento</h1>
</div>	
</div>
<div id="menu">
<ol>
	<li>Banquetas de Rattan</li>
	<li>Banquetas Cromadas</li>
	<li>Banquetas para Cozinha Americana</li>
	<li>Banquetas para Balcão</li>
</ol>
</div>

<ul id="listagem">

<form method="post" action="http://localhost/obravip/www/shoppingCart/addItem/" enctype="multipart/form-data" id="shoppingCart_addItem_form">

<li id="detalhe">

	<div class='nome'>
			<?php echo utf8_decode($reg->name); ?>
  	</div>

  <div id="inicio_quantidade ">
	<!-- BOTÃO COMPRAR TOPO -->
		<input type="text" value="1" name="shopOrderItem[quantity]" size="3" class="qnt" />
		<input type="hidden" value="<?php echo $id ?>" name="shopOrderItem[shopProductId]" id="shopOrderItem_shopProductId"/>
		<input type="hidden" value="<?php echo $reg->reference ?>" name="shopOrderItem[reference]" id="shopOrderItem_reference"/>
 </div>

 <div id="inicio_botao">
		<input type="image" src="../www/imgs/comprar.png" value="Comprar" class="botao"/>
  	<!-- BOTÃO COMPRAR TOPO -->
  </div>

     <div id="imagem">
		<img src="../www/public/upload/referenceAttribute/<?php echo $conn->findImage ?>" width="650" height="780">
	 </div>


	    <div id="atributo" >
					<?php
						$conn->findAttributesForChoice($reg->reference);
						$attr = $conn->att->fetch_object(); 
						echo $attr->nome_att; 
					?>
		</div>
			<br />
			<br />

		<?php 
		$conn->findAttributesForChoice($reg->reference);
		while($reference = $conn->findForAttribute->fetch_object()){
		?>			
		 <div class="valor_atributo">	
		  <div class="primeiro">
			<input type="radio" class="radio" name="shopOrderItemAttribute[<?php echo $reference->identification ?>]" value="<?php echo $reference->id ?>"/>
			<?php 
			if(!is_null($reference->imagem)){ 
			?>
				<a rel="img_atributo_escolha" href="../www/upload/referenceAttribute/<?php echo $reference->imagem ?>" title="<?php echo $reference->value ?>">  
					<img src="../www/upload/referenceAttribute/<?php echo $reference->imagem ?>" alt="" width="60" height="50" class="img" />
				</a>
			<?php
			}else{
			?>
				<span class="desc">
					<?php echo $conn->utfEncode($reference->value); ?>
				</span>
			<?php	
			}
			?>
		  </div>
		 </div>		
		<?php
		}
		?>


		<div class="preco_detalhes">
				<?php if($reg->promocao > 0){ ?>
				De: R$ <s><?php echo $conn->format($reg->valor) ?></s><br />
				Por: R$ <?php echo $conn->format($reg->promocao) ?>
			<?php }else{ ?>
				R$ <?php echo $conn->format($reg->valor) ?>
			<?php } ?>
			<br />
			ou <span class="ou">6x de R$ <?php echo $conn->format($reg->valor/6) ?></span>
		</div>


		<div id="compartilhar">
			<!-- AddThis Button BEGIN -->
                        <div class="addthis_toolbox addthis_32x32_style">
                            <div style="float:left;font-weight:bold;">Compartilhe : </div><br />                            
                            <a class="addthis_button_facebook" id="rede_social" title="Envie pelo Facebook"></a>
                            <a class="addthis_button_twitter" id="rede_social" title="Tweet isso"></a>
                            <a class="addthis_button_orkut" id="rede_social"  title="Envie pelo Orkut"></a>
                            <a  class="addthis_button_compact" id="rede_social" href="http://www.addthis.com/bookmark.php?v=250&username=addthisobravip" style="color:#666"></a>
                            <!--<a id="indicar" class="function" href="javascript:void(0);"><span id="rede_social_email"></span></a>-->    
                        </div>
            <!-- AddThis Button END -->     
		 </div>	

		<br />

		<div id="descricao" class="prazo">
			Prazo de Entrega 
		</div>
			<br />
		<span class="desc">
			Até <?php echo $reg->delivery_time ?> dias após a confirmação do pagamento. O prazo poderá variar de acordo com a região de entrega. A confirmação do pagamento será feita automaticamente após efetuado o depósito, podendo levar até 24 horas para tanto.
		</span>
			<br />
			<br />
				<div id="linha"></div>
			<br />
		<div id="descricao">
			Descrição do Produto 
		</div>
		<span class="desc">
			<?php echo $reg->description; ?>
		</span>
			<br />
				<div id="linha"></div>
			<br />
		<div id="descricao">
			Fornecedor
		</div>
			<br />
		<span class="desc">
			<?php echo $conn->utfEncode($reg->fornecedor); ?>
		</span>
			<br />
			<br />
		<?php 
		$conn->findAttributesNoChoice($reg->reference);
		while($reference = $conn->findNoAttribute->fetch_object()){ 
		?>
			<span id="descricao">
				<?php echo $conn->utfEncode($reference->name) ?> : 
			</span>
			<span class="desc">
				<?php echo $conn->utfEncode($reference->value) ?> <?php echo $reference->unit ?>
			</span>
				<br />
				<br />
		<?php
		}
		?>

		<span id="descricao">
			Referência: 
		</span>
		<span class="desc">
			<?php echo $reg->reference; ?>
		</span>


		<br />
		<br />		




	<!-- BOTÃO COMPRAR FIM -->
		<input type="hidden" value="<?php echo $reference->id ?>" name="shopOrderItemAttribute[<?php echo $valor_attr->identification ?>]">
		<input type="hidden" value="<?php echo $id ?>" name="shopOrderItem[shopProductId]" id="shopOrderItem_shopProductId"/>
		<input type="hidden" value="<?php echo $reg->reference ?>" name="shopOrderItem[reference]" id="shopOrderItem_reference"/>
	Quantidade: <input type="text" value="1" name="shopOrderItem[quantity]" size="3"/>
		<input type="image" src="../www/imgs/comprar.png" value="Comprar" class="botao"/>
	<!-- BOTÃO COMPRAR FIM -->

</li>

</form>

</ul>
<script type="text/javascript">

	 	$(".radio").click(function(){                
               $(".img").css("border","1px solid #FFF"); 

               if($(this).is(":checked")){
                       $(this).parent(".primeiro").find(".img").css("border","1px solid #000");   
               }
       	});

       	$("a[rel=img_atributo_escolha]").fancybox({
			'transitionIn'		: 'elastic',
			'transitionOut'		: 'elastic',
			'titlePosition' 	: 'over',
			'titleFormat'		: function(title, currentArray, currentIndex, currentOpts) {
				return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? '   ' + title : '') + '</span>';
			}
		});       	

</script>
</body>
</html>

Obrigado

Preis85 · Dezembro 15, 2010

Isso deve resolver.

.preco_detalhes { clear:left; }

gremio10 · Dezembro 29, 2010

Vlw cara, consegui resolver, foi só dar float left no preço tbm ;) Obg pela ajuda

Entrar

Arquivado

[Resolvido] Erro css no float

Recommended Posts

gremio10 14

Compartilhar este post

Link para o post

Compartilhar em outros sites

Preis85 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

gremio10 14

Compartilhar este post

Link para o post

Compartilhar em outros sites

editor quill configuração

PHP - Orientação com UPDATE

BelogsTo do laravel

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante