Entrar | Registrar | FAQ
Anonymous

Target no CSS

+ Postar uma resposta

1 Mensagem Página 1 de 1


Target no CSS

por Jeff123 » Seg Jul 13, 2015 6:47 pm

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 :

Imagem


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
Avatar de usuário

Jeff123

  • Mensagens: 1
  • Data de registro: Seg Jul 13, 2015 6:14 pm


+ Postar uma resposta

Página 1 de 1