Target no CSS

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Target no CSS

Mensagem por Jeff123 em 13/07/15, 04:51 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 :

Código:

<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 :




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


Última edição por Jeff123 em 14/07/15, 11:07 am, editado 1 vez(es)
avatar

Jeff123
Nível 1

Masculino
Inscrito dia : 13/07/2015
Mensagens : 2
Pontos Ativos : 4

Ver perfil do usuário http://ajuda.forumeiros.com/f55-questoes-resolvidas

Resolvido Re: Target no CSS

Mensagem por RafaelS. em 13/07/15, 04:57 pm

Olá!

Desculpe a indiscrição mas o senhor é proprietário de algum fórum forumeiros?
Pergunto lhe isto porque este fórum é dedicado ao suporte de utilizadores de Forumeiros. Piscada

Atenciosamente,
avatar

RafaelS.
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3189
Pontos Ativos : 4136

Ver perfil do usuário http://techmais.forumeiros.com/

Resolvido Re: Target no CSS

Mensagem por Jeff123 em 14/07/15, 10:33 am

Raffy escreveu:Olá!

Desculpe a indiscrição mas o senhor é proprietário de algum fórum forumeiros?
Pergunto lhe isto porque este fórum é dedicado ao suporte de utilizadores de Forumeiros. Piscada

Atenciosamente,

Não sou proprietário de um Fórum Forumeiro.
Neste caso, devo preencher outro formulário ou o que devo fazer para regularizar essa situação?
Se postei a minha mensagem em lugar impróprio e, se acharem conveniente, sintam-se à vontade para excluir o meu Post, sem problemas.

Obrigado pelo aviso e queiram me desculpar por este inconveniente.

Atenciosamente,
Jefferson
avatar

Jeff123
Nível 1

Masculino
Inscrito dia : 13/07/2015
Mensagens : 2
Pontos Ativos : 4

Ver perfil do usuário http://ajuda.forumeiros.com/f55-questoes-resolvidas

Resolvido Re: Target no CSS

Mensagem por RafaelS. em 14/07/15, 12:11 pm

Olá amigo,

O problema é que este fórum é totalmente dedicado ao suporte de Forumeiros, ou seja não existe uma área para questões que não provenham de usuários Forumeiros.

Resumidamente, só quem tem um fórum pode usufruir dos nossos serviços.

Atenciosamente.
avatar

RafaelS.
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3189
Pontos Ativos : 4136

Ver perfil do usuário http://techmais.forumeiros.com/

Resolvido Re: Target no CSS

Mensagem por Shek em 14/07/15, 12:53 pm

Bom dia @Jeff123!

Você pode obter suporte na comunidade Imasters: http://forum.imasters.com.br/ Ela atende a maior parte dos usuários que são desenvolvedores.

Atenciosamente,
Shek King


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Shek — Ajudeiro
avatar

Shek
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17459
Pontos Ativos : 21697

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum