Ir para conteúdo
Fórum CódigoFonte.net
Entre para seguir isso  
Jeff123

Target no CSS

Recommended Posts

Olá,

Tenho algum conhecimento em html, o bastante para copiar e colar alguns códigos de Experts dos Vários Fóruns da Net e adaptá-los à minha HP. Desculpe o linguajar, pois sou leigo no assunto.

A minha Página é bem antiga e ainda usa o Frameset, com dois frames :

1) Uma Coluna, com pequena largura, à esquerda com os links de navegação - É fixa.
2) Outra Coluna, com a largura restante e bem maior, com os conteúdos que são chamado pelos links, acima mencionados - Muda os conteúdos de acordo com a URL que o usuário clicar.

Bom, o tal Frameset e também os Iframes estão praticamente em desuso, pelo fato da dificuldade de idexação dos buscadores, HTML5 já não admite isso e por vários outros motivos, e então fui aconselhado a mudar tudo para CSS, que é mais atual e deixa a página com fácil navegação.

Para ser ter uma ideia da minha página ( ainda com Framesets ), é só acessar : http://jefferson.freetzi.com

Muito bem, para abandonar o Frameset de vez, e manter, mais ou menos, o mesmo jeito dessa página antiga, estou tentando adaptar tudo para alguns scripts CSS ( posso chamá-los de scripts? ) que copiei de vários fóruns. O rascunho está assim :

=================

<html>
<head>

<meta http-equiv="Content-Type" content="text/html;

charset=iso-8859-1">
<title>2 Column Frames Layout &mdash; Left Menu</title>
<style type="text/css">

div {

list-style: none;
margin: 0;
padding: 0;
}

body{
margin: 0;
padding: 0;
overflow: hidden;
height: 100%;
max-height: 100%;
font-family:Sans-serif;
line-height: 1.5em;

}

#nav{

position: fixed;

width:16%; /* width of the menu div */

top: 0px; /* distance to the top of the menu div from the top of the

page */

bottom: 0px; /* distance to the Bottom of the menu div from the

Bottom of the page */

margin: 0px;

padding: 5px;

background: #4682B4;

text-decoration: none;

border-right: 10px solid #696969;

}

#nav a{

width: 90%;

font: 15px 'verdana', helvetica, sans-serif;

font-weight:bold;

color: #0000FF;

background: #FF9900;

text-align: center;

text-decoration: none;

padding: 5px 5px;

margin: 5px 5px;

border-radius: 10px; /* border-radius */

float: left;
}

#nav a:hover {color: #FFFFFF}

#Conteudo {


position: rigt;
border-radius: 30px; /* border-radius */
top: 35px; /* distance to the top of the menu div from the top of

the page */
text-align: center;
}

</style>

</head>

<body>

<div id="nav">
<br>

<a href="prin.html">Introdução</a>
<a href="chico-xavier.html">Chico Xavier</a>
<a href="Materias-Especiais.html">Matérias Especiais</a>
<a href="Videos2.html">Vídeos</a>
<a href="Livros.html">Livros para Download</a>
<a href="faq.html">Perguntas Frequentes</a>
<a href="Pesquisa-no-Site.html">Pesquisa no Site</a>
<a href="link.html">Links</a>
<a href="Click-Doe-Gratis.html">Doações Grátis</a>
<a href="Agradec.html">Agradecimentos</a>
<a href="Guestb302.shtml">Livro de Visitas</a>
<a href="Mapa-Site-Extenso.html">Mapa do Site</a>
<a href="noticias.html">Notícias</a>

</div>

<div id="Conteudo" margin: 0px; float:right;">
<br>
<br>
<b>CONTEUDO</b>

</div>

</body>
</html>

===============

Admito que pode haver algumas linhas de comando desnecessárias ou mesmo erradas, mas o Navegador está mantendo o jeito inicial que Eu quero.

Só que Eu não sei como fazer para jogar as Url's para o lado direito, à medida que vão sendo clicadas, MANTENDO o Menu fixo à esquerda, como mostra a figura :

Renov-Div.jpg

Vejam, gostaria de não ter que usar o javascript, pois é outro conselho que recebi de usar o mínimo possível pois alguns navegadores tem seu javascript desligado de propósito pelo próprio usuário, por uma questão de segurança.

Pelo pouco que sei, acho que a chave de tudo é o "TARGET", mas não sei configurá-lo, tanto na folha de estilos ( antes da tag </head> ) como também dentro da tag <body>, normalmente após cada link, como tem funcionado na antiga página dos Framesets, ou seja :

<a href="prin.html" target="1">Introdução</a>

O número "1", tem origem em : <frame src="prin.html" name="1" noresize>.

Já tentei várias dicas de configurar o CSS e o Target, mas só DUAS coisas aconteceram até agora :

- OU o link clicado faz abrir uma nova aba ou navegador ;

- OU o link clicado cobre toda a página, inclusive o Menu que deveria ficar FIXO à esquerda.

Será que alguém pode me ajudar?

Muito grato desde já.

Jeff

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora
Entre para seguir isso  

×
×
  • Criar Novo...