Problema ao posicionar um link na pagina. [RESOLVIDO]

Galera, tenho um probleminha com meu HTML aki…

preciso posicionar um link simples na pagina, mas alinhado a direita…

o problema eh q nao posso usar as tags P, DIV, etc…pois se usa-los, eles sobrepoem outras coisas q aparecem logo abaixo desse link…

alguem tem uma luz??

valew

Criando uma tabela e colocando o link dentro de uma celula alinhada à direita, nao resolveria?

E se usar um z-index no div não resolve ?

Usando layers?

Isso :smiley:

mesmo colocando dentro de uma TABLE, fica zoado o layout…

o ponto eh: se apenas coloco o link direto na pagina, ele fica certinho…soh q deve ficar do outro lado da pagina…

se coloco P, DIV, TABLE, etc…ai ele zoa o layout, encobrindo outros componentes da pagina…

valew

usando apenas e nao ajudam? tentem dar uma olhada em css, acho q deve ter algo q resolva o seu problema

http://www.w3.org/Style/CSS/

tentei colocar right e /right, mas nao ficou alinhado a direita…

Então apela para os espaços mesmos. Tbm não resolve ? nbsp ? nada ?

Se você utilizar espaços, e a resolução da tela for muito alta, não ficará alinhado à direita…

<table><tr><td align="right">à direita</td></tr></table>

Cara… não entendí o que você está querendo dizer… explcia melhor o que se passa.

[quote=danieldestro]<table><tr><td align="right">à direita</td></tr></table>

Cara… não entendí o que você está querendo dizer… explcia melhor o que se passa.[/quote]

cara, seguinte…
tenho q colocar uns links na pagina, mas q eles fiquem no lado direito da tela…

se eu uso algum container, como P, DIV, TABLE, esse container se sobrepoe a outros elementos da tela q estao logo abaixo desses links…

entao…preciso alinhar esses links sem coloca-los em outro componente ou fazer com q esses containers nao se sobreponham aos outros elementos…

clareou??

o P deveria jogar os próximos elementos para abaixo dele (top-down / bellow) e não embaixo dele (under).

hmmm

e se ele nao estiver jogando???

Algo de errado com seu HTML? Porque não coloca um pedaço pra gente ver?

bom, como o PortalServer usa varios includes, to mandando o codigo gerado mesmo, q deve produzir o mesmo efeito…

<div id="masthead">
<div id="tabs">
			<h2 class="access">Start portal tabs</h2>
			<div id="rule"><span id='tab01' class="on"><a href='/wps/myportal/!ut/p/kcxml/04_Sj9SPykssy0xPLMnMz0vM0Y_QjzKLN4g3MnUJA8lB2aH6kVhEQzBFHZGEvPV9PfJzU_UD9AtyQ0Mjyh0VAUosIeo!/delta/base64xml/L3dJdyEvUUd3QndNQSEvNElVRS82XzBfMjVEVQ!!' >Test Environment</a></span>
<div align="right">


<a href="/wps/myportal/!ut/p/kcxml/04_Sj9SPykssy0xPLMnMz0vM0Y_QjzKLN4g3MnUJA8lB2aH6kVhEQzBFHZGEvPV9PfJzU_UD9AtyQ0Mjyh0VAUosIeo!/delta/base64xml/L0lJWWtpQ1NZL0lGakFBQVRBQU1KQUFNekNxcUEhLzRJVUdSWVFxTkhwQ0d3ZyEvNl8wXzM2LzdfMF8zNy82XzBfMjVEVg!!?nID=6_0_25DV&cID=6_0_25DV&init=init&OCN=6_0_35&WCN=6_0_35&PAT=PTQ&PNT=PNTC&psh=push" class="wpsLinkBarLink">New Page</a>
</div>

</div>
		</div>
</div>

tb vai anexo como fica a pagina usando o DIV…

valew


Sem as imagens e tal é difícil ver, mas me pareceu normal aqui (IE e FF).

e se adicionar esse codigo logo depois do q mandei??

<div id='content' style="margin-top:110px;">

 <div id="fourth-level">
  <ul class="text-tabs">
   
    <li><a class="active" href='/wps/myportal/!ut/p/kcxml/04_Sj9SPykssy0xPLMnMz0vM0Y_QjzKLN4g3Mg10A8lB2a76kVhEXTBFHZGEvPV9PfJzU_UD9AtyQ0Mjyh0VAe5eYkg!/delta/base64xml/L3dJdyEvUUd3QndNQSEvNElVRS82XzBfMjVRRg!!' >myNews</a> |</li>
   
    <li><a href='/wps/myportal/!ut/p/kcxml/04_Sj9SPykssy0xPLMnMz0vM0Y_QjzKLN4g3Mg10A8lB2a76kVhEXTBFHZGEvPV9PfJzU_UD9AtyQ0Mjyh0VAe5eYkg!/delta/base64xml/L3dJdyEvUUd3QndNQSEvNElVRS82XzBfMjVRRw!!' >odwNews.war</a> |</li>
     
 </ul></div>
</div>

valew

Utilize css, assim:

1-) Defina essa classe em um arquivo .css:

.r {
    text-align         : right;
}

2-) Use assim no HTML:

Primeiro linke o .css no :

<link href="caminho-do-css/nome.css" rel="stylesheet" type="text/css"/>

Use assim , no TD, no TR, ou onde quer que vc queira alinhar:

<td class="r">

valew pelas dicas, andgonca…mas tb nao funfou desse jeito…

depois de mto bater a cabeca na parede, acabei por reparar na linha:
<div id=‘content’ style=“margin-top:110px;”>

entao aumentei um pouco o margin-top e…funcionou!

mtos includes nao sao bons a saude… :oops: :oops: :oops:

valew pela forca…