Pagina dentro de outra

[Isabel 0]

Olá! boa tarde! ^_^

 

gostaria de saber como é que eu faço pra colocar uma pagina dentro de um "box"

igual a isso aqui:

http://www.bcj.com.br/main.asp?657865636462=31

 

vlw gente! http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[brcontainer 16]

isso não é uma página é um BOX com overflow:;(barra de rolagem)

na verdade é tudo a mesma página ;)

[Isabel 0]

isso não é uma página é um BOX com overflow:;(barra de rolagem)

na verdade é tudo a mesma página ;)

sério?!

 

me dá um exemplo de um?! por favor ^_^

pq eu naum entendi como ele chama o texto dentro da box...

eh ainda formatado..

pode me explicar melhor?!

 

vlww!!

[brcontainer 16]

aquele é feito em javascript(a barra de rolagem é enfeitada)

mas no normal seria isso:

 

css

#box{
display:block;
width:500px;
height:250px;
overflow:auto;
background:#fc0;
}

html:

<div id="box">
<p>
abc<br>
abc<br>
abc<br>
abc<br>
abc<br>
abc<br>
abc<br>
abc<br>
abc<br>
abc<br>
abc<br>
abc<br>
abc<br>
abc<br>
abc<br>
abc<br>
abc<br>
abc<br>
abc<br>
abc<br>
abc<br>
abc<br>
abc<br>
</p>
</box>

;)

[Isabel 0]

Eu achei um exemplo em um site, soh que naum soube estruturar :mellow:

pode me ajudar?! ;)

 

eh! eu queria saber... como ele vai "chamar a página" quando clico em outro link..

pq cada link chama uma pagina certo?! ^_^

 

CODE

Os códigos utilizados na folha de estilo CSS:

 

div #overflow {

backgroung-color:#ffffff;

width: 450px;

height: 125px;

Overflow: scroll;

}

 

Na sua página HTML você insere:

<div id:overflow>

Conteúdo aqui

</div>

vlw silverfox! http://forum.imasters.com.br/public/style_emoticons/default/yay.gif

[brcontainer 16]

a estrutura tah estranha id:overflow o certo seria id=overflow

segue o exemplo do me poste anterior

 

abraço ;)

[Isabel 0]

aquele é feito em javascript(a barra de rolagem é enfeitada)

mas no normal seria isso:

 

css

#box{
display:block;
width:500px;
height:250px;
overflow:auto;
background:#fc0;
}

html:

<div id="box">
<p>
abc<br>
abc<br>
abc<br>
abc<br>
abc<br>
abc<br>
abc<br>
abc<br>
abc<br>
abc<br>
abc<br>
abc<br>
abc<br>
abc<br>
abc<br>
abc<br>
abc<br>
abc<br>
abc<br>
abc<br>
abc<br>
abc<br>
abc<br>
</p>
</box>

;)

 

OPAA!

foi aqui ^_^

Obrigadaaa silverfoxx! http://forum.imasters.com.br/public/style_emoticons/default/yay.gif

 

ai como funciona o sistema de chamada de outra pagina a partir de quando se clica em outro link? :mellow:

pode me explicar por favor?! ^_^

 

eh o efeito em js eu posso adicionar normalmente no corpo do html?!

[brcontainer 16]

uma das melhores alternativas para isso é o SERVER-SIDE(PHP,ASP,JAVA,etc)

 

de uma olhada nos links a seguir:

http://www.web2ponto0.com.br/como-criar-um...cione-parte-12/

http://www.web2ponto0.com.br/como-criar-um...cione-parte-22/

by: #inside#

 

;)

[Isabel 0]

hmmm! xD

vlw silverfox! ^_^

 

soh que na hora de criar o ajax aqui eu to com problemas! =/

[brcontainer 16]

bem qual linguagem você usa em seu site?

PHP, ASP, JAVA ou outra?

[Isabel 0]

nesse aqui eu to usando php =/

[brcontainer 16]

então faça assim(sem ajax ;P):

<div id="box">
<?php
if(isset($_GET['p'])) {
include $_GET['p'].".php";
} else {
include "home.php";
}
?>
</div>

os links seriam assim:

<a href="?p=paginaA">link</a>
<a href="?p=paginaB">link</a>
<a href="?p=paginaC">link</a>

acredite AJAX é meio chato de mecher, acredito que SERVER-SIDE puro seja melhor

abraço ;)

[Isabel 0]

é você tem razão! http://forum.imasters.com.br/public/style_emoticons/default/yes.gif

 

vixe naum tah mandando pro box..

ele carrega em outra pagina http://forum.imasters.com.br/public/style_emoticons/default/pinch.gif

[brcontainer 16]

tem algum link para ver como você está fazendo?

abraço ;)

[Isabel 0]

então devo tah fazendo salada na parte de referenciar a pagina tbm..

dá uma olhadinha no código ^_^

tah uma bagunça por sinal >_<

 

CODE

<li><a href="?p=mdnet.html">Empresa</a></li>

 

<li><a href="#">Serviços</a></li>

 

<li><a href="#">Download</a></li>

 

<li><a href="#">Contato</a></li>

 

</ul>

 

</div>

 

<div id="direita"></div>

 

<div id="box">

 

<?php

if(isset($_GET['p'])) {

include $_GET['p'].".php";

} else {

include "mdnet.php";

}

?>

 

<p>

abc<br>

abc<br>

abc<br>

abc<br>

 

abc<br>

abc<br>

abc<br>

abc<br>

abc<br>

abc<br>

abc<br>

abc<br>

abc<br>

 

abc<br>

abc<br>

abc<br>

abc<br>

abc<br>

abc<br>

abc<br>

abc<br>

abc<br>

 

abc<br>

</p>

</div>

</box>

[brcontainer 16]

basta tirar o .PHP

<ul>
<li><a href="?p=mdnet.html">Empresa</a></li><--AQUI VOCÊ ESTÁ CHAMANDO UM HTML
<li><a href="#">Serviços</a></li>
<li><a href="#">Download</a></li>
<li><a href="#">Contato</a></li>
</ul>
...
<?php
if(isset($_GET['p'])) {
include $_GET['p'];
} else {
include "mdnet.php";
}
?>

abraço ;)

[Isabel 0]

hm.. naum vai de jeito nenhum..

deixa eu passar o código todo.. :mellow:

 

CODE

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<title>:: MDnet Soluções em Tecnologia -

Home ::</title>

 

<style type="text/css">

 

#rodape { padding: 0px;}

 

DIV.imagem2 {

position: relative;

top: 383px;

left:0px;

margin-left:0px;

margin-top:-40px;

}

body { margin: 0px;

font-family:Arial, Helvetica, sans-serif;

color:#000000;

}

#container {

position:absolute;

top:0;

margin-left:20%;

width: 770px;

 

}

 

#topo { width: auto;

height: 150px;

background: #000000;

}

#esquerda { height: 300px;

float: left;

width: 160px;

padding: 0px;

background: #80b5d3;

margin-top: 10px;

}

#esquerda li{

list-style: none; padding: 1px 1px;

background: #80b5d3;

margin-left: 0px;

}

 

#esquerda li:hover{

list-style: none;

display:block;

background: #EAEAEA;

margin-left: 0px;

}

#esquerda ul{

list-style: none;

padding-left: 5px;

padding-top: 10px;

margin-left: 0px;

}

#direita {

height: 300px; width: 160px;

float: right;

background: #80b5d7;

margin-top: 10px;

}

#box{

display:block;

float:right;

margin: 10px 25px;

width:400px;

height:300px;

overflow:auto;

background:#ffffff;

 

}

 

<!--

ul#menu {

list-style: none;

background: #f1f1f1;

margin: 0;

padding: 0;

}

 

ul#menu li a {

height: 18px;

display: block;

padding-top: 2px;

padding-left: 3px;

text-decoration: none;

color: #000;

font: 12px Verdana;

font-weight:bold

}

 

ul#menu li a:hover {

 

background: #E1E8F8;

color: #085d94;

 

}

-->

ul#menu li a, ul

#menu li a:hover{

 

}

 

</style>

 

</head>

<body>

 

<div id="container">

 

<div class="imagem1"><img style="width: 770px; height: 145px;" src="banner.jpg"></div>

 

<div id="esquerda">

<ul id="menu">

 

<li><a href="?p=mdnet.html">Empresa</a></li>

 

<li><a href="#">Serviços</a></li>

 

<li><a href="#">Download</a></li>

 

<li><a href="#">Contato</a></li>

 

</ul>

 

</div>

 

<div id="direita"></div>

 

<div id="box">

 

<?php

if(isset($_GET['p'])) {

include $_GET['p'].".php";

} else {

include "mdnet.php";

}

?>

<p>

A

</p>

</div>

</box>

 

<div id="rodape">

<img style="width: 770px; height: 63px;" src="rodape.jpg">

</div>

 

</body>

</html>

[brcontainer 16]

qual o erro que retorna?

tem algum link para testarmos?

[Isabel 0]

pior que naum.. então!

naum tah chamando a pagina.. fica em branco O.O