Exemplos de Tamanho de iframe

Pode parecer uma coisa simples para alguns...

Alguns testes de iframe, já que vi uma duvida de alguém em outro blog, e também quis testar como ficaria no blog. O código para eles está na área azul(textarea) após cada um deles, Coloquei o código para este tipo de textarea no final do post, pra quem achar interessante.

Se quiser copiar o código, é necessário selecionar manualmente, o fundo do textarea apenas muda de cor, nada mais. Veja do que estou falando nessa página.

scrolling="no" ou "yes" é para a barra de rolagem.
O uso de scrolling="yes" vai depender da necessidade e de alguns testes de como funciona em diferentes navegadores se for usar % para especificar o tamanho, pode ser necessário.

width="90%"(largura) height="90 px" cols e rows não funcionar com iframe.
px=pixel ou % isso vai variar do gosto, necessidade ou alguns funcionam melhor com determinado navegador... ou o style css da pagina.

name="iframe-01" é o nome do iframe caso eu queira usar um link...

Se alguém tiver mais alguma dica, o que não é difícil, já que sei pouco e meu conhecimento é baseado em testes... Deixe seu comentário, link...
Abaixo está o código do iframe:

<iframe name="iframe-01-CORRETO" src="http://www.google.com" width="350 px" scrolling="yes" height="90 px"> </iframe>


teste link para mudar pagina do iframe, google search para yahoo

Abaixo está o código do link:

<a href='http://search.yahoo.com' target='iframe-01-CORRETO' title='testar como funciona link para iframe'> teste link para mudar pagina do iframe, google search para yahoo </a>


<iframe name="iframe-01-CORRETO" src="http://www.google.com" width="350 PX" scrolling="yes" height="90 px"></iframe>
Mais sobre como usar links em iframes, tamanho ajustável nessa outra página

<iframe name="iframe-02-CORRETO" src="http://foitestado.com/privaci/" width="90%" scrolling="no" height="90 px"></iframe>


Faça um teste diminuindo a janela do navegador para ver como o iframe se comporta.(Pelo que vi esse iframe fica menor que o textarea)

<iframe name="iframe-02-CORRETO" src="http://www.google.com" width="90%" scrolling="no" height="90 px"></iframe>

Tentei colocar borda em volta do iframe e não consegui, poderia tê-lo colocado dentro de uma div para dar esse efeito.



Para ver um exemplo de como funciona o iframe em uma página com outro layout ou style css, já que o desse blog usa width="%" na maioria de suas divs veja aqui

Textarea

BACKGROUND: #c3d9ff; é a cor azul original
onmouseover="this.style.background='#003366'" é a cor azul que ficara quando mouse tiver sobre a área
onmouseout="this.style.background='#C3D9FF'" é a cor azul que ficara quando tirar o cursor da área.
rows="4" cols="20" altura e largura, mas não confunda com BORDER-LEFT: white 4px outset; que trata da borda.
Tentei colocar scrolling="no" para retirar a barra de rolagem mas não deu certo.
ATENÇÃO: o código para textarea está dentro dele. É necssario selecionar o texto, ele não faz isso apeas muda a cor para facilitar a leitura.
<textarea onmouseover="this.style.background='#003366'" style="BORDER-RIGHT: white 4px outset; BORDER-TOP: white 4px outset; BACKGROUND: #c3d9ff; FONT: 14pt ,verdana; BORDER-LEFT: white 4px outset; COLOR: white; BORDER-BOTTOM: white 4px outset" onmouseout="this.style.background='#C3D9FF'" rows="4" cols="20">O TESTO DEVE SER INSERIDO AQUI </textarea> Inicio do post, iframe.

ATENÇÃO: o código para textarea está
dentro dele