Ajuda básica HTML RESOLVIDO

  • cocão8km
  • Avatar de cocão8km Autor do Tópico
  • Offline
  • JCB! Colaborador
  • JCB! Colaborador
Mais
7 anos 3 meses atrás #71578 por cocão8km
cocão8km created the topic: Ajuda básica HTML RESOLVIDO
Olá a todos, montei no Illustrator um layout, exportei para Dreamweaver e montei os textos da forma que gostaria nele, porem agora preciso colocar o texto no layout, mas não sei como nem onde, não tenho conhecimento em programação, se alguém puder me ajudar, segue abaixo os 2 códigos
1º o layout

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (descricao dos produtos 2.ai - Slices: 01, 03, 06, 10, 12, 16, 20, 23, 26) -->
<table id="Tabela_01" width="655" height="1426" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="14" align="left" valign="top">
<img src=" www.pressmax.com.br/images/stories/Descr...odutos-2_01.png" ; width="654" height="11" alt=""></td>
<td>
<img src=" www.pressmax.com.br/images/stories/Descr...espa%e7ador.gif" ; width="1" height="11" alt=""></td>
</tr>
<tr>
<td colspan="7" align="left" valign="top">
<img src=" www.pressmax.com.br/images/stories/Descr...odutos-2_02.png" ; width="335" height="1" alt=""></td>
<td colspan="4" rowspan="2" align="left" valign="top">
<img src=" www.pressmax.com.br/images/stories/Descr...odutos-2_03.png" ; width="308" height="93" alt=""></td>
<td colspan="3" rowspan="4" align="left" valign="top">
<img src=" www.pressmax.com.br/images/stories/Descr...odutos-2_04.png" ; width="11" height="109" alt=""></td>
<td>
<img src=" www.pressmax.com.br/images/stories/Descr...espa%e7ador.gif" ; width="1" height="1" alt=""></td>
</tr>
<tr>
<td rowspan="7" align="left" valign="top">
<img src=" www.pressmax.com.br/images/stories/Descr...odutos-2_05.png" ; width="11" height="1115" alt=""></td>
<td colspan="5" rowspan="2" align="left" valign="top"><a href=" pressmax.com.br/index.php?option=com_k2&...351"><img src=" www.pressmax.com.br/images/stories/Descr...odutos-2_06.png" ; width="309" height="93" alt=""></a></td>
<td rowspan="7" align="left" valign="top">
<img src=" www.pressmax.com.br/images/stories/Descr...odutos-2_07.png" ; width="15" height="1115" alt=""></td>
<td>
<img src=" www.pressmax.com.br/images/stories/Descr...espa%e7ador.gif" ; width="1" height="92" alt=""></td>
</tr>
<tr>
<td colspan="4" rowspan="2" align="left" valign="top">
<img src=" www.pressmax.com.br/images/stories/Descr...odutos-2_08.png" ; width="308" height="16" alt=""></td>
<td>
<img src=" www.pressmax.com.br/images/stories/Descr...espa%e7ador.gif" ; width="1" height="1" alt=""></td>
</tr>
<tr>
<td colspan="5" rowspan="2" align="left" valign="top">
<img src=" www.pressmax.com.br/images/stories/Descr...odutos-2_09.png" ; width="309" height="16" alt=""></td>
<td>
<img src=" www.pressmax.com.br/images/stories/Descr...espa%e7ador.gif" ; width="1" height="15" alt=""></td>
</tr>
<tr>
<td colspan="5" rowspan="3" align="left" valign="top"><a href=" pressmax.com.br/index.php?option=com_k2&...351"><img src=" www.pressmax.com.br/images/stories/Descr...odutos-2_10.png" ; width="309" height="123" alt=""></a></td>
<td colspan="2" rowspan="4" align="left" valign="top">
<img src=" www.pressmax.com.br/images/stories/Descr...odutos-2_11.png" ; width="10" height="1007" alt=""></td>
<td>
<img src=" www.pressmax.com.br/images/stories/Descr...espa%e7ador.gif" ; width="1" height="1" alt=""></td>
</tr>
<tr>
<td colspan="4" align="left" valign="top"><a href=" pressmax.com.br/index.php?option=com_k2&...363"><img src=" www.pressmax.com.br/images/stories/Descr...odutos-2_12.png" ; width="307" height="120" alt=""></a></td>
<td rowspan="3" align="left" valign="top">
<img src=" www.pressmax.com.br/images/stories/Descr...odutos-2_13.png" ; width="2" height="1006" alt=""></td>
<td>
<img src=" www.pressmax.com.br/images/stories/Descr...espa%e7ador.gif" ; width="1" height="120" alt=""></td>
</tr>
<tr>
<td colspan="4" rowspan="2" align="left" valign="top">
<img src=" www.pressmax.com.br/images/stories/Descr...odutos-2_14.png" ; width="307" height="886" alt=""></td>
<td>
<img src=" www.pressmax.com.br/images/stories/Descr...espa%e7ador.gif" ; width="1" height="2" alt=""></td>
</tr>
<tr>
<td colspan="5" align="left" valign="top">
<img src=" www.pressmax.com.br/images/stories/Descr...odutos-2_15.png" ; width="309" height="884" alt=""></td>
<td>
<img src=" www.pressmax.com.br/images/stories/Descr...espa%e7ador.gif" ; width="1" height="884" alt=""></td>
</tr>
<tr>
<td colspan="13" rowspan="2" align="left" valign="top">
<img src=" www.pressmax.com.br/images/stories/Descr...odutos-2_16.png" ; width="653" height="87" alt=""></td>
<td align="left" valign="top">
<img src=" www.pressmax.com.br/images/stories/Descr...odutos-2_17.png" ; width="1" height="1" alt=""></td>
<td>
<img src=" www.pressmax.com.br/images/stories/Descr...espa%e7ador.gif" ; width="1" height="1" alt=""></td>
</tr>
<tr>
<td width="1" height="297" rowspan="7">
<img src=" www.pressmax.com.br/images/stories/Descr...espa%e7ador.gif" ; width="1" height="297" alt=""></td>
<td>
<img src=" www.pressmax.com.br/images/stories/Descr...espa%e7ador.gif" ; width="1" height="86" alt=""></td>
</tr>
<tr>
<td colspan="9" align="left" valign="top">
<img src=" www.pressmax.com.br/images/stories/Descr...odutos-2_19.png" ; width="458" height="1" alt=""></td>
<td rowspan="3" align="left" valign="top"><a href=" pressmax.com.br/index.php?option=com_aic...365"><img src=" www.pressmax.com.br/images/stories/Descr...odutos-2_20.png" ; width="159" height="158" alt=""></a></td>
<td colspan="3" rowspan="5" align="left" valign="top">
<img src=" www.pressmax.com.br/images/stories/Descr...odutos-2_21.png" ; width="36" height="209" alt=""></td>
<td>
<img src=" www.pressmax.com.br/images/stories/Descr...espa%e7ador.gif" ; width="1" height="1" alt=""></td>
</tr>
<tr>
<td colspan="4" align="left" valign="top">
<img src=" www.pressmax.com.br/images/stories/Descr...odutos-2_22.png" ; width="249" height="1" alt=""></td>
<td colspan="4" rowspan="3" align="left" valign="top"><a href=" pressmax.com.br/index.php?option=com_k2&...269"><img src=" www.pressmax.com.br/images/stories/Descr...odutos-2_23.png" ; width="157" height="158" alt=""></a></td>
<td rowspan="4" align="left" valign="top">
<img src=" www.pressmax.com.br/images/stories/Descr...odutos-2_24.png" ; width="52" height="208" alt=""></td>
<td>
<img src=" www.pressmax.com.br/images/stories/Descr...espa%e7ador.gif" ; width="1" height="1" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="3" align="left" valign="top">
<img src=" www.pressmax.com.br/images/stories/Descr...odutos-2_25.png" ; width="39" height="207" alt=""></td>
<td rowspan="2" align="left" valign="top"><a href=" pressmax.com.br/index.php?option=com_k2&...323"><img src=" www.pressmax.com.br/images/stories/Descr...odutos-2_26.png" ; width="156" height="157" alt=""></a></td>
<td rowspan="3" align="left" valign="top">
<img src=" www.pressmax.com.br/images/stories/Descr...odutos-2_27.png" ; width="54" height="207" alt=""></td>
<td>
<img src=" www.pressmax.com.br/images/stories/Descr...espa%e7ador.gif" ; width="1" height="156" alt=""></td>
</tr>
<tr>
<td rowspan="2" align="left" valign="top">
<img src=" www.pressmax.com.br/images/stories/Descr...odutos-2_28.png" ; width="159" height="51" alt=""></td>
<td>
<img src=" www.pressmax.com.br/images/stories/Descr...espa%e7ador.gif" ; width="1" height="1" alt=""></td>
</tr>
<tr>
<td align="left" valign="top">
<img src=" www.pressmax.com.br/images/stories/Descr...odutos-2_29.png" ; width="156" height="50" alt=""></td>
<td colspan="4" align="left" valign="top">
<img src=" www.pressmax.com.br/images/stories/Descr...odutos-2_30.png" ; width="157" height="50" alt=""></td>
<td>
<img src=" www.pressmax.com.br/images/stories/Descr...espa%e7ador.gif" ; width="1" height="50" alt=""></td>
</tr>
<tr>
<td width="653" height="2" colspan="13">
<img src=" www.pressmax.com.br/images/stories/Descr...espa%e7ador.gif" ; width="653" height="2" alt=""></td>
<td>
<img src=" www.pressmax.com.br/images/stories/Descr...espa%e7ador.gif" ; width="1" height="2" alt=""></td>
</tr>
<tr>
<td>
<img src=" www.pressmax.com.br/images/stories/Descr...espa%e7ador.gif" ; width="11" height="1" alt=""></td>
<td>
<img src=" www.pressmax.com.br/images/stories/Descr...espa%e7ador.gif" ; width="28" height="1" alt=""></td>
<td>
<img src=" www.pressmax.com.br/images/stories/Descr...espa%e7ador.gif" ; width="156" height="1" alt=""></td>
<td>
<img src=" www.pressmax.com.br/images/stories/Descr...espa%e7ador.gif" ; width="54" height="1" alt=""></td>
<td>
<img src=" www.pressmax.com.br/images/stories/Descr...espa%e7ador.gif" ; width="69" height="1" alt=""></td>
<td>
<img src=" www.pressmax.com.br/images/stories/Descr...espa%e7ador.gif" ; width="2" height="1" alt=""></td>
<td>
<img src=" www.pressmax.com.br/images/stories/Descr...espa%e7ador.gif" ; width="15" height="1" alt=""></td>
<td>
<img src=" www.pressmax.com.br/images/stories/Descr...espa%e7ador.gif" ; width="71" height="1" alt=""></td>
<td>
<img src=" www.pressmax.com.br/images/stories/Descr...espa%e7ador.gif" ; width="52" height="1" alt=""></td>
<td>
<img src=" www.pressmax.com.br/images/stories/Descr...espa%e7ador.gif" ; width="159" height="1" alt=""></td>
<td>
<img src=" www.pressmax.com.br/images/stories/Descr...espa%e7ador.gif" ; width="26" height="1" alt=""></td>
<td>
<img src=" www.pressmax.com.br/images/stories/Descr...espa%e7ador.gif" ; width="1" height="1" alt=""></td>
<td>
<img src=" www.pressmax.com.br/images/stories/Descr...espa%e7ador.gif" ; width="9" height="1" alt=""></td>
<td>
<img src=" www.pressmax.com.br/images/stories/Descr...espa%e7ador.gif" ; width="1" height="1" alt=""></td>
<td></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>











2ª o código da escrita que gostaria que ficasse por cima do layout na parte cinza centralizado









<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> ;
<html xmlns=" www.w3.org/1999/xhtml"> ;
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sem título</title>
<style type="text/css">
h3 strong {
color: #36C;
}
h3 strong {
font-family: Arial Black, Gadget, sans-serif;
}
#Geral {
font-family: Arial Black, Gadget, sans-serif;
}
#Font {
font-family: Arial, Helvetica, sans-serif;
}
font {
font-family: Arial, Helvetica, sans-serif;
}
</style>
</head>

<body>
<h3 align="center"><strong>DESCRIÇÃO DO PRODUTO</strong></h3>
<span id="Font"><strong><font color="#666666">Impresso em:</font><font color="#336699">
Supremo 250g</font><br />
<font color="#666666">Dimensões:</font><font color="#336699">
5x9cm</font><br />
<font color="#666666">Cor:</font><font color="#336699">
4x0 Colorido frente verso em branco</font><br />
<font color="#666666">Peso:</font><font color="#336699">
1.500 Gr</font><br />
<font color="#666666">Acabamento incluso:</font><font color="#336699">
Brilho frente</font></strong></span><strong><br />
</strong>
<h3 align="center"><strong>APLICAÇÃO</strong></h3>
<strong><font color="#666666">O cartão de visita é atualmente o objeto mais tangível da prática
de networking. É o que se entrega e o que se recebe em um primeiro
contato. Influencia e reforça as opiniões, além de deixar disponíveis
informações para abordagens posteriores.
</font>
</strong>
<h3 align="center"><strong>IMPORTANTE</strong></h3>
<strong><font color="#666666">* Não trabalhamos com prova de cor.
<p>* Ocorrem variações de cores em uma mesma produção,
temos uma margem de 10% de variação.</p>
<p>* Poderá haver variação de 10% na quantidade.</p>
<p>* Imagens meramente ilustrativas.</p>
</font>
</strong>
</body>
</html>

Please Entrar ou Registrar to join the conversation.


Mais
7 anos 3 meses atrás #71634 por Taylor
Taylor replied the topic: Re: Ajuda básica HTML
Bom, antes de tudo, não trabalhe exportando desta forma, pois exporta todo o layout em forma de tabelas, forma que não é recomendado mais utilizar!

Mais de todas as formas, eu peguei todo o texto que você queria adicionar, coloquei dentro de uma DIV com o id="texto_principal" na primeira pagina. Depois copiei o seu <style> da segunda pagina, o que formatava os textos, e joguei para a primeira pagina, para que os textos sejam formatados la.

Depois, criei uma regra para a id texto_principal, deixando ela com a posição absoluta, para ela ficar como uma camada superior as tabelas que estao com aqueals e imagens e etc...
e usando o "top" eu fiz a div descer, para ficar na posição correta, segue abaixo o codigo:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
h3 strong {
color: #36C;
}
h3 strong {
font-family: Arial Black, Gadget, sans-serif;
}
#Geral {
font-family: Arial Black, Gadget, sans-serif;
}
#Font {
font-family: Arial, Helvetica, sans-serif;
}
font {
font-family: Arial, Helvetica, sans-serif;
}
#texto_principal
{
width: 630px;
position:absolute;
margin-left:10px;
top:300px;
}
</style>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div id="texto_principal">
<h3 align="center"><strong>DESCRIÇÃO DO PRODUTO</strong></h3>
<span id="Font"><strong><font color="#666666">Impresso em:</font><font color="#336699">
Supremo 250g</font><br />
<font color="#666666">Dimensões:</font><font color="#336699">
5x9cm</font><br />
<font color="#666666">Cor:</font><font color="#336699">
4x0 Colorido frente verso em branco</font><br />
<font color="#666666">Peso:</font><font color="#336699">
1.500 Gr</font><br />
<font color="#666666">Acabamento incluso:</font><font color="#336699">
Brilho frente</font></strong></span><strong><br />
</strong>
<h3 align="center"><strong>APLICAÇÃO</strong></h3>
<strong><font color="#666666">O cartão de visita é atualmente o objeto mais tangível da prática
de networking. É o que se entrega e o que se recebe em um primeiro
contato. Influencia e reforça as opiniões, além de deixar disponíveis
informações para abordagens posteriores.
</font>
</strong>
<h3 align="center"><strong>IMPORTANTE</strong></h3>
<strong><font color="#666666">* Não trabalhamos com prova de cor.
<p>* Ocorrem variações de cores em uma mesma produção,
temos uma margem de 10% de variação.</p>
<p>* Poderá haver variação de 10% na quantidade.</p>
<p>* Imagens meramente ilustrativas.</p>
</font>
</strong>
</div>
<!-- ImageReady Slices (descricao dos produtos 2.ai - Slices: 01, 03, 06, 10, 12, 16, 20, 23, 26) -->
<table id="Tabela_01" width="655" height="1426" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="14" align="left" valign="top">
<img src=" www.pressmax.com.br/images/stories/Descr...os-produtos-2_01.png " width="654" height="11" alt=""></td>
<td>
<img src=" www.pressmax.com.br/images/stories/Descricao/espa%e7ador.gif " width="1" height="11" alt=""></td>
</tr>
<tr>
<td colspan="7" align="left" valign="top">
<img src=" www.pressmax.com.br/images/stories/Descr...os-produtos-2_02.png " width="335" height="1" alt=""></td>
<td colspan="4" rowspan="2" align="left" valign="top">
<img src=" www.pressmax.com.br/images/stories/Descr...os-produtos-2_03.png " width="308" height="93" alt=""></td>
<td colspan="3" rowspan="4" align="left" valign="top">
<img src=" www.pressmax.com.br/images/stories/Descr...os-produtos-2_04.png " width="11" height="109" alt=""></td>
<td>
<img src=" www.pressmax.com.br/images/stories/Descricao/espa%e7ador.gif " width="1" height="1" alt=""></td>
</tr>
<tr>
<td rowspan="7" align="left" valign="top">
<img src=" www.pressmax.com.br/images/stories/Descr...os-produtos-2_05.png " width="11" height="1115" alt=""></td>
<td colspan="5" rowspan="2" align="left" valign="top"><a href=" pressmax.com.br/index.php?option=com_k2&...item&id=4&Itemid=351 "><img src=" www.pressmax.com.br/images/stories/Descr...os-produtos-2_06.png " width="309" height="93" alt=""></a></td>
<td rowspan="7" align="left" valign="top">
<img src=" www.pressmax.com.br/images/stories/Descr...os-produtos-2_07.png " width="15" height="1115" alt=""></td>
<td>
<img src=" www.pressmax.com.br/images/stories/Descricao/espa%e7ador.gif " width="1" height="92" alt=""></td>
</tr>
<tr>
<td colspan="4" rowspan="2" align="left" valign="top">
<img src=" www.pressmax.com.br/images/stories/Descr...os-produtos-2_08.png " width="308" height="16" alt=""></td>
<td>
<img src=" www.pressmax.com.br/images/stories/Descricao/espa%e7ador.gif " width="1" height="1" alt=""></td>
</tr>
<tr>
<td colspan="5" rowspan="2" align="left" valign="top">
<img src=" www.pressmax.com.br/images/stories/Descr...os-produtos-2_09.png " width="309" height="16" alt=""></td>
<td>
<img src=" www.pressmax.com.br/images/stories/Descricao/espa%e7ador.gif " width="1" height="15" alt=""></td>
</tr>
<tr>
<td colspan="5" rowspan="3" align="left" valign="top"><a href=" pressmax.com.br/index.php?option=com_k2&...item&id=4&Itemid=351 "><img src=" www.pressmax.com.br/images/stories/Descr...os-produtos-2_10.png " width="309" height="123" alt=""></a></td>
<td colspan="2" rowspan="4" align="left" valign="top">
<img src=" www.pressmax.com.br/images/stories/Descr...os-produtos-2_11.png " width="10" height="1007" alt=""></td>
<td>
<img src=" www.pressmax.com.br/images/stories/Descricao/espa%e7ador.gif " width="1" height="1" alt=""></td>
</tr>
<tr>
<td colspan="4" align="left" valign="top"><a href=" pressmax.com.br/index.php?option=com_k2&...item&id=1&Itemid=363 "><img src=" www.pressmax.com.br/images/stories/Descr...os-produtos-2_12.png " width="307" height="120" alt=""></a></td>
<td rowspan="3" align="left" valign="top">
<img src=" www.pressmax.com.br/images/stories/Descr...os-produtos-2_13.png " width="2" height="1006" alt=""></td>
<td>
<img src=" www.pressmax.com.br/images/stories/Descricao/espa%e7ador.gif " width="1" height="120" alt=""></td>
</tr>
<tr>
<td colspan="4" rowspan="2" align="left" valign="top">
<img src=" www.pressmax.com.br/images/stories/Descr...os-produtos-2_14.png " width="307" height="886" alt=""></td>
<td>
<img src=" www.pressmax.com.br/images/stories/Descricao/espa%e7ador.gif " width="1" height="2" alt=""></td>
</tr>
<tr>
<td colspan="5" align="left" valign="top">
<img src=" www.pressmax.com.br/images/stories/Descr...os-produtos-2_15.png " width="309" height="884" alt=""></td>
<td>
<img src=" www.pressmax.com.br/images/stories/Descricao/espa%e7ador.gif " width="1" height="884" alt=""></td>
</tr>
<tr>
<td colspan="13" rowspan="2" align="left" valign="top">
<img src=" www.pressmax.com.br/images/stories/Descr...os-produtos-2_16.png " width="653" height="87" alt=""></td>
<td align="left" valign="top">
<img src=" www.pressmax.com.br/images/stories/Descr...os-produtos-2_17.png " width="1" height="1" alt=""></td>
<td>
<img src=" www.pressmax.com.br/images/stories/Descricao/espa%e7ador.gif " width="1" height="1" alt=""></td>
</tr>
<tr>
<td width="1" height="297" rowspan="7">
<img src=" www.pressmax.com.br/images/stories/Descricao/espa%e7ador.gif " width="1" height="297" alt=""></td>
<td>
<img src=" www.pressmax.com.br/images/stories/Descricao/espa%e7ador.gif " width="1" height="86" alt=""></td>
</tr>
<tr>
<td colspan="9" align="left" valign="top">
<img src=" www.pressmax.com.br/images/stories/Descr...os-produtos-2_19.png " width="458" height="1" alt=""></td>
<td rowspan="3" align="left" valign="top"><a href=" pressmax.com.br/index.php?option=com_aic...sage&pf=7&Itemid=365 "><img src=" www.pressmax.com.br/images/stories/Descr...os-produtos-2_20.png " width="159" height="158" alt=""></a></td>
<td colspan="3" rowspan="5" align="left" valign="top">
<img src=" www.pressmax.com.br/images/stories/Descr...os-produtos-2_21.png " width="36" height="209" alt=""></td>
<td>
<img src=" www.pressmax.com.br/images/stories/Descricao/espa%e7ador.gif " width="1" height="1" alt=""></td>
</tr>
<tr>
<td colspan="4" align="left" valign="top">
<img src=" www.pressmax.com.br/images/stories/Descr...os-produtos-2_22.png " width="249" height="1" alt=""></td>
<td colspan="4" rowspan="3" align="left" valign="top"><a href=" pressmax.com.br/index.php?option=com_k2&...tem&id=18&Itemid=269 "><img src=" www.pressmax.com.br/images/stories/Descr...os-produtos-2_23.png " width="157" height="158" alt=""></a></td>
<td rowspan="4" align="left" valign="top">
<img src=" www.pressmax.com.br/images/stories/Descr...os-produtos-2_24.png " width="52" height="208" alt=""></td>
<td>
<img src=" www.pressmax.com.br/images/stories/Descricao/espa%e7ador.gif " width="1" height="1" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="3" align="left" valign="top">
<img src=" www.pressmax.com.br/images/stories/Descr...os-produtos-2_25.png " width="39" height="207" alt=""></td>
<td rowspan="2" align="left" valign="top"><a href=" pressmax.com.br/index.php?option=com_k2&...tem&id=17&Itemid=323 "><img src=" www.pressmax.com.br/images/stories/Descr...os-produtos-2_26.png " width="156" height="157" alt=""></a></td>
<td rowspan="3" align="left" valign="top">
<img src=" www.pressmax.com.br/images/stories/Descr...os-produtos-2_27.png " width="54" height="207" alt=""></td>
<td>
<img src=" www.pressmax.com.br/images/stories/Descricao/espa%e7ador.gif " width="1" height="156" alt=""></td>
</tr>
<tr>
<td rowspan="2" align="left" valign="top">
<img src=" www.pressmax.com.br/images/stories/Descr...os-produtos-2_28.png " width="159" height="51" alt=""></td>
<td>
<img src=" www.pressmax.com.br/images/stories/Descricao/espa%e7ador.gif " width="1" height="1" alt=""></td>
</tr>
<tr>
<td align="left" valign="top">
<img src=" www.pressmax.com.br/images/stories/Descr...os-produtos-2_29.png " width="156" height="50" alt=""></td>
<td colspan="4" align="left" valign="top">
<img src=" www.pressmax.com.br/images/stories/Descr...os-produtos-2_30.png " width="157" height="50" alt=""></td>
<td>
<img src=" www.pressmax.com.br/images/stories/Descricao/espa%e7ador.gif " width="1" height="50" alt=""></td>
</tr>
<tr>
<td width="653" height="2" colspan="13">
<img src=" www.pressmax.com.br/images/stories/Descricao/espa%e7ador.gif " width="653" height="2" alt=""></td>
<td>
<img src=" www.pressmax.com.br/images/stories/Descricao/espa%e7ador.gif " width="1" height="2" alt=""></td>
</tr>
<tr>
<td>
<img src=" www.pressmax.com.br/images/stories/Descricao/espa%e7ador.gif " width="11" height="1" alt=""></td>
<td>
<img src=" www.pressmax.com.br/images/stories/Descricao/espa%e7ador.gif " width="28" height="1" alt=""></td>
<td>
<img src=" www.pressmax.com.br/images/stories/Descricao/espa%e7ador.gif " width="156" height="1" alt=""></td>
<td>
<img src=" www.pressmax.com.br/images/stories/Descricao/espa%e7ador.gif " width="54" height="1" alt=""></td>
<td>
<img src=" www.pressmax.com.br/images/stories/Descricao/espa%e7ador.gif " width="69" height="1" alt=""></td>
<td>
<img src=" www.pressmax.com.br/images/stories/Descricao/espa%e7ador.gif " width="2" height="1" alt=""></td>
<td>
<img src=" www.pressmax.com.br/images/stories/Descricao/espa%e7ador.gif " width="15" height="1" alt=""></td>
<td>
<img src=" www.pressmax.com.br/images/stories/Descricao/espa%e7ador.gif " width="71" height="1" alt=""></td>
<td>
<img src=" www.pressmax.com.br/images/stories/Descricao/espa%e7ador.gif " width="52" height="1" alt=""></td>
<td>
<img src=" www.pressmax.com.br/images/stories/Descricao/espa%e7ador.gif " width="159" height="1" alt=""></td>
<td>
<img src=" www.pressmax.com.br/images/stories/Descricao/espa%e7ador.gif " width="26" height="1" alt=""></td>
<td>
<img src=" www.pressmax.com.br/images/stories/Descricao/espa%e7ador.gif " width="1" height="1" alt=""></td>
<td>
<img src=" www.pressmax.com.br/images/stories/Descricao/espa%e7ador.gif " width="9" height="1" alt=""></td>
<td>
<img src=" www.pressmax.com.br/images/stories/Descricao/espa%e7ador.gif " width="1" height="1" alt=""></td>
<td></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>


Abraços, boa sorte no projeto. De uma estuda em Tableless... estude bem CSS. qualquer coisa tamos aqui <!-- s:ugeek: --><img src="{SMILIES_PATH}/icon_e_ugeek.gif" alt=":ugeek:" title="Uber Geek" /><!-- s:ugeek: -->

Please Entrar ou Registrar to join the conversation.

  • cocão8km
  • Avatar de cocão8km Autor do Tópico
  • Offline
  • JCB! Colaborador
  • JCB! Colaborador
Mais
7 anos 3 meses atrás #72114 por cocão8km
cocão8km replied the topic: Re: Ajuda básica HTML
Bom dia Taylor, muito obrigado pela sua ajuda, funcionou muito bem no Dreamweaver porem, quando coloquei o código no Virtuemart não deu muito certo. Poderia me dizer como fazer para que funcione no virtue? não trabalho como programador, estou montando um site para mim mesmo, segue o link no produto que estou testando o código.

http://pressmax.com.br/index.php?option ... ct_id=6984

Please Entrar ou Registrar to join the conversation.

Mais
7 anos 3 meses atrás #72123 por Taylor
Taylor replied the topic: Re: Ajuda básica HTML
então, como você esta usando joomla, você não consegue jogar toda a estrutura HTML mais os CSS para dentro de um produto desta forma. É meio complicado te explicar como faz isso cara, porque eu nunca precisei fazer isso no joomla, então é só eu testando para te explicar isso. Mais, veja se desta forma dará certo:
<div id="texto_principal" style="font:Arial, Helvetica, sans-serif;width:	630px;
position:absolute;
margin-left:10px;
top:300px;">
<h3 align="center" style="color: #36C;font-family: Arial Black, Gadget, sans-serif;"><strong>DESCRIÇÃO DO PRODUTO</strong></h3>
<span id="Font" style="font-family: Arial Black, Gadget, sans-serif;"><strong><font color="#666666">Impresso em:</font><font color="#336699">
Supremo 250g</font><br />
<font color="#666666">Dimensões:</font><font color="#336699">
5x9cm</font><br />
<font color="#666666">Cor:</font><font color="#336699">
4x0 Colorido frente verso em branco</font><br />
<font color="#666666">Peso:</font><font color="#336699">
1.500 Gr</font><br />
<font color="#666666">Acabamento incluso:</font><font color="#336699">
Brilho frente</font></strong></span><strong><br />
</strong>
<h3 align="center" style="color: #36C;font-family: Arial Black, Gadget, sans-serif;"><strong>APLICAÇÃO</strong></h3>
<strong><font color="#666666">O cartão de visita é atualmente o objeto mais tangível da prática 
de networking. É o que se entrega e o que se recebe em um primeiro 
contato. Influencia e reforça as opiniões, além de deixar disponíveis 
informações para abordagens posteriores.
</font>
</strong>
<h3 align="center" style="color: #36C;font-family: Arial Black, Gadget, sans-serif;"><strong>IMPORTANTE</strong></h3>
<strong><font color="#666666">* Não trabalhamos com prova de cor. 
<p>* Ocorrem variações de cores em uma mesma produção, 
temos uma margem de 10% de variação.</p>
<p>* Poderá haver variação de 10% na quantidade.</p>
<p>* Imagens meramente ilustrativas.</p>
</font>
</strong>
</div>
<!-- ImageReady Slices (descricao dos produtos 2.ai - Slices: 01, 03, 06, 10, 12, 16, 20, 23, 26) -->
<table id="Tabela_01" width="655" height="1426" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="14" align="left" valign="top">
<img src="http://www.pressmax.com.br/images/stories/Descricao/descricao-dos-produtos-2_01.png" width="654" height="11" alt=""></td>
<td>
<img src="http://www.pressmax.com.br/images/stories/Descricao/espa%e7ador.gif" width="1" height="11" alt=""></td>
</tr>
<tr>
<td colspan="7" align="left" valign="top">
<img src="http://www.pressmax.com.br/images/stories/Descricao/descricao-dos-produtos-2_02.png" width="335" height="1" alt=""></td>
<td colspan="4" rowspan="2" align="left" valign="top">
<img src="http://www.pressmax.com.br/images/stories/Descricao/descricao-dos-produtos-2_03.png" width="308" height="93" alt=""></td>
<td colspan="3" rowspan="4" align="left" valign="top">
<img src="http://www.pressmax.com.br/images/stories/Descricao/descricao-dos-produtos-2_04.png" width="11" height="109" alt=""></td>
<td>
<img src="http://www.pressmax.com.br/images/stories/Descricao/espa%e7ador.gif" width="1" height="1" alt=""></td>
</tr>
<tr>
<td rowspan="7" align="left" valign="top">
<img src="http://www.pressmax.com.br/images/stories/Descricao/descricao-dos-produtos-2_05.png" width="11" height="1115" alt=""></td>
<td colspan="5" rowspan="2" align="left" valign="top"><a href="http://pressmax.com.br/index.php?option=com_k2&view=item&layout=item&id=4&Itemid=351"><img src="http://www.pressmax.com.br/images/stories/Descricao/descricao-dos-produtos-2_06.png" width="309" height="93" alt=""></a></td>
<td rowspan="7" align="left" valign="top">
<img src="http://www.pressmax.com.br/images/stories/Descricao/descricao-dos-produtos-2_07.png" width="15" height="1115" alt=""></td>
<td>
<img src="http://www.pressmax.com.br/images/stories/Descricao/espa%e7ador.gif" width="1" height="92" alt=""></td>
</tr>
<tr>
<td colspan="4" rowspan="2" align="left" valign="top">
<img src="http://www.pressmax.com.br/images/stories/Descricao/descricao-dos-produtos-2_08.png" width="308" height="16" alt=""></td>
<td>
<img src="http://www.pressmax.com.br/images/stories/Descricao/espa%e7ador.gif" width="1" height="1" alt=""></td>
</tr>
<tr>
<td colspan="5" rowspan="2" align="left" valign="top">
<img src="http://www.pressmax.com.br/images/stories/Descricao/descricao-dos-produtos-2_09.png" width="309" height="16" alt=""></td>
<td>
<img src="http://www.pressmax.com.br/images/stories/Descricao/espa%e7ador.gif" width="1" height="15" alt=""></td>
</tr>
<tr>
<td colspan="5" rowspan="3" align="left" valign="top"><a href="http://pressmax.com.br/index.php?option=com_k2&view=item&layout=item&id=4&Itemid=351"><img src="http://www.pressmax.com.br/images/stories/Descricao/descricao-dos-produtos-2_10.png" width="309" height="123" alt=""></a></td>
<td colspan="2" rowspan="4" align="left" valign="top">
<img src="http://www.pressmax.com.br/images/stories/Descricao/descricao-dos-produtos-2_11.png" width="10" height="1007" alt=""></td>
<td>
<img src="http://www.pressmax.com.br/images/stories/Descricao/espa%e7ador.gif" width="1" height="1" alt=""></td>
</tr>
<tr>
<td colspan="4" align="left" valign="top"><a href="http://pressmax.com.br/index.php?option=com_k2&view=item&layout=item&id=1&Itemid=363"><img src="http://www.pressmax.com.br/images/stories/Descricao/descricao-dos-produtos-2_12.png" width="307" height="120" alt=""></a></td>
<td rowspan="3" align="left" valign="top">
<img src="http://www.pressmax.com.br/images/stories/Descricao/descricao-dos-produtos-2_13.png" width="2" height="1006" alt=""></td>
<td>
<img src="http://www.pressmax.com.br/images/stories/Descricao/espa%e7ador.gif" width="1" height="120" alt=""></td>
</tr>
<tr>
<td colspan="4" rowspan="2" align="left" valign="top">
<img src="http://www.pressmax.com.br/images/stories/Descricao/descricao-dos-produtos-2_14.png" width="307" height="886" alt=""></td>
<td>
<img src="http://www.pressmax.com.br/images/stories/Descricao/espa%e7ador.gif" width="1" height="2" alt=""></td>
</tr>
<tr>
<td colspan="5" align="left" valign="top">
<img src="http://www.pressmax.com.br/images/stories/Descricao/descricao-dos-produtos-2_15.png" width="309" height="884" alt=""></td>
<td>
<img src="http://www.pressmax.com.br/images/stories/Descricao/espa%e7ador.gif" width="1" height="884" alt=""></td>
</tr>
<tr>
<td colspan="13" rowspan="2" align="left" valign="top">
<img src="http://www.pressmax.com.br/images/stories/Descricao/descricao-dos-produtos-2_16.png" width="653" height="87" alt=""></td>
<td align="left" valign="top">
<img src="http://www.pressmax.com.br/images/stories/Descricao/descricao-dos-produtos-2_17.png" width="1" height="1" alt=""></td>
<td>
<img src="http://www.pressmax.com.br/images/stories/Descricao/espa%e7ador.gif" width="1" height="1" alt=""></td>
</tr>
<tr>
<td width="1" height="297" rowspan="7">
<img src="http://www.pressmax.com.br/images/stories/Descricao/espa%e7ador.gif" width="1" height="297" alt=""></td>
<td>
<img src="http://www.pressmax.com.br/images/stories/Descricao/espa%e7ador.gif" width="1" height="86" alt=""></td>
</tr>
<tr>
<td colspan="9" align="left" valign="top">
<img src="http://www.pressmax.com.br/images/stories/Descricao/descricao-dos-produtos-2_19.png" width="458" height="1" alt=""></td>
<td rowspan="3" align="left" valign="top"><a href="http://pressmax.com.br/index.php?option=com_aicontactsafe&view=message&layout=message&pf=7&Itemid=365"><img src="http://www.pressmax.com.br/images/stories/Descricao/descricao-dos-produtos-2_20.png" width="159" height="158" alt=""></a></td>
<td colspan="3" rowspan="5" align="left" valign="top">
<img src="http://www.pressmax.com.br/images/stories/Descricao/descricao-dos-produtos-2_21.png" width="36" height="209" alt=""></td>
<td>
<img src="http://www.pressmax.com.br/images/stories/Descricao/espa%e7ador.gif" width="1" height="1" alt=""></td>
</tr>
<tr>
<td colspan="4" align="left" valign="top">
<img src="http://www.pressmax.com.br/images/stories/Descricao/descricao-dos-produtos-2_22.png" width="249" height="1" alt=""></td>
<td colspan="4" rowspan="3" align="left" valign="top"><a href="http://pressmax.com.br/index.php?option=com_k2&view=item&layout=item&id=18&Itemid=269"><img src="http://www.pressmax.com.br/images/stories/Descricao/descricao-dos-produtos-2_23.png" width="157" height="158" alt=""></a></td>
<td rowspan="4" align="left" valign="top">
<img src="http://www.pressmax.com.br/images/stories/Descricao/descricao-dos-produtos-2_24.png" width="52" height="208" alt=""></td>
<td>
<img src="http://www.pressmax.com.br/images/stories/Descricao/espa%e7ador.gif" width="1" height="1" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="3" align="left" valign="top">
<img src="http://www.pressmax.com.br/images/stories/Descricao/descricao-dos-produtos-2_25.png" width="39" height="207" alt=""></td>
<td rowspan="2" align="left" valign="top"><a href="http://pressmax.com.br/index.php?option=com_k2&view=item&layout=item&id=17&Itemid=323"><img src="http://www.pressmax.com.br/images/stories/Descricao/descricao-dos-produtos-2_26.png" width="156" height="157" alt=""></a></td>
<td rowspan="3" align="left" valign="top">
<img src="http://www.pressmax.com.br/images/stories/Descricao/descricao-dos-produtos-2_27.png" width="54" height="207" alt=""></td>
<td>
<img src="http://www.pressmax.com.br/images/stories/Descricao/espa%e7ador.gif" width="1" height="156" alt=""></td>
</tr>
<tr>
<td rowspan="2" align="left" valign="top">
<img src="http://www.pressmax.com.br/images/stories/Descricao/descricao-dos-produtos-2_28.png" width="159" height="51" alt=""></td>
<td>
<img src="http://www.pressmax.com.br/images/stories/Descricao/espa%e7ador.gif" width="1" height="1" alt=""></td>
</tr>
<tr>
<td align="left" valign="top">
<img src="http://www.pressmax.com.br/images/stories/Descricao/descricao-dos-produtos-2_29.png" width="156" height="50" alt=""></td>
<td colspan="4" align="left" valign="top">
<img src="http://www.pressmax.com.br/images/stories/Descricao/descricao-dos-produtos-2_30.png" width="157" height="50" alt=""></td>
<td>
<img src="http://www.pressmax.com.br/images/stories/Descricao/espa%e7ador.gif" width="1" height="50" alt=""></td>
</tr>
<tr>
<td width="653" height="2" colspan="13">
<img src="http://www.pressmax.com.br/images/stories/Descricao/espa%e7ador.gif" width="653" height="2" alt=""></td>
<td>
<img src="http://www.pressmax.com.br/images/stories/Descricao/espa%e7ador.gif" width="1" height="2" alt=""></td>
</tr>
<tr>
<td>
<img src="http://www.pressmax.com.br/images/stories/Descricao/espa%e7ador.gif" width="11" height="1" alt=""></td>
<td>
<img src="http://www.pressmax.com.br/images/stories/Descricao/espa%e7ador.gif" width="28" height="1" alt=""></td>
<td>
<img src="http://www.pressmax.com.br/images/stories/Descricao/espa%e7ador.gif" width="156" height="1" alt=""></td>
<td>
<img src="http://www.pressmax.com.br/images/stories/Descricao/espa%e7ador.gif" width="54" height="1" alt=""></td>
<td>
<img src="http://www.pressmax.com.br/images/stories/Descricao/espa%e7ador.gif" width="69" height="1" alt=""></td>
<td>
<img src="http://www.pressmax.com.br/images/stories/Descricao/espa%e7ador.gif" width="2" height="1" alt=""></td>
<td>
<img src="http://www.pressmax.com.br/images/stories/Descricao/espa%e7ador.gif" width="15" height="1" alt=""></td>
<td>
<img src="http://www.pressmax.com.br/images/stories/Descricao/espa%e7ador.gif" width="71" height="1" alt=""></td>
<td>
<img src="http://www.pressmax.com.br/images/stories/Descricao/espa%e7ador.gif" width="52" height="1" alt=""></td>
<td>
<img src="http://www.pressmax.com.br/images/stories/Descricao/espa%e7ador.gif" width="159" height="1" alt=""></td>
<td>
<img src="http://www.pressmax.com.br/images/stories/Descricao/espa%e7ador.gif" width="26" height="1" alt=""></td>
<td>
<img src="http://www.pressmax.com.br/images/stories/Descricao/espa%e7ador.gif" width="1" height="1" alt=""></td>
<td>
<img src="http://www.pressmax.com.br/images/stories/Descricao/espa%e7ador.gif" width="9" height="1" alt=""></td>
<td>
<img src="http://www.pressmax.com.br/images/stories/Descricao/espa%e7ador.gif" width="1" height="1" alt=""></td>
<td></td>
</tr>
</table>

Please Entrar ou Registrar to join the conversation.

Mais
7 anos 3 meses atrás #72125 por Taylor
Taylor replied the topic: Re: Ajuda básica HTML
neste caso eu coloquei todas as tags css dentro dos próprios elementos. Pois testa forma o Joomla interpreta certo, mais ai vem a parte que o seu template, já deve ter alguma formatação para tabelas e etc... que pode alterar as tabelas do código acima, mais de todas as formas, faça o teste, e me diga se deu certo. Obrigado cara, espero ter ajudado

Please Entrar ou Registrar to join the conversation.