Вот небольшой скрипт который Вам позволит с помощью мышки изменять размеры textarea, если вам этого необходимо.
Данный скрипт ставим в самый низ в нижнюю часть своего сайта.
Код
<script type="text/javascript">
$(function(){
$('textarea').each(function(){
var textarea = $(this).addClass('textarea'), staticOffset = null;
$(this).wrap('<div class="resizable-textarea"><span></span></div>')
.parent().append($('<div class="grippie"></div>').mousedown(startDrag));
var grippie = $('div.grippie', $(this).parent())[0];
grippie.style.marginRight = (grippie.offsetWidth - $(this)[0].offsetWidth) +'px';
function startDrag(e){
staticOffset = textarea.height() - e.pageY;
textarea.css('opacity', 0.25);
$(document).mousemove(performDrag).mouseup(endDrag);
return false;
}
function performDrag(e){
textarea.height(Math.max(32, staticOffset + e.pageY) + 'px');
return false;
}
function endDrag(e){
$(document).unbind("mousemove", performDrag).unbind("mouseup", endDrag);
textarea.css('opacity', 1);
}
});
});
</script>
А вот эти стили ставим в конец вашего CSS
Код
.grippie
{
height: 9px;
overflow: hidden;
background: #eee url(http://www.fishing31.ru/images/grippie.png) no-repeat center 2px;
border: 1px solid #ddd;
border-top-width: 0;
cursor: s-resize;
}
Тот кто у меня на форуме зарегистрирован, тот сможет просмотреть его в работе, ну а так выглядеть примерно так
