Target no CSS

3 participantes

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

Tópico resolvido Target no CSS

Mensagem por Jeff123 13.07.15 20:51

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 :

Target no CSS 2iqhaar


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 15:07, editado 1 vez(es)
Jeff123

Jeff123
Novo Membro

Membro desde : 13/07/2015
Mensagens : 3
Pontos : 7

https://ajuda.forumeiros.com/f55-questoes-resolvidas

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Target no CSS

Mensagem por RafaelS. 13.07.15 20:57

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,
RafaelS.

RafaelS.
Membro Entusiasta
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Target no CSS

Mensagem por Jeff123 14.07.15 14:33

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
Jeff123

Jeff123
Novo Membro

Membro desde : 13/07/2015
Mensagens : 3
Pontos : 7

https://ajuda.forumeiros.com/f55-questoes-resolvidas

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Target no CSS

Mensagem por RafaelS. 14.07.15 16:11

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.
RafaelS.

RafaelS.
Membro Entusiasta
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Target no CSS

Mensagem por Shek 14.07.15 16:53

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

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 18896
Pontos : 22793

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos