Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

jesdsi

como se faz linhas divisorias ?

Por , em Desenvolvimento frontend

Recommended Posts

jesdsi    0

jesdsi
Postado

A maneira correta seria não usando um WYSIWYG mas enfim

 

Primeiro preciso saber como você está fazendo ele

se é usando divs ou tabela.

 

Se possível poste o link ou o código da sua página.

<html>
<head>
<title>teste</title>
<meta name="GENERATOR" content="Namo WebEditor v5.0">
<meta name="description" content=" !">
<meta name="author" content=" ">
<meta name="keywords" content="">
</head>
<body bgcolor="#C9C9C9" background="images/listra9.jpg" style="background-repeat: no-repeat; background-position: top center" >
<!-- DO NOT MOVE! The following AllWebMenus linking code section must always be placed right AFTER the BODY tag-->
<!-- ******** BEGIN ALLWEBMENUS CODE FOR menu ******** -->
<script type="text/javascript">var MenuLinkedBy="AllWebMenus [4]",awmMenuName="menu",awmBN="744";awmAltUrl="";</script><script charset="UTF-8" src="menu.js" type="text/javascript"></script><script type="text/javascript">awmBuildMenu();</script>
<!-- ******** END ALLWEBMENUS CODE FOR menu ******** -->

 




<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>

<p> </p>
<div id="layer3" style="width:727px; height:1131px; position:absolute; left:250px; top:145px; z-index:1;">
	<p> </p>
	<table cellpadding="0" cellspacing="0" width="713">
		<tr>
			<td width="22" background="images/sup_esq.gif" height="22">
				<p style="line-height:100%; margin-top:0; margin-bottom:0;" align="justify"> </p>
			</td>
			<td width="666" bgcolor="white" height="22">
				<p style="line-height:100%; margin-top:0; margin-bottom:0;" align="justify"> </p>
			</td>
			<td width="25" background="images/sup_dir.gif" height="22">
				<p style="line-height:100%; margin-top:0; margin-bottom:0;" align="justify"> </p>
			</td>
		</tr>
		<tr>
			<td width="22" height="1000" bgcolor="white">
				<p style="line-height:100%; margin-top:0; margin-bottom:0;" align="justify"> </p>
			</td>
			<td width="666" height="1000" bgcolor="white">
				<p style="line-height:100%; margin-top:0; margin-bottom:0;" align="justify"> </p>
				<div id="layer2" style="width:367px; height:200px; position:absolute; left:30px; top:61px; z-index:1;">
					<p> </p>
				</div>			</td>
			<td width="25" height="1000" bgcolor="white">
				<p style="line-height:100%; margin-top:0; margin-bottom:0;" align="justify"> </p>
			</td>
		</tr>
		<tr>
			<td width="22" height="25" background="images/inf_esq.gif">
				<p style="line-height:100%; margin-top:0; margin-bottom:0;" align="justify"> </p>
			</td>
			<td width="666" height="25" bgcolor="white">
				<p style="line-height:100%; margin-top:0; margin-bottom:0;" align="justify"> </p>
			</td>
			<td width="25" height="25" background="images/inf_dir.gif">
				<p style="line-height:100%; margin-top:0; margin-bottom:0;" align="justify"> </p>
			</td>
		</tr>
	</table>
	<p> </p>
</div>
<div id="layer1" style="width:200px; height:1130px; position:absolute; left:39px; top:145px; z-index:1;">
	<p> </p>
	<table cellpadding="0" cellspacing="0" width="200">
		<tr>
			<td width="15" height="13" background="images/sup_esq2.gif">
				<p style="line-height:0%; margin-top:0; margin-bottom:0;" align="center"> </p>
			</td>
			<td width="170" bgcolor="#1773EC" height="13">
				<p style="line-height:0%; margin-top:0; margin-bottom:0;" align="center"> </p>
			</td>
			<td width="15" height="13" background="images/sup_dir2.gif">
				<p style="line-height:0%; margin-top:0; margin-bottom:0;" align="center"> </p>
			</td>
		</tr>
		<tr>
			<td width="15" height="1018" bgcolor="#1773EC">
				<p style="line-height:0%; margin-top:0; margin-bottom:0;" align="center"> </p>
			</td>
			<td width="170" height="1018" bgcolor="#1773EC">
				<p style="line-height:0%; margin-top:0; margin-bottom:0;"> </p>
			</td>
			<td width="15" height="1018" bgcolor="#1773EC">
				<p style="line-height:0%; margin-top:0; margin-bottom:0;" align="center"> </p>
			</td>
		</tr>
		<tr>
			<td width="15" height="15" background="images/inf_esq2.gif">
				<p style="line-height:0%; margin-top:0; margin-bottom:0;" align="center"> </p>
			</td>
			<td width="170" bgcolor="#1773EC" height="15">
				<p style="line-height:0%; margin-top:0; margin-bottom:0;" align="center"> </p>
			</td>
			<td width="15" height="15" background="images/inf_dir2.gif">
				<p style="line-height:0%; margin-top:0; margin-bottom:0;" align="center"> </p>
			</td>
		</tr>
	</table>
	<p> </p>
</div>
<p> </p>
<p> </p>
<p> </p>

<p> </p>
<p> </p>
<p> </p>


<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Thiago Retondar    18

Thiago Retondar
Postado

Você pode fazer com border, no CSS, mas no caso do Terra, foi usado uma classe com suas definições no CSS:

 

.lin-hor-dotted
{
background-color: transparent;
background-image: url(../_img/lin-dotted.gif);
background-repeat: repeat-x;
background-attachment: scroll;
background-position: left top;
line-height: 1px;
}

Evite fazer site em Tabelas, isso prejudica-te muito. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

GabrielFerrari    41

GabrielFerrari
Postado

evite código desnecessário:

<html>
<head>
<title>teste</title>
<meta name="GENERATOR" content="Namo WebEditor v5.0">
<meta name="description" content=" !">
<meta name="author" content=" ">
<meta name="keywords" content="">
</head>
<body bgcolor="#C9C9C9" background="images/listra9.jpg" style="background-repeat: no-repeat; background-position: top center" >
<!-- DO NOT MOVE! The following AllWebMenus linking code section must always be placed right AFTER the BODY tag-->
<!-- ******** BEGIN ALLWEBMENUS CODE FOR menu ******** -->
<script type="text/javascript">var MenuLinkedBy="AllWebMenus [4]",awmMenuName="menu",awmBN="744";awmAltUrl="";</script><script charset="UTF-8" src="menu.js" type="text/javascript"></script><script type="text/javascript">awmBuildMenu();</script>
<!-- ******** END ALLWEBMENUS CODE FOR menu ******** -->
<div id="layer3" style="width:727px; height:1131px; position:absolute; left:250px; top:145px; z-index:1;">
	<p> </p>
	<table cellpadding="0" cellspacing="0" width="713">
		<tr>
			<td width="22" background="images/sup_esq.gif" height="22">
				<p style="line-height:100%; margin-top:0; margin-bottom:0;" align="justify"> </p>
			</td>
			<td width="666" bgcolor="white" height="22">
				<p style="line-height:100%; margin-top:0; margin-bottom:0;" align="justify"> </p>
			</td>
			<td width="25" background="images/sup_dir.gif" height="22">
				<p style="line-height:100%; margin-top:0; margin-bottom:0;" align="justify"> </p>
			</td>
		</tr>
		<tr>
			<td width="22" height="1000" bgcolor="white">
				<p style="line-height:100%; margin-top:0; margin-bottom:0;" align="justify"> </p>
			</td>
			<td width="666" height="1000" bgcolor="white">
				<p style="line-height:100%; margin-top:0; margin-bottom:0;" align="justify"> </p>
				<div id="layer2" style="width:367px; height:200px; position:absolute; left:30px; top:61px; z-index:1;">
					<p> </p>
				</div>			</td>
			<td width="25" height="1000" bgcolor="white">
				<p style="line-height:100%; margin-top:0; margin-bottom:0;" align="justify"> </p>
			</td>
		</tr>
		<tr>
			<td width="22" height="25" background="images/inf_esq.gif">
				<p style="line-height:100%; margin-top:0; margin-bottom:0;" align="justify"> </p>
			</td>
			<td width="666" height="25" bgcolor="white">
				<p style="line-height:100%; margin-top:0; margin-bottom:0;" align="justify"> </p>
			</td>
			<td width="25" height="25" background="images/inf_dir.gif">
				<p style="line-height:100%; margin-top:0; margin-bottom:0;" align="justify"> </p>
			</td>
		</tr>
	</table>
	<p> </p>
</div>
<div id="layer1" style="width:200px; height:1130px; position:absolute; left:39px; top:145px; z-index:1;">
	<p> </p>
	<table cellpadding="0" cellspacing="0" width="200">
		<tr>
			<td width="15" height="13" background="images/sup_esq2.gif">
				<p style="line-height:0%; margin-top:0; margin-bottom:0;" align="center"> </p>
			</td>
			<td width="170" bgcolor="#1773EC" height="13">
				<p style="line-height:0%; margin-top:0; margin-bottom:0;" align="center"> </p>
			</td>
			<td width="15" height="13" background="images/sup_dir2.gif">
				<p style="line-height:0%; margin-top:0; margin-bottom:0;" align="center"> </p>
			</td>
		</tr>
		<tr>
			<td width="15" height="1018" bgcolor="#1773EC">
				<p style="line-height:0%; margin-top:0; margin-bottom:0;" align="center"> </p>
			</td>
			<td width="170" height="1018" bgcolor="#1773EC">
				<p style="line-height:0%; margin-top:0; margin-bottom:0;"> </p>
			</td>
			<td width="15" height="1018" bgcolor="#1773EC">
				<p style="line-height:0%; margin-top:0; margin-bottom:0;" align="center"> </p>
			</td>
		</tr>
		<tr>
			<td width="15" height="15" background="images/inf_esq2.gif">
				<p style="line-height:0%; margin-top:0; margin-bottom:0;" align="center"> </p>
			</td>
			<td width="170" bgcolor="#1773EC" height="15">
				<p style="line-height:0%; margin-top:0; margin-bottom:0;" align="center"> </p>
			</td>
			<td width="15" height="15" background="images/inf_dir2.gif">
				<p style="line-height:0%; margin-top:0; margin-bottom:0;" align="center"> </p>
			</td>
		</tr>
	</table>
</div>
</body>
</html>

 

 

Isso prejudica seu trabalho.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Paulo de Tarso F. M.    24

Paulo de Tarso F. M.
Postado

Uma solução seria deixar de utilizar editores WYSIWYG... http://forum.imasters.com.br/public/style_emoticons/default/assobiando.gif Porque raramente você realmente terá o que você está vendo dentro do editor, que de WYSIWYG eles não têm nada... Tá, tá, hoje alguns já estão bem melhores do que antes, mas mesmo assim, continuam ruins... http://forum.imasters.com.br/public/style_emoticons/default/closedeyes.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

Thiago Retondar    18

Thiago Retondar
Postado

Uma solução seria deixar de utilizar editores WYSIWYG... http://forum.imasters.com.br/public/style_emoticons/default/assobiando.gif Porque raramente você realmente terá o que você está vendo dentro do editor, que de WYSIWYG eles não têm nada... Tá, tá, hoje alguns já estão bem melhores do que antes, mas mesmo assim, continuam ruins... http://forum.imasters.com.br/public/style_emoticons/default/closedeyes.gif

Concordo. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif Até por que, o seu cliente, e nem você, vão ver o site pelo modo design do Dreamweaver, por exemplo.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito