Ir para conteúdo
neimar

Como faço para transformar este código em Div

Recommended Posts

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html><head><title>REDAÇÃO_EMPRESARIAL</title><script TYPE="text/javascript">
var firstpage = 1;
var lastpage = 83;
var the_timeout = setTimeout("lbottom.location.reload();",3000);
</script></head>
<frameset rows="30,*" framespacing="1" border="0" frameborder="0">
    <frame name="ltop" scrolling="no" target="lbottom" src="pg_nav.htm">
    <frameset name = "leftpane" cols="150,*">
	<frame name="lbottom" target="contents" src="pg_index.htm">
	<frame name="contents" src="pg_0001.htm">
    </frameset>
  <noframes>
  <body>
  	<p>This page uses frames, but your browser doesn't support them.</p>
  </body>
  </noframes>
</frameset></html>


 

Compartilhar este post


Link para o post
Compartilhar em outros sites

 

Onde você pode brincar mais com grids

https://grid.layoutit.com/

 

Aqui explica como usar o JQuery para carregar a página

http://api.jquery.com/load/

 

Isso tudo junto

https://jsfiddle.net/Lrsxonhp/

 

Abaixo estão os códigos

 

HTML

<div class="grid-container">
  <div class="Topo" id="divTop"></div>
  <div class="Esquerda" id="divEsq"></div>
  <div class="Direita" id="divDir"></div>
</div>

 

CSS

.grid-container {
  display: grid;
  grid-template-columns: 100px 1fr 1fr;
  grid-template-rows: 100px 1fr;
  grid-template-areas: "Topo Topo Topo" "Esquerda Direita Direita";
}

.Topo { grid-area: Topo; border: solid red 1px; }

.Esquerda { grid-area: Esquerda;  border: solid blue 1px; }

.Direita { grid-area: Direita; border: solid green 1px; }

 

JAVASCRIPT

$(document).ready(function() {    $("#divTop").load("https://tableless.github.io/iniciantes/manual/html/estruturabasica.html");
});
 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.