Ir para conteúdo
Fórum Script Brasil
  • 0

Ajuda C/ Layout Nos Menus

dhyeggo

Perguntado por dhyeggo,

 Share

Pergunta

dhyeggo

dhyeggo

Postado
Postado

Bom dia galera, estou precisando de uma ajudinha no meu layout de tela. tipow assim eu gostaria de saber se tem como alguém me ajduar.

eu tenho uma lista de menu do lado esquerdo com o seguinte

Inicio

CEP

curriculum

etc

eu queria que ficasse uma distancia entre um e outro por ex assim

Incio

CEP

Currilum

o <br></br> deixa uma distancia muito grande... alguém pode me ajudar ai vai o codigo se alguém querer tentar mexer... aceito outras sugestçoes tb..

grato

<HTML>

<HEAD dir="LTR">

<META http-equiv="Content-Type" content="text/html">

<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<TITLE>Apenas um teste</TITLE>

<LINK rel="SHORTCUT ICON" href="media/favicon.ico"><META>

<style>

    BODY, TABLE, TD, TR {FONT-SIZE: x-small; FONT-FAMILY: Verdana, arial}

    A { FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #0850A0}

    A:hover {COLOR: #ff6600; TEXT-DECORATION: none }

    A.newsgroup { FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #0850A0; TEXT-DECORATION: none}

    A.newsgroup:hover {COLOR: #ff6600; TEXT-DECORATION: none }

    A.toolbar{FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #ffffff; TEXT-DECORATION: none }

    A.toolbar:Hover { FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #ff6600; TEXT-DECORATION: none}

    A.menu {FONT-WEIGHT: bold; COLOR: #201460; TEXT-DECORATION: none}

    A.menu:hover { FONT-WEIGHT: bold; COLOR: #ff6600; TEXT-DECORATION: none}

    A.gateway {FONT-WEIGHT: bold; COLOR: #000000; TEXT-DECORATION: none}

    A.gateway:hover {FONT-WEIGHT: bold; COLOR: #ff6600; TEXT-DECORATION: none}

    A.link:Hover { COLOR:#800000; font-size: 11px; font-family: Arial; text-decoration:none}

    A.link {color:black; font-size: 11px; font-family: Arial; text-decoration:none }

    A.cat {font-size: 18px; font-weight: bold; font-family: Tahoma}

    A.subcat {font-size: 11px; font-weight: normal; font-family: Tahoma}

    A.trail {font-size: 11px; font-weight: normal; font-family: Tahoma}

    input.mini {font-size: 11px; font-family: Verdana; vspace:5; hspace:5 }

    blockquote {BORDER-RIGHT: #264B99 3px double; PADDING-RIGHT: 3px; BORDER-TOP: #264B99 3px double; PADDING-LEFT: 3px; BACKGROUND: #ddddd2; PADDING-BOTTOM: 3px; BORDER-LEFT: #264B99 3px double; PADDING-TOP: 3px; BORDER-BOTTOM: #264B99 3px double; }

    blockquote p {BORDER-RIGHT: #658b98 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #658b98 1px solid; PADDING-LEFT: 2px; BACKGROUND: #000080; PADDING-BOTTOM: 2px; MARGIN: 0px; BORDER-LEFT: #658b98 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #658b98 1px solid; TEXT-ALIGN: center; }

    pre {BORDER-RIGHT: #264B99 3px double; PADDING-RIGHT: 3px; BORDER-TOP: #264B99 3px double; PADDING-LEFT: 3px; BACKGROUND: #ddddd2; PADDING-BOTTOM: 3px; BORDER-LEFT: #264B99 3px double; PADDING-TOP: 3px; BORDER-BOTTOM: #264B99 3px double; }

    pre p {BORDER-RIGHT: #658b98 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #658b98 1px solid; PADDING-LEFT: 2px; BACKGROUND: #000080; PADDING-BOTTOM: 2px; MARGIN: 0px; BORDER-LEFT: #658b98 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #658b98 1px solid; TEXT-ALIGN: left; }

    FIELDSET {BORDER-RIGHT: #bbb 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #bbb 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; MARGIN: 0px; BORDER-LEFT: #bbb 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #bbb 1px solid; }

    FIELDSET P {MARGIN: 5px; TEXT-ALIGN: justify; }

    LEGEND {BORDER-RIGHT: #aaa 1px solid; FONT-WEIGHT: bold; PADDING-RIGHT: 5px; BORDER-TOP: #aaa 1px solid; PADDING-LEFT: 5px; FONT-SIZE: 13px; BACKGROUND: #eee; PADDING-BOTTOM: 5px; MARGIN: 0px 0px 5px; BORDER-LEFT: #aaa 1px solid; COLOR: #444; PADDING-TOP: 5px; BORDER-BOTTOM: #aaa 1px solid; LETTER-SPACING: 1px; }

    #airlock {BORDER-RIGHT: #bbb 3px double; BORDER-TOP: #bbb 3px double; BACKGROUND: #eeeeee; MARGIN: 10px 0px; BORDER-LEFT: #bbb 3px double; WIDTH: 100%; COLOR: #000; BORDER-BOTTOM: #bbb 3px double; TEXT-ALIGN: left}

    input.text {border:1px inset;width:120px}

    iframe.external{width: 100%; height: 600px;}

    </style>

</HEAD>

<body margin="10px" bgcolor="#555555">

<table border="0" width="760" cellspacing="0" cellpadding="0" height="80px">

<tr>

<td style="BORDER-TOP: #4e89b7 3px double; BORDER-LEFT: #4e89b7 3px double; BORDER-RIGHT: #4e89b7 3px double; BACKGROUND: #477ba5; MARGIN: 0px; COLOR: #dddddd; BORDER-BOTTOM: #3e6d92 1px solid">

<table border="0" cellpadding="0" cellspacing="0" width="0%" xmlns:msxsl="urn:schemas-microsoft-com:xslt" xmlns:vb="http://msgxml.com/vb">

<table>

<tr>

<td style="width:100%;color:#dddddd; filter:dropshadow(color=#000000, offX=1, offY=1)">

<font face="Georgia, Serif" size="7"><b><i></i></b></font>

</td>

</tr>

</table>

<table>

<tr>

<td style="width:100%; color:#dddddd; filter:dropshadow(color=#000000, offX=1, offY=1)"><font face="Times" style="font-size:14px; font-color:#dddddd; font-weight:bold"></font>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

<td align="right" bgcolor="#000080"></td>

</tr>

</table>

<div id="airlock">

<table border="0" bordercolor="#ffffff" cellpadding="1" cellspacing="0" width="100%" align="center" height="100%" bgcolor="#ffffff" style="BORDER-RIGHT: #aaa 3px double; margin: 0px 0px 5px 0px; BORDER-TOP: #aaa 3px double; BORDER-LEFT: #aaa 3px double; BORDER-BOTTOM: #aaa 3px double;"><tr valign="top"><br>

<td width="100"><img src="admin/media/dot.gif" width="150" height="1"><br>

<table border="0" cellpadding="0" cellspacing="2" width="100%">

<tr>

<td width="100%" background="skins/blue/media/center.jpg" height="20px">&nbsp;<font style="color:#ffffff;text-transform:uppercase;"><b>MENU</b></font>

</td>

</tr>

<tr>

<td colspan="2" height="2" bgcolor="#DFDFDF">

</td>

</tr>

<tr>

<td width="100%" colspan="2" style="background:#dddddd;border-left:3px #dddddd dashed;border-right:3px #dddddd dashed;border-bottom:5px #dddddd top: 120 dashed;">&nbsp;

<b>::</b>&nbsp;<a href="default.asp?id=1&amp;mnu=1" class="menu" xmlns:msxsl="urn:schemas-microsoft-com:xslt" xmlns:vb="http://msgxml.com/vb"> Início</a><br>&nbsp;

<b>::</b>&nbsp;<a href="http://www.correios.com.br/servicos/cep/cep_default.cfm" class="menu" target="_blank" xmlns:msxsl="urn:schemas-microsoft-com:xslt" xmlns:vb="http://msgxml.com/vb">CEP</a><br>&nbsp;

<b>::</b>&nbsp;<a href="http://www.gnccinemas.com.br/conteudo/calendario.asp" class="menu" target="_blank" xmlns:msxsl="urn:schemas-microsoft-com:xslt" xmlns:vb="http://msgxml.com/vb">Cinema</a><br>&nbsp;

<b>::</b>&nbsp;<a href="default.asp?id=6&amp;mnu=6" class="menu" xmlns:msxsl="urn:schemas-microsoft-com:xslt" xmlns:vb="http://msgxml.com/vb">Contato</a><br>&nbsp;

<b>::</b>&nbsp;<a href="default.asp?id=20&amp;mnu=20" class="menu" xmlns:msxsl="urn:schemas-microsoft-com:xslt" xmlns:vb="http://msgxml.com/vb">Currículo</a><br>&nbsp;

<b>::</b>&nbsp;<a href="fear.txt" class="menu" xmlns:msxsl="urn:schemas-microsoft-com:xslt" xmlns:vb="http://msgxml.com/vb">Faculdade</a><br>&nbsp;

<b>::</b>&nbsp;<a href="default.asp?id=34&amp;mnu=34" class="menu" xmlns:msxsl="urn:schemas-microsoft-com:xslt" xmlns:vb="http://msgxml.com/vb">Forca</a><br>&nbsp;

<b>::</b>&nbsp;<a href="/fotos" class="menu" target="_top" xmlns:msxsl="urn:schemas-microsoft-com:xslt" xmlns:vb="http://msgxml.com/vb">Fotos</a><br>&nbsp;

<b>::</b>&nbsp;<a href="default.asp?id=12&amp;mnu=12" class="menu" xmlns:msxsl="urn:schemas-microsoft-com:xslt" xmlns:vb="http://msgxml.com/vb">Hora Certa</a><br>&nbsp;

<b>::</b>&nbsp;<a href="/ii" class="menu" target="_top" xmlns:msxsl="urn:schemas-microsoft-com:xslt" xmlns:vb="http://msgxml.com/vb">Imagens divertidas</a><br>&nbsp;

<b>::</b>&nbsp;<a href="default.asp?id=38&amp;mnu=38" class="menu" xmlns:msxsl="urn:schemas-microsoft-com:xslt" xmlns:vb="http://msgxml.com/vb">Johnny Walker</a><br>&nbsp;

<b>::</b>&nbsp;<a href="default.asp?id=21&amp;mnu=21" class="menu" xmlns:msxsl="urn:schemas-microsoft-com:xslt" xmlns:vb="http://msgxml.com/vb">Links</a><br>&nbsp;

<b>::</b>&nbsp;<a href="https://www.bol.com.br" class="menu" target="_blank" xmlns:msxsl="urn:schemas-microsoft-com:xslt" xmlns:vb="http://msgxml.com/vb">Listel</a><br>&nbsp;

<b>::</b>&nbsp;<a href="default.asp?id=4&amp;mnu=4" class="menu" xmlns:msxsl="urn:schemas-microsoft-com:xslt" xmlns:vb="http://msgxml.com/vb">Meteorologia</a><br>&nbsp;

<b>::</b>&nbsp;<a href="default.asp?id=15&amp;mnu=15" class="menu" xmlns:msxsl="urn:schemas-microsoft-com:xslt" xmlns:vb="http://msgxml.com/vb">Multas</a><br>&nbsp;

<b>::</b>&nbsp;<a href="default.asp?id=18&amp;mnu=18" class="menu" xmlns:msxsl="urn:schemas-microsoft-com:xslt" xmlns:vb="http://msgxml.com/vb">Piadas</a><br>&nbsp;

<b>::</b>&nbsp;<a href="default.asp?id=40&amp;mnu=40" class="menu" xmlns:msxsl="urn:schemas-microsoft-com:xslt" xmlns:vb="http://msgxml.com/vb">Pós Graduação</a><br>&nbsp;

<b>::</b>&nbsp;<a href="/webmail" class="menu" target="_blank" xmlns:msxsl="urn:schemas-microsoft-com:xslt" xmlns:vb="http://msgxml.com/vb">Webmail</a><br>

</td>

</tr>

</table>

<br>

<CENTER>

<br>

</td>

<td width="0" bgcolor="#ffffff">&nbsp;

</td>

</table>

</div>

</body>

</HTML>

Link para o comentário
Compartilhar em outros sites

6 respostass a esta questão

Posts Recomendados

  • 0
Norivan Oliveira

Norivan Oliveira

Postado
Postado

</br>

Isto não existe, não se fecha <br> só se abre fazendo assim <br></br>, o navegador deve estar lendo como se fosse <br><br> para ter dado tanto espaço como você falou.

Localize todos os <br></br> e substitua por <br>.

Link para o comentário
Compartilhar em outros sites
  • 0
dhyeggo

dhyeggo

Postado
  • Autor
Postado

Não, mesmo assim ele mantem uma distancia muito grande... se possivel joga esse codigo ai num bloco de notas rapidão e da uma olhada e ve se você consegue resolver, por favor... grato.. diego

Link para o comentário
Compartilhar em outros sites
  • 0
Norivan Oliveira

Norivan Oliveira

Postado
Postado

é só tu mudar os espaçamento das linhas...mas esqueci como faz isto...você pode usar uma tabela com linhas com espaçamento maior tb... visualiza este código ae 

  <table width="153" border="0" cellspacing="8" cellpadding="0">
  <tr> 
    <td>  <b>::</b> <a href="default.asp?id=1&amp;mnu=1" class="menu" xmlns:msxsl="urn:schemas-microsoft-com:xslt" xmlns:vb="http://msgxml.com/vb"> 
      Início</a></td>
  </tr>
  <tr> 
    <td>  <b>::</b> <a href="http://www.correios.com.br/servicos/cep/cep_default.cfm" class="menu" target="_blank" xmlns:msxsl="urn:schemas-microsoft-com:xslt" xmlns:vb="http://msgxml.com/vb">CEP</a></td>
  </tr>
  <tr> 
    <td>  <b>::</b> <a href="http://www.gnccinemas.com.br/conteudo/calendario.asp" class="menu" target="_blank" xmlns:msxsl="urn:schemas-microsoft-com:xslt" xmlns:vb="http://msgxml.com/vb">Cinema</a></td>
  </tr>
  <tr> 
    <td>  <b>::</b> <a href="default.asp?id=6&amp;mnu=6" class="menu" xmlns:msxsl="urn:schemas-microsoft-com:xslt" xmlns:vb="http://msgxml.com/vb">Contato</a></td>
  </tr>
  <tr> 
    <td>  <b>::</b> <a href="default.asp?id=20&amp;mnu=20" class="menu" xmlns:msxsl="urn:schemas-microsoft-com:xslt" xmlns:vb="http://msgxml.com/vb">Currículo</a></td>
  </tr>
  <tr> 
    <td> </td>
  </tr>
  <tr> 
    <td> </td>
  </tr>
  <tr> 
    <td> </td>
  </tr>
  <tr> 
    <td> </td>
  </tr>
  <tr> 
    <td> </td>
  </tr>
  <tr> 
    <td> </td>
  </tr>
  <tr> 
    <td> </td>
  </tr>
  <tr> 
    <td> </td>
  </tr>
  <tr> 
    <td> </td>
  </tr>
  <tr> 
    <td> </td>
  </tr>
  <tr> 
    <td> </td>
  </tr>
  <tr> 
    <td> </td>
  </tr>
  <tr> 
    <td> </td>
  </tr>
  <tr> 
    <td> </td>
  </tr>
</table>

Link para o comentário
Compartilhar em outros sites
  • 0
ramon

ramon

Postado
Postado

A melhor forma é usar uma tabela você pode especificar para não ter bordas assim você consegue regular os espacamentos seria a melhor form a que eu conheco

Link para o comentário
Compartilhar em outros sites
  • 0
Norivan Oliveira

Norivan Oliveira

Postado
Postado
A melhor forma é usar uma tabela você pode especificar para não ter bordas assim você consegue regular os espacamentos seria a melhor form a que eu conheco

exatamente istu que eu mandei pra ele....

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.

×
 Share
Ir para lista de Perguntas


  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,4k
×
×
  • Criar Novo...