Fórum OpenCart Brasil

Por um e-commerce livre, confiável e profissional

Suporte para temas OpenCart v1.x.
#10522
Coloquei as marcas em fade random, mas não consigo centralizar de modo algum no meu template.
Não sei o que acontece, já alterei várias coisas do código mas ainda assim não dá certo.
Olha lá como fica http://bit.ly/n5JaGs
O código que utilizo em manufacturer é esse
Código: Selecionar todos
<script type="text/javascript" src="catalog/view/javascript/jquery/innerfade.js"></script>
<script type="text/javascript">
	$(document).ready(
		function(){
			$('ul#brands_slide').innerfade({
				speed: 1000,
				timeout: 5000,
				type: 'random',
				containerheight: '100px'
			});
		});
</script>

<div class="box">
	<div class="top"><?php echo $heading_title; ?></div>
	<div class="middle" style="text-align: center;">
		<div class="brands_logo">
        	<ul id="brands_slide">
  				<?php foreach($manufacturers as $manufacturer): ?>
        		<li align="right"><a href="<?php echo str_replace('&', '&', $manufacturer['href']); ?>"><img align="center" src="<?php echo $manufacturer['preview']?>" alt="<?php echo $manufacturer['name']; ?>" /></a></li>
        		<?php endforeach; ?>
        	</ul>
		</div>
    <select onchange="location = this.value">
      <option value=""><?php echo $text_select; ?></option>
      <?php foreach ($manufacturers as $manufacturer) { ?>
      <?php if ($manufacturer['manufacturer_id'] == $manufacturer_id) { ?>
      <option value="<?php echo str_replace('&', '&', $manufacturer['href']); ?>" selected="selected"><?php echo $manufacturer['name']; ?></option>
      <?php } else { ?>
      <option value="<?php echo str_replace('&', '&', $manufacturer['href']); ?>"><?php echo $manufacturer['name']; ?></option>
      <?php } ?>
      <?php } ?>
    </select>
	</div>
	<div class="bottom">&nbsp;</div>
</div>

<style type="text/css">
.brands_logo { margin-left:-31px; }
.brands_logo img { border-radius:5px 5px; -moz-border-radius:5px 5px; }
.box .brands_logo { margin-top:5px; }
.box .brands_logo ol,ul { list-style:none; }
ul#brands_slide li img{ padding: 0px; margin-left:0; }
</style>
<!--[if lte IE 7]>
<style type="text/css"> .brands_logo { margin-left:-195px; } .box .brands_logo { margin-top:-5px; } .box .brands_logo ol,ul { list-style:none; } ul#brands_slide li img { padding: 0px; margin-left:0; } </style>
<![endif]-->
Avatar do usuário
Por Manoel Vidal
Mensagens Curtidas
#10539
Olá,

O problema não está no código que você citou e sim neste:
Código: Selecionar todos
<style type="text/css">
.brands_logo { margin-left:-31px; }
.brands_logo img { border-radius:5px 5px; -moz-border-radius:5px 5px; }
.box .brands_logo { margin-top:5px; }
.box .brands_logo ol,ul { list-style:none; }
ul#brands_slide li img{ padding: 0px; margin-left:0; }
</style>
<!--[if lte IE 7]>
<style type="text/css"> .brands_logo { margin-left:-195px; } .box .brands_logo { margin-top:-5px; } .box .brands_logo ol,ul { list-style:none; } ul#brands_slide li img { padding: 0px; margin-left:0; } </style>
<![endif]-->
Agora não sei onde este código está no layout do seu tema, mais ao encontrá-lo mude o valor de margin-left:-31px; para margin-left:0; e teste os resultados. Teste a modificação nos navegadores Internet Explorer, Firefox, Chrome, Opera e Safari, para ter certeza que ficou certo.

Espero ter ajudado :D
#10564
Manoel Vidal escreveu:Olá,

O problema não está no código que você citou e sim neste:
Agora não sei onde este código está no layout do seu tema, mais ao encontrá-lo mude o valor de margin-left:-31px; para margin-left:0; e teste os resultados. Teste a modificação nos navegadores Internet Explorer, Firefox, Chrome, Opera e Safari, para ter certeza que ficou certo.
Puxa Manoel nem sei como agradecer. Era a única coisa que me incomodava seriamente no site. E nunca consegui arrumar.
De fato o CSS estava no código que passe sim e o problema não era mudar o código para zero mais sim de -31px para 15px. Ainda assim muitíssimo obrigada pois sem sua contribuição jamais teria conseguido. Valeu!