Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

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

×

Informação importante

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