Jump to content

Jeff123

Members
  • Content count

    11
  • Joined

  • Last visited

Community Reputation

0 Comum

About Jeff123

  1. Jeff123

    Iframes e Viewport

    Olá Megão, Grato pela resposta. Admito que criei o site sem muitos critérios, só copiando uns scripts daqui, dali... e acabou razoável para desktops. Mas ... adaptar para dispositivos móveis... huummm... Tá me dando dor de cabeça. O site tem umas 130 páginas. Por isso usei o "iframe" que é mais simples para pessoas inexperientes como Eu. Sei que existem opções melhores, mas como ele (Iframe) vem quebrando o galho até agora, resolvi deixar, ou seja, com o Menu azul à esquerda (Fixo) e à direita vão aparecendo as páginas de acordo com a escolha feita no citado "Menu". Só para complementar, o "index.html" que é a parte azul da esquerda, é parcialmente assim: <?xml version="1.0"?> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Ciencia,Reportagens, Kardec</title> <META http-equiv="Content-Language" CONTENT="pt-br"> <meta http-equiv="Content-Type" content="text/html; charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0 maximum-scale=1.0"> (...) <style type="text/css"> html, body { height: 100%; padding: 0; margin: 0; } iframe { top:0; width:auto; left:auto; height:100%; border:none; background:#ffffff; } div { width: 100%; list-style: none; margin: 0; padding: 0; } #navcontainer { position: fixed; top: 2px; bottom: 0px; background: #0000CD; /*Edite a cor de fundo*/ border-right: 10px solid #696969; width: 23.1%; margin: 0; padding: 0.9em 1; font-family: georgia, serif; font-size: 23px; text-align: left; font-weight: bold; overflow-y: auto; .contentFullFixed{ position:fixed; width:100%; top: 0; left:0; } } ul#navlist { text-align: center; list-style: none; padding: 0; margin: 0 auto; width: 90%; } ul#navlist li { display: block; margin: 5; padding: 0; height: 6%; padding-top: 0.1em; } ul#navlist li a { display: block; width: 190px; border-width: 4px; border-color: #fff #8470FF #ccc #fff; border-style: solid; color: #000000; text-decoration: none; background: #1E90FF; /*Edite a cor de fundo*/ } #navcontainer>ul#navlist li a { width: auto; } ul#navlist li#active a { background: ##1E90FF; /*Edite a cor de fundo*/ color: #000000; } .selected { background-color : #fff000; } ul#navlist li a:hover {color: #FFFFFF} ul#navlist li a:active { color: #FFF; background: #B0C4DE; border-color: #000000 #fff #fff #ccc; } #conteudo { width: 75.7%; position: relative; height: 100%; text-align: center; } a:hover { color: green} A:link {text-decoration:none} A:visited {text-decoration:none} A:hover {text-decoration:underline} A:active {text-decoration:underline} iframe { border: none; width: 100%; height: 100%; border: none; } img{ display: block; margin: 30 auto; } </style> </head> <body> (...) <div id="navcontainer" style="border: 5px solid #696969; float: left;"> <ul id="navlist"> <li><a href="prin.html" target="conteudo">Início</a></li> <li><a href="textos.html" target="conteudo">Textos</a></li> (...) (...) </ul> </div> <!-- EU ACHO QUE O PROBLEMA ESTÁ AQUI : --> <div id="conteudo" style="float: right;" class="spaceWrap"> <iframe class="viewPort" name="conteudo" src="prin.html" align="right"></iframe></div> </body> </html>
  2. Jeff123

    Iframes e Viewport

    Olá, Depois de muito pesquisar, acabei fazendo minha HP com um Iframe. Conheço um pouco de Html e só. Já tentei fuçar no PHP, com o famoso "Include", mas acabei desistindo. Tenho muitas páginas e o Menu de um lado facilita o acesso do outro lado. Meu site é composto de uma página "index.html" que fica à esquerda da tela e, à direita, ficam os conteúdos, de acordo com que o usuário clica no Menu. Nos desktops, o site funciona bem. Nos Smartphones, a aparência é bem razoável e é mais ou menos assim : ================================ Só que há pouco tempo, li que o Google anunciou que vai dar prioridade de indexação às páginas adaptadas a dispositivos móveis. Muito bem. Coloquei a meta tag na Head da index.html : <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0 maximum-scale=1.0"> Aí, começaram os problemas. O site ficou assim : A mesma Meta Tag também foi colocada em todos os conteúdos que ficam à direita, mas ... não resolvem os problemas. Poderiam ajudar? Agradeço antecipadamente. Jeff
  3. Jeff123

    Extensão shtml no Chrome

    Prezados(as), Estou com um problema quanto a uma página do meu site. Como existem comandos que dependem do Servidor, uso a extensão 'shtml'. O Firefox e IE, com a extensão 'shtml' apresentam a Página perfeitamente como deve ser, inclusive com os bloqueios de IPs que configurei. Mas quando uso o Chrome com a extensão 'shtml', aparecem um monte de erros ... Apenas como informação : A página é : jefferson.hol.es/Guestb302.shtml Poderiam me ajudar? Agradeço antecipadamente. Jefferson
  4. Jeff123

    Target no CSS

    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. Fiz uma busca nos Tópicos CSS, deste Fórum, mas não encontrei algo específico que pudesse eliminar minhas dúvidas. 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, como muitos sabem, o tal Frameset e também os Iframes estão praticamente em desuso, pelo fato da dificuldade de idexação dos buscadores, o 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 : 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
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.