Ir para conteúdo

POWERED BY:

Arquivado

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

haram

como fazer esse layout??

Recommended Posts

ae pessoal queria fazer um site com o mesmo layout do site do deadfish (www.deadfish.com.br) com uma imagem estatica do lado esquerdo e uma caixa de texto na direita com barra de rolagem... sera que alguem pode me ajudar ou indicar algum tutorial??valeu pela atencao!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma tabela centralizada horizontal e verticalmente, com 2 colunas e 1 linha.

 

Na coluna da esquerda você coloca a imagem e/ou qualquer outro conteúdo desejado.

Na coluna da direita você coloca um iframe com largura e altura 100%, indicando para a página desejada.

 

Depois é só formatar como desejar.

 

<TABLE WIDTH="500" HEIGHT="200" BORDER="1" ALIGN="CENTER" VALIGN="MIDDLE"><TR>	<TD WIDTH="50%">BLA BLA BLA</TD>	<TD><IFRAME SRC="pagina_desejada" WIDTH="100%" HEIGHT="100%"></IFRAME></TD></TR></TABLE>

você tb pode fazer com layers. Ou até mesmo configurar tanto tabelas quanto layers com CSS.

 

Te mostrei a forma mais simples de fazer.

 

Flw http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

Martinelli

Compartilhar este post


Link para o post
Compartilhar em outros sites

aee martinelli brigadaum!! só mais uma perguntinha, como q eu faço um iframe? sou iniciante entao to boiando, mas o lance da tabela e pah eu ja peguei...valeu cara!!!

Compartilhar este post


Link para o post
Compartilhar em outros sites

No código de exemplo que eu deixei acima já está incluindo o iframe.

 

Note o código <iframe...> dentro das tags <td> e </td>.

 

Copie e cole este código numa página e você verá o resultado.

 

Se você usa o DreamWeaver, terá q clicar dentro da celula da tabela, mudar para visualizar código fonte e então, colar o código abaixo.

 

<IFRAME SRC="pagina_desejada" WIDTH="100%" HEIGHT="100%"></IFRAME>

Lembre-se de mudar "pagina_desejada" para a URL da tua página.

 

Flw http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

Martinelli

Compartilhar este post


Link para o post
Compartilhar em outros sites

So complementando a resposta:<iframe name="menu" leftmargin=0 topmargin=0 marginwidth=0 marginheight=0 src=entrada1.htm frameborder=0 width=100% height=100% scrolling=no></iframe>Sendo que:name = nome do iframe, é imprescindivel isso pois no menu, tera que dar target usando o nome do iframeTudo o que tem ZERO, deve ser incluido tbm, e prefira deixar no zero mesmoSCR = é onde vai ter uma pagina que vai abrir logo que entrar no site, se nao tiver nada, vai dar pagina nao encontradaframeborder = como o nome ja diz, é p/ colocar ou nao borda no iframescrolling = como o nome ja diz, é p/ colocar ou nao barra de rolagemJa os width e o heigth é p/ especificar o tamanho, prefira deixar em porcentagem mesmoAjudei ou compliquei?[]sRodney

Compartilhar este post


Link para o post
Compartilhar em outros sites

Aê SiteNovo... complicou não!!!

 

Ajudou!!

 

Só lembrando que...

 

Não é obrigatório mas, é importante para uma questão de organização, manter os valores dos parâmetros entre parênteses.

 

Pq??

 

Pq, se o desenvolvedor trabalha diretamente no código da página, não usando auxílio de DreamWaver ou qualquer outro software, isto permitirá localizar mais rapido estes valores no momento de uma alteração emergencial.

 

No demais... tá PERFEITO!!!

 

Agora, é só fazer a obra de arte de postar pra darmos uma olhadinha.

 

Flw http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

Martinelli

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.