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

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3118
Pontos Ativos : 4029

Ver perfil do usuário http://maisforum.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 Rafael 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

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3118
Pontos Ativos : 4029

Ver perfil do usuário http://maisforum.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


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17161
Pontos Ativos : 21418

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

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

- Tópicos similares

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