Página 1 de 1
Ajuda com Bloco Lateral
Enviado: 07 Nov 2011, 23:49
por jonny
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
Enviado: 09 Nov 2011, 08:14
por ensinandovoce
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
Re: Ajuda com Bloco Lateral
Enviado: 10 Nov 2011, 02:20
por jonny
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
Enviado: 10 Nov 2011, 09:31
por ensinandovoce
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
Re: Ajuda com Bloco Lateral
Enviado: 14 Nov 2011, 01:41
por jonny
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
Enviado: 14 Nov 2011, 08:39
por ensinandovoce
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