Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 284
Sexo: Masculino
Localização: Bahia
Contato:

Dúvidas sobre editor para textarea e divs

06-12-2008 19:04

Bom pessoal,
Primordialmente gostaria de saber como criar um textarea no estilo do campo "Mensagem" deste site: http://www.bydarkhero.info/contato/.

A segunda é o seguinte, eu tenho uma div "x" que está dentro da div "y", com base nisso gostaria que o height da div "x" fosse 100%, ficando do tamanho do height da div "y".

Porém, isso só funciona num documento que não tenha doctype.. E quero fazer num documento com doctype.. Será que alguém poderia me ajudar?

flw.
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17562
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Dúvidas sobre editor para textarea e divs

06-12-2008 20:20

O site do editor usado no textarea é esse
http://tinymce.moxiecode.com/

O problema da div seria isso?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="pt_br" xml:lang="pt_br"> ... <div style="border:1px solid #cccccc; width:100px; height:100px;"> <div style="border:1px solid #000000; width:100px; height:100%;"> texto </div> </div>

0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 284
Sexo: Masculino
Localização: Bahia
Contato:

Dúvidas sobre editor para textarea e divs

06-12-2008 23:38

Obrigado pelo link do editor, mas o lance do div não funcionou :/
0
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 284
Sexo: Masculino
Localização: Bahia
Contato:

Dúvidas sobre editor para textarea e divs

07-12-2008 00:46

Olha só, segue o código abaixo...

Quero que as divs "stalone" e "stalone2" fiquem com o height 100%, do tamanho do height da div "meio".

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style type="text/css"> <!-- * { margin:0; padding: 0; list-style: none; text-decoration: none; } #geral { width:800px; border:1px solid gray; margin:0 auto; padding:0 1px 2px 1px; } #cabecalho h1 { background: green; padding:10px; color: #FFF; } #esquerda { width:197px; background:purple; padding:3px; float:left; margin-top:0px; } #direita { width:197px; background:purple; padding:3px; float:right; margin-top:0px; } #conteudo { background:blue; margin-left:5px; color:#FFF; margin-right:5px; } #stalone { background:red; margin:0 2px; width:1px; float:left; height:100%; } #stalone2 { background:red; margin:0 2px; width:1px; float:right; height:100%; } #rodape { background:green; padding:10px; color:#FFF; text-align:center; margin-top:2px; } #meio { margin:0 203px; } #rodape a { color:#FFF; } #publicidade-728x90 { width:730px; text-align:center; padding:10px 0; margin:0 auto; } --> </style> </head>   <body> <div id="geral"> <div id="cabecalho"> <h1>CABECALHO</h1> </div> <div id="publicidade-728x90">   <img src="http://image.ig.com.br/RealMedia/ads/Creatives/OasDefault/sbannerabril_ros_011208/728x90_nova.gif" border="0" width="728" height="90"/> </div> <div id="esquerda"> <p>Esquerda</p> </div> <div id="direita"> <p>Direita</p> </div> <div id="meio"> <div id="stalone" style="height:100%;">&nbsp;</div> <div id="stalone2">&nbsp;</div> <div id="conteudo"> <h2>Hada</h2> hada is about one more hada is about one more hada is about one more hada is about one more hada is about one more hada is about one more hada is about one more hada is about one more hada is about one more hada is about one more hada is about one more hada is about one more hada is about one more hada is about one more hada is about one more hada is about one more hada is about one more hada is about one more hada is about one more hada is about one more   </div> </div> <div id="rodape"> (C) Hada </div> </div> </body> </html>

0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17562
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Dúvidas sobre editor para textarea e divs

07-12-2008 11:57

Com tabelas isso não é muito complicado, mas, com divs, acho que só usando JavaScript, veja como nesse exemplo

<script> window.onload = function() { document.getElementById("alvo").style.height = document.getElementById("div").offsetHeight+"px"; } </script>


<div style="width:100px; height:auto; float:left;" id="div"> a<br>b<br>c </div>   <div id="alvo" style="width:1px; background:black; float:left; height:auto;">&nbsp;</div>

0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 284
Sexo: Masculino
Localização: Bahia
Contato:

Dúvidas sobre editor para textarea e divs

07-12-2008 14:06

Nossa, o problema é que não posso utilizar javascript, tenho que fazer isso em CSS, se não conhece nenhum outro método pra fazer isso? Vai salvar minha vida :/
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17562
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Dúvidas sobre editor para textarea e divs

07-12-2008 17:43

Não conheço, acho que só com JavaScript ou tabelas.
0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado