Ajuda com Bloco Lateral

Ajuda com Bloco Lateral#11505

Por jonny - 07 Nov 2011, 23:49

- 07 Nov 2011, 23:49 #11505

Olá, estou com o seguinte problema no bloco lateral esquerdo: http://allweneedstore.com/index.php

O fiz em HTML e o inseri no column_left.tlp obedecendo a stylesheet.
Porém ele está tomando como referência outros comandos e está abrindo vários espaços entre os segmentos do html.

Gostaria que alguém me desse uma luz, já tentei de tudo. Agradeço desde já!

Re: Ajuda com Bloco Lateral#11557

Por ensinandovoce - 09 Nov 2011, 08:14

- 09 Nov 2011, 08:14 #11557

Olá Jonny,

Deixa eu ver se entendi, sua coluna lateral esquerda é na verdade um Módulo HTML, isso ?? Bem se for, vou te dizer que já tive o mesmo problema, e para resolver tive que ignorar um pouco a hierarquia dos comando HTML, pois, o módulo faz correções ao longo do código para adaptá-lo a loja, então te dou 2 sugestões;
1) Posta seu código aqui pra gente testar e ver onde está o "erro", tenho certeza que minha amiga Ninja Master Power Plus Ultra Fucking Of CSS and HTML Programming ou eu poderemos te ajudar.
2) Dê uma revisada no código e procure pelos seus <br>, se é que você usou algum, e se eles estiverem antes do final de alguma tag ponha-o depois, se for dentro de um table ou de uma div substitua-o por uma tag do enter.

No momento são estas as ideias que eu tive, espero ter colaborado.

Abraço forte e boa sorte

Josemir Dias - Mantenedor
Visite o site Ensinando Você! Cursos Online
Twitter @EnsinandoVoce
Facebook Ensinando Você! Cursos Online
Pior do que não ensinar o que se sabe é não saber oque ensinar

Re: Ajuda com Bloco Lateral#11615

Por jonny - 10 Nov 2011, 02:20

- 10 Nov 2011, 02:20 #11615

Olá, agradeço pela sua resposta!
Bom, montei a arte no Photoshop e atribui os links no Dreamweaver, nada sofisticado, apenas o básico mesmo.
Este é o código:

Código: Selecionar todos

<html>
<head>
<title>Untitled-1</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (Untitled-1) -->
<table id="Table_01" width="183" height="671" border="0" cellpadding="0" cellspacing="0">
  <tr>
		<td colspan="12">
			<img src="images/Untitled-1_01.gif" width="183" height="9" alt=""></td>
	</tr>
	<tr>
		<td colspan="3" rowspan="2">
			<img src="images/Untitled-1_02.gif" width="34" height="38" alt=""></td>
		<td colspan="5"><a href="http://allweneedstore.com/feminino/"><img src="images/Untitled-1_03.gif" width="103" height="22" alt=""></a></td>
		<td colspan="4" rowspan="2">
			<img src="images/Untitled-1_04.gif" width="46" height="38" alt=""></td>
	</tr>
	<tr>
		<td colspan="5">
			<img src="images/Untitled-1_05.gif" width="103" height="16" alt=""></td>
	</tr>
	<tr>
		<td rowspan="38">
			<img src="images/Untitled-1_06.gif" width="6" height="623" alt=""></td>
		<td colspan="9"><a href="http://allweneedstore.com/feminino/blusas"><img src="images/Untitled-1_07.gif" width="164" height="23" alt=""></a></td>
	  <td colspan="2" rowspan="36">
			<img src="images/Untitled-1_08.gif" width="13" height="588" alt=""></td>
	</tr>
	<tr>
		<td colspan="9"><a href="http://allweneedstore.com/feminino/shorts"><img src="images/Untitled-1_09.gif" width="164" height="24" alt=""></a></td>
	</tr>
	<tr>
		<td colspan="9">
			<img src="images/Untitled-1_10.gif" width="164" height="1" alt=""></td>
	</tr>
	<tr>
		<td colspan="9"><a href="http://allweneedstore.com/feminino/calças"><img src="images/Untitled-1_11.gif" width="164" height="23" alt=""></a></td>
	</tr>
	<tr>
		<td colspan="9">
			<img src="images/Untitled-1_12.gif" width="164" height="1" alt=""></td>
	</tr>
	<tr>
		<td colspan="9"><a href="http://allweneedstore.com/feminino/calças"><img src="images/Untitled-1_13.gif" width="164" height="23" alt=""></a></td>
	</tr>
	<tr>
		<td colspan="9">
			<img src="images/Untitled-1_14.gif" width="164" height="1" alt=""></td>
	</tr>
	<tr>
		<td colspan="9"><a href="http://allweneedstore.com/feminino/saias"><img src="images/Untitled-1_15.gif" width="164" height="23" alt=""></a></td>
	</tr>
	<tr>
		<td colspan="9"><a href="http://allweneedstore.com/feminino/calcados"><img src="images/Untitled-1_16.gif" width="164" height="24" alt=""></a></td>
	</tr>
	<tr>
		<td colspan="9">
			<img src="images/Untitled-1_17.gif" width="164" height="1" alt=""></td>
	</tr>
	<tr>
		<td colspan="9"><a href="http://allweneedstore.com/feminino/coletes"><img src="images/Untitled-1_18.gif" width="164" height="23" alt=""></a></td>
	</tr>
	<tr>
		<td colspan="9">
			<img src="images/Untitled-1_19.gif" width="164" height="1" alt=""></td>
	</tr>
	<tr>
		<td colspan="9"><a href="http://allweneedstore.com/feminino/jaquetas"><img src="images/Untitled-1_20.gif" width="164" height="23" alt=""></a></td>
	</tr>
	<tr>
		<td colspan="9">
			<img src="images/Untitled-1_21.gif" width="164" height="1" alt=""></td>
	</tr>
	<tr>
		<td colspan="9"><a href="http://allweneedstore.com/feminino/cosmeticos"><img src="images/Untitled-1_22.gif" width="164" height="23" alt=""></a></td>
	</tr>
	<tr>
		<td colspan="9"><a href="http://allweneedstore.com/feminino/moda-inverno"><img src="images/Untitled-1_23.gif" width="164" height="24" alt=""></a></td>
	</tr>
	<tr>
		<td colspan="9">
			<img src="images/Untitled-1_24.gif" width="164" height="15" alt=""></td>
	</tr>
	<tr>
		<td colspan="3" rowspan="2">
			<img src="images/Untitled-1_25.gif" width="31" height="39" alt=""></td>
		<td colspan="5"><a href="http://allweneedstore.com/masculino/"><img src="images/Untitled-1_26.gif" width="121" height="22" alt=""></a></td>
		<td rowspan="2">
			<img src="images/Untitled-1_27.gif" width="12" height="39" alt=""></td>
	</tr>
	<tr>
		<td colspan="5">
			<img src="images/Untitled-1_28.gif" width="121" height="17" alt=""></td>
	</tr>
	<tr>
		<td colspan="9"><a href="http://allweneedstore.com/masculino/bermudas"><img src="images/Untitled-1_29.gif" width="164" height="23" alt=""></a></td>
	</tr>
	<tr>
		<td colspan="9"><a href="http://allweneedstore.com/masculino/calcados"><img src="images/Untitled-1_30.gif" width="164" height="25" alt=""></a></td>
	</tr>
	<tr>
		<td colspan="9"><a href="http://allweneedstore.com/masculino/camisas"><img src="images/Untitled-1_31.gif" width="164" height="23" alt=""></a></td>
	</tr>
	<tr>
		<td colspan="9">
			<img src="images/Untitled-1_32.gif" width="164" height="1" alt=""></td>
	</tr>
	<tr>
		<td colspan="9"><a href="http://allweneedstore.com/masculino/calcas"><img src="images/Untitled-1_33.gif" width="164" height="23" alt=""></a></td>
	</tr>
	<tr>
		<td colspan="9">
			<img src="images/Untitled-1_34.gif" width="164" height="1" alt=""></td>
	</tr>
	<tr>
		<td colspan="9"><a href="http://allweneedstore.com/masculino/camisetas"><img src="images/Untitled-1_35.gif" width="164" height="23" alt=""></a></td>
	</tr>
	<tr>
		<td colspan="9">
			<img src="images/Untitled-1_36.gif" width="164" height="1" alt=""></td>
	</tr>
	<tr>
		<td colspan="9"><a href="http://allweneedstore.com/masculino/jaquetas"><img src="images/Untitled-1_37.gif" width="164" height="23" alt=""></a></td>
	</tr>
	<tr>
		<td colspan="9"><a href="http://allweneedstore.com/masculino/pijamas"><img src="images/Untitled-1_38.gif" width="164" height="24" alt=""></a></td>
	</tr>
	<tr>
		<td colspan="9">
			<img src="images/Untitled-1_39.gif" width="164" height="62" alt=""></td>
	</tr>
	<tr>
		<td rowspan="8">
			<img src="images/Untitled-1_40.gif" width="12" height="101" alt=""></td>
		<td colspan="3">
			<img src="images/Untitled-1_41.gif" width="91" height="16" alt=""></td>
		<td colspan="5" rowspan="2">
			<img src="images/Untitled-1_42.gif" width="61" height="21" alt=""></td>
	</tr>
	<tr>
		<td colspan="3">
			<img src="images/Untitled-1_43.gif" width="91" height="5" alt=""></td>
	</tr>
	<tr>
		<td colspan="4">
			<img src="images/Untitled-1_44.gif" width="109" height="15" alt=""></td>
		<td colspan="4" rowspan="2">
			<img src="images/Untitled-1_45.gif" width="43" height="23" alt=""></td>
	</tr>
	<tr>
		<td colspan="4">
			<img src="images/Untitled-1_46.gif" width="109" height="8" alt=""></td>
	</tr>
	<tr>
		<td colspan="5">
			<img src="images/Untitled-1_47.gif" width="112" height="14" alt=""></td>
		<td colspan="3" rowspan="2">
			<img src="images/Untitled-1_48.gif" width="40" height="22" alt=""></td>
	</tr>
	<tr>
		<td colspan="5">
			<img src="images/Untitled-1_49.gif" width="112" height="8" alt=""></td>
	</tr>
	<tr>
		<td colspan="9">
			<img src="images/Untitled-1_50.gif" width="155" height="14" alt=""></td>
		<td rowspan="2">
			<img src="images/Untitled-1_51.gif" width="10" height="35" alt=""></td>
	</tr>
	<tr>
		<td colspan="9">
			<img src="images/Untitled-1_52.gif" width="155" height="21" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/spacer.gif" width="6" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="12" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="16" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="3" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="72" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="18" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="3" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="7" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="21" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="12" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="3" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="10" height="1" alt=""></td>
	</tr>
</table>
<!-- End Save for Web Slices -->
</body>
</html>

Abri o FireBug e diminui o tamanho da fonte da sessão body a 0px e ficou certo.
Tem como saber onde está o problema? Muito grato e um grande abraço!

Re: Ajuda com Bloco Lateral#11624

Por ensinandovoce - 10 Nov 2011, 09:31

- 10 Nov 2011, 09:31 #11624

Olá Jonny,

Este é o código que aparece no Dreamweaver ou no módulo HTML ??
Em geral, não sei até que ponto isso é uma regra, o módulo HTML faz separações de parágrafos na sequencia do código e não as encontrei neste aqui por isso a pergunta. Outra coisa, que versão é sua loja ??
Se este for o código que aparece no DreamWeaver posta aqui o que aparece no módulo, pois, este aqui a princípio está certo.

Fico no aguardo de uma resposta ansioso para ajudá-lo

Josemir Dias - Mantenedor
Visite o site Ensinando Você! Cursos Online
Twitter @EnsinandoVoce
Facebook Ensinando Você! Cursos Online
Pior do que não ensinar o que se sabe é não saber oque ensinar

Re: Ajuda com Bloco Lateral#11757

Por jonny - 14 Nov 2011, 01:41

- 14 Nov 2011, 01:41 #11757

Oi, então, este código é o do DreamWeaver, o coloquei dentro do arquivo column_left.tpl
Ficou assim:

Código: Selecionar todos

<div id="column_left">
<table id="Table_01" width="183" height="671" border="0" cellpadding="0" cellspacing="0">
  <tr>
		<td colspan="12">
			<img src="images/Untitled-1_01.gif" width="183" height="9" alt=""></td>
	</tr>
	<tr>
		<td colspan="3" rowspan="2">
			<img src="images/Untitled-1_02.gif" width="34" height="38" alt=""></td>
		<td colspan="5"><a href="http://allweneedstore.com/feminino/"><img src="images/Untitled-1_03.gif" width="103" height="22" alt=""></a></td>
		<td colspan="4" rowspan="2">
			<img src="images/Untitled-1_04.gif" width="46" height="38" alt=""></td>
	</tr>
	<tr>
		<td colspan="5">
			<img src="images/Untitled-1_05.gif" width="103" height="16" alt=""></td>
	</tr>
	<tr>
		<td rowspan="38">
			<img src="images/Untitled-1_06.gif" width="6" height="623" alt=""></td>
		<td colspan="9"><a href="http://allweneedstore.com/feminino/blusas"><img src="images/Untitled-1_07.gif" width="164" height="23" alt=""></a></td>
	  <td colspan="2" rowspan="36">
			<img src="images/Untitled-1_08.gif" width="13" height="588" alt=""></td>
	</tr>
	<tr>
		<td colspan="9"><a href="http://allweneedstore.com/feminino/shorts"><img src="images/Untitled-1_09.gif" width="164" height="24" alt=""></a></td>
	</tr>
	<tr>
		<td colspan="9">
			<img src="images/Untitled-1_10.gif" width="164" height="1" alt=""></td>
	</tr>
	<tr>
		<td colspan="9"><a href="http://allweneedstore.com/feminino/calças"><img src="images/Untitled-1_11.gif" width="164" height="23" alt=""></a></td>
	</tr>
	<tr>
		<td colspan="9">
			<img src="images/Untitled-1_12.gif" width="164" height="1" alt=""></td>
	</tr>
	<tr>
		<td colspan="9"><a href="http://allweneedstore.com/feminino/calças"><img src="images/Untitled-1_13.gif" width="164" height="23" alt=""></a></td>
	</tr>
	<tr>
		<td colspan="9">
			<img src="images/Untitled-1_14.gif" width="164" height="1" alt=""></td>
	</tr>
	<tr>
		<td colspan="9"><a href="http://allweneedstore.com/feminino/saias"><img src="images/Untitled-1_15.gif" width="164" height="23" alt=""></a></td>
	</tr>
	<tr>
		<td colspan="9"><a href="http://allweneedstore.com/feminino/calcados"><img src="images/Untitled-1_16.gif" width="164" height="24" alt=""></a></td>
	</tr>
	<tr>
		<td colspan="9">
			<img src="images/Untitled-1_17.gif" width="164" height="1" alt=""></td>
	</tr>
	<tr>
		<td colspan="9"><a href="http://allweneedstore.com/feminino/coletes"><img src="images/Untitled-1_18.gif" width="164" height="23" alt=""></a></td>
	</tr>
	<tr>
		<td colspan="9">
			<img src="images/Untitled-1_19.gif" width="164" height="1" alt=""></td>
	</tr>
	<tr>
		<td colspan="9"><a href="http://allweneedstore.com/feminino/jaquetas"><img src="images/Untitled-1_20.gif" width="164" height="23" alt=""></a></td>
	</tr>
	<tr>
		<td colspan="9">
			<img src="images/Untitled-1_21.gif" width="164" height="1" alt=""></td>
	</tr>
	<tr>
		<td colspan="9"><a href="http://allweneedstore.com/feminino/cosmeticos"><img src="images/Untitled-1_22.gif" width="164" height="23" alt=""></a></td>
	</tr>
	<tr>
		<td colspan="9"><a href="http://allweneedstore.com/feminino/moda-inverno"><img src="images/Untitled-1_23.gif" width="164" height="24" alt=""></a></td>
	</tr>
	<tr>
		<td colspan="9">
			<img src="images/Untitled-1_24.gif" width="164" height="15" alt=""></td>
	</tr>
	<tr>
		<td colspan="3" rowspan="2">
			<img src="images/Untitled-1_25.gif" width="31" height="39" alt=""></td>
		<td colspan="5"><a href="http://allweneedstore.com/masculino/"><img src="images/Untitled-1_26.gif" width="121" height="22" alt=""></a></td>
		<td rowspan="2">
			<img src="images/Untitled-1_27.gif" width="12" height="39" alt=""></td>
	</tr>
	<tr>
		<td colspan="5">
			<img src="images/Untitled-1_28.gif" width="121" height="17" alt=""></td>
	</tr>
	<tr>
		<td colspan="9"><a href="http://allweneedstore.com/masculino/bermudas"><img src="images/Untitled-1_29.gif" width="164" height="23" alt=""></a></td>
	</tr>
	<tr>
		<td colspan="9"><a href="http://allweneedstore.com/masculino/calcados"><img src="images/Untitled-1_30.gif" width="164" height="25" alt=""></a></td>
	</tr>
	<tr>
		<td colspan="9"><a href="http://allweneedstore.com/masculino/camisas"><img src="images/Untitled-1_31.gif" width="164" height="23" alt=""></a></td>
	</tr>
	<tr>
		<td colspan="9">
			<img src="images/Untitled-1_32.gif" width="164" height="1" alt=""></td>
	</tr>
	<tr>
		<td colspan="9"><a href="http://allweneedstore.com/masculino/calcas"><img src="images/Untitled-1_33.gif" width="164" height="23" alt=""></a></td>
	</tr>
	<tr>
		<td colspan="9">
			<img src="images/Untitled-1_34.gif" width="164" height="1" alt=""></td>
	</tr>
	<tr>
		<td colspan="9"><a href="http://allweneedstore.com/masculino/camisetas"><img src="images/Untitled-1_35.gif" width="164" height="23" alt=""></a></td>
	</tr>
	<tr>
		<td colspan="9">
			<img src="images/Untitled-1_36.gif" width="164" height="1" alt=""></td>
	</tr>
	<tr>
		<td colspan="9"><a href="http://allweneedstore.com/masculino/jaquetas"><img src="images/Untitled-1_37.gif" width="164" height="23" alt=""></a></td>
	</tr>
	<tr>
		<td colspan="9"><a href="http://allweneedstore.com/masculino/pijamas"><img src="images/Untitled-1_38.gif" width="164" height="24" alt=""></a></td>
	</tr>
	<tr>
		<td colspan="9">
			<img src="images/Untitled-1_39.gif" width="164" height="62" alt=""></td>
	</tr>
	<tr>
		<td rowspan="8">
			<img src="images/Untitled-1_40.gif" width="12" height="101" alt=""></td>
		<td colspan="3">
			<img src="images/Untitled-1_41.gif" width="91" height="16" alt=""></td>
		<td colspan="5" rowspan="2">
			<img src="images/Untitled-1_42.gif" width="61" height="21" alt=""></td>
	</tr>
	<tr>
		<td colspan="3">
			<img src="images/Untitled-1_43.gif" width="91" height="5" alt=""></td>
	</tr>
	<tr>
		<td colspan="4">
			<img src="images/Untitled-1_44.gif" width="109" height="15" alt=""></td>
		<td colspan="4" rowspan="2">
			<img src="images/Untitled-1_45.gif" width="43" height="23" alt=""></td>
	</tr>
	<tr>
		<td colspan="4">
			<img src="images/Untitled-1_46.gif" width="109" height="8" alt=""></td>
	</tr>
	<tr>
		<td colspan="5">
			<img src="images/Untitled-1_47.gif" width="112" height="14" alt=""></td>
		<td colspan="3" rowspan="2">
			<img src="images/Untitled-1_48.gif" width="40" height="22" alt=""></td>
	</tr>
	<tr>
		<td colspan="5">
			<img src="images/Untitled-1_49.gif" width="112" height="8" alt=""></td>
	</tr>
	<tr>
		<td colspan="9">
			<img src="images/Untitled-1_50.gif" width="155" height="14" alt=""></td>
		<td rowspan="2">
			<img src="images/Untitled-1_51.gif" width="10" height="35" alt=""></td>
	</tr>
	<tr>
		<td colspan="9">
			<img src="images/Untitled-1_52.gif" width="155" height="21" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/spacer.gif" width="6" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="12" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="16" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="3" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="72" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="18" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="3" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="7" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="21" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="12" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="3" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="10" height="1" alt=""></td>
	</tr>
</table>
</div>

então, o que estaria errado? teria como saber?
ele está obedecendo a estes valores aqui da folha de estilos:

#column_left {
float: left;
width: 180px;
margin-right: 0px;
clear: left; }

Muito obrigado!

Re: Ajuda com Bloco Lateral#11762

Por ensinandovoce - 14 Nov 2011, 08:39

- 14 Nov 2011, 08:39 #11762

Olá Jonny,

Vou te dar duas sugestões até para que fique mais fácil de você analisar, eu testei este seu código na minha máquina e funciona perfeitamente:
1) Abre um arquivo html do DreamWeaver e testa este código fora do OC, depois coloca este código dentro de um módulo HTML e ajusta ele para ficar onde você quer, veja se fica a contento.
2) Testa este script no tema default e veja se funciona.

Uma coisa que notei é que você tem uma tabela de 183px e seu CSS é de 180px, então talvez, isso possa ser um problema, testa lá e veja o resultado.

Fico no aguardo e espero poder ajudar, abraços

Josemir Dias - Mantenedor
Visite o site Ensinando Você! Cursos Online
Twitter @EnsinandoVoce
Facebook Ensinando Você! Cursos Online
Pior do que não ensinar o que se sabe é não saber oque ensinar

Fórum OpenCart Brasil