Texto em barra de rolagem no Dreamweaver

Alex@tec.info · Novembro 7, 2007

Boa Noite,

Minha dúvida acredito que seja muito simples, mas sou iniciante e escolhi o dreamweaver exatamente por não ter conhecimento de programação. Mas é o seguinte: Quero inserir um texto muito maior que o layout da página, e então preciso fazer com que o texto tenha uma barra de rolagem para não passar a extenção do layout! Procurei na net e encontrei algumas linhas de código, mas nao sei como alocar eles. Eu queria saber se tem como executar tal ação na interface de design do dreamweaver CS2 ou CS3

Desde já agradeço,

Att,

Alex

Ted k' · Novembro 8, 2007

barra de rolagem?

Tenta usar iFrames dentro do Layout!

Alex@tec.info · Novembro 9, 2007

Ok Obrigado pela ajuda! Consegui fazer com Iframe, no entanto o texto está ficando todo desconfigurado quando publico a página. Neste link tem a imagem de como fica o texto: http://img339.imageshack.us/img339/2334/erroiframegy9.jpg

Estou utilizando o Dreamweaver e tentei trocar as fontes sem sucesso. O problema continua.

Morpheus#2005 · Novembro 9, 2007

Amigo faz assim : Posta o código inteiro da sua hp...

Ted k' · Novembro 9, 2007

Caracteres?

pesquise sobre meta-tags charset e veja qual melhor se adequa

Morpheus#2005 · Novembro 9, 2007

Com certeza é Charset, mas ele é novo na parada...vamos com calma Ted K'....rsss

Ted k' · Novembro 9, 2007

Ok amigo #2005 nem reparei isso, então vamos esperar para ele se comunicar!

Alex@tec.info · Novembro 9, 2007

Amigo faz assim : Posta o código inteiro da sua hp...

Ok. Obrigado pela atenção! Ai Vai o código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Biotecnhos - Nossa Empresa</title>
<style type="text/css">
<!--
body {
	background-color: #9CD095;
	background-image: url();
}
#Layer1 {
	position:absolute;
	left:96px;
	top:124px;
	width:795px;
	height:419px;
	z-index:1;
}
#Layer2 {
	position:absolute;
	left:18px;
	top:190px;
	width:453px;
	height:100;
	z-index:1;
}
#Layer3 {
	position:absolute;
	left:64px;
	top:128px;
	width:173px;
	height:154px;
	z-index:1;
}
#Layer4 {
	position:absolute;
	left:93px;
	top:137px;
	width:260px;
	height:165px;
	z-index:1;
}
#Layer5 {
	position:absolute;
	left:711px;
	top:132px;
	width:122px;
	height:115px;
	z-index:1;
}
#Layer6 {
	position:absolute;
	left:771px;
	top:232px;
	width:108px;
	height:105px;
	z-index:2;
}
#Layer7 {
	position:absolute;
	left:72px;
	top:177px;
	width:158px;
	height:218px;
	z-index:1;
}
#Layer8 {
	position:absolute;
	left:78px;
	top:135px;
	width:314px;
	height:406px;
	z-index:1;
}
#Layer9 {
	position:absolute;
	left:93px;
	top:151px;
	width:168px;
	height:241px;
	z-index:1;
}
#Layer10 {
	position:absolute;
	left:306px;
	top:88px;
	width:408px;
	height:22px;
	z-index:2;
}
#Layer11 {
	position:absolute;
	left:214px;
	top:148px;
	width:583px;
	height:383px;
	z-index:1;
}
#Layer12 {
	position:absolute;
	left:300px;
	top:35%;
	width:50%;
	height:394px;
	z-index:1;
	visibility: inherit;
}
.style8 {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 12px;
}
.style9 {font-family: Arial, Helvetica, sans-serif; color: #333333; font-size: 24px; }
#Layer13 {
	position:absolute;
	left:8%;
	top:35%;
	width:15%;
	height:10%;
	z-index:2;
}
.style10 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
#apDiv1 {
	position:absolute;
	left:266px;
	top:187px;
	width:270px;
	height:94px;
	z-index:1;
}
#apDiv2 {
	position:absolute;
	left:35%;
	top:25%;
	width:555px;
	height:706px;
	z-index:1;
}
#apDiv3 {
	position:absolute;
	left:322px;
	top:154px;
	width:317px;
	height:259px;
	z-index:1;
}
-->
</style>
<script type="text/JavaScript">
<!--



function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
	var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
	if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
//-->
</script>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</head>

<body>
<div id="apDiv3">
  <iframe src="arquivos/PRODUTOS/text.html" name="usinas" width="450" height="300" align="top" scrolling="yes" frameborder="0" id="textusina" title="textusina" allowtransparency="true"></iframe>
</div>
<table width="883" border="0" align="center">
  <tr>
	<th scope="col"><img src="arquivos/PRODUTOS/usinas.jpg" width="885" height="564" /></th>
  </tr>
</table>
</body>
</html>

Ok amigo #2005 nem reparei isso, então vamos esperar para ele se comunicar!

Blza! Ja postei o código. É praticamente tudo automático pelo Dreamweaver, pq não conheço a linguagem ainda. Vou ter que estudar, pois eu fazia apenas trabalhos em photoshop e tal, ai o pessoal da empresa onde trabalho me incumbiu de desenvolver a página da empresa sem custos!! O jeito é aprender na marra mesmo com a ajuda de vcs!

Abraço!

Gasparzinho · Novembro 12, 2007

beleza brother?

Assim oh

na #Layer que exibe o seu conteudo principal somemente adicione esta linha

overflow:scroll;

onde overflow significa o conteudo que passaria do tamanho da div que você determinou.

A definiçao para overflow eu não sei bem ao certo mas é algo como:

imagine que você despeja uma quantidade de água em um balde e um pouco da agua derramou. Este conteudo que derramou se chama "overflow". beleza?

Espero ter ajudado http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

qualquer duvida posta aí, o fórum serve para isso, ok?

[]'s

Gaspar

Alex@tec.info · Novembro 17, 2007

beleza brother?

Assim oh

na #Layer que exibe o seu conteudo principal somemente adicione esta linha

overflow:scroll;

onde overflow significa o conteudo que passaria do tamanho da div que você determinou.

A definiçao para overflow eu não sei bem ao certo mas é algo como:

imagine que você despeja uma quantidade de água em um balde e um pouco da agua derramou. Este conteudo que derramou se chama "overflow". beleza?

Espero ter ajudado http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

qualquer duvida posta aí, o fórum serve para isso, ok?

[]'s

Gaspar

Gaspar

Olá!

Eu devo acrescentar essa lina no código html da página com o texto, ou na página que vai puxar o texto para rodar dentro do Iframe?

Abraço!

Arquivado

Texto em barra de rolagem no Dreamweaver

Recommended Posts

Alex@tec.info 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Ted k' 126

Compartilhar este post

Link para o post

Compartilhar em outros sites

Alex@tec.info 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Morpheus#2005 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

Ted k' 126

Compartilhar este post

Link para o post

Compartilhar em outros sites

Morpheus#2005 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

Ted k' 126

Compartilhar este post

Link para o post

Compartilhar em outros sites

Alex@tec.info 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Gasparzinho 9

Compartilhar este post

Link para o post

Compartilhar em outros sites

Alex@tec.info 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Fixar div até atingir uma certa altura

Ajuda com Extends e envio para o banco

PHP+Codeginiter - Orientação para Impressão

Fóruns

Tempo Real

Informação importante