Вообщем всё получилось,во всём разобрался(касательно этого вопроса) за что огромное спасибо товарищу АЛЕКСАНДРУ!!! Но вот ещё вопросы возникли: Вот хтмл: HTML: <td class="td_heder" rowspan="2"> <!-- вложимый чат --> <table class="rama_chat"> <tr> <td colspan="3" class="rama_chat"> <span id="chatbox"></span> </td> </tr> <tr> <div class="form_send"> <form class="" id="" action="..znakomstva/php/chat.php" method="POST" name="limitForm" onClick="chek()"> <td> <input type="submit" id="btn_send" name="" value=""> </td> <td> <span id="chislo"></span> </td> <td> <textarea class="input" name="massage" id="comment"></textarea> </td> </form> </div> </tr> </table> Соответственно подкорректированный мною яваскрипт: [js]var id = 0 var chatbox function get() { $.ajax({ type:'GET', url:'ajaxchat.php', data:{last_id:id}, success:function(data){ var obj = jQuery.parseJSON(data) var text = '' for (var i = 0; i < obj.length; i++) { text += '<table class="table_massage">' text += '<tr>' text += '<td>' text += '<div>ава: ' + obj.fupload + '</div>' text += '<span>' + obj.name + '</span>' text += '<em>' + obj.massage + '</em>' text += '<td>' text += '<tr>' text += '<table>' id = id < obj.idchat ? obj.idchat : id } $(chatbox).html($(chatbox).html()+text) } }) }[/js] И,естественно,css: /[css]* СВОЙСТВА ХЕДЕРА */ /* свойства боковых панелей хедера */ .td_heder{ width:215px; height:145px; font-weight:bold;/* текст внутри поля ввода жирный */ } /* свойства чата */ /* рамка вокруг всего чата */ .rama_chat{ width:215px; height:145px; padding: 0px 0px 0px 0px; margin: 29px 0px 0px; border: 1px solid #F3F3F3; border-radius: 10px; -moz-border-radius: 18px; /* закругляет углы */ background: transparent; text-decoration: none; background:rgba(2,300,4,0.1);/* градация цвета заднего фона,можно изменять цветовую политику */ overflow: scroll; } #chatbox{ width:215px; height:100px; overflow: scroll; border: 1px solid #F3F3F3; } /* кнопка для отправки сообщения чата */ #btn_send{ width:20px; height:13px; margin: 0 0 0 0; background-image: url("/znakomstva/img_index/send.gif"); } #btn_send:hover, #btn_send:focus{ width:20px; height:17px; background-image: url("/znakomstva/img_index/send1.gif"); } /* форма для ввода текста чата */ #comment{ width:155px; height:12px; padding:0 0 2px 0;/* отступы текста внутри поля ввода от краёв */ -moz-border-radius: 10px; background: transparent; font-weight:bold;/* текст внутри поля ввода жирный */ border: 1px solid #F3F3F3; color:#600659; font-size:12px!important; resize:none!important; } /* число кол-ва введённых символов */ #chislo{ padding:0px 0 0px 0;/* отступы текста внутри поля ввода от краёв */ margin: 0px 0px 0px; font-size:12px; font-weight:bold;/* текст внутри поля ввода жирный */ color:#900733; } /* выводимое в чате фото пользователя */ span#chatbox table div{ align:left; border: none; } /* выводимое в чате имя пользователя */ span#chatbox table span{ font-size:20px; color:red; } /* выводимое в чате сообщение пользователя */ span#chatbox table em{ font-size:12px; color:black; } /* таблицы в которых выводятся сообщения пользователя */ .table_massage{ border: 1px solid #FF0000; width:50px; height:30px; border: none; padding: 0 0 0 0; margin: 0 0 0 0; background: transparent; font-styleblique;/* текст внутри поля ввода прописью */ } [/css] /* конец свойств чата */ Выводится всё это в большом окне,хотя я задаю размеры и отступы.Переменные все выводятся на разных строках:ава,имя и текст-хотя по css должно быть подряд!Не появляется полоса прокрутки.Прошу помощи у кого есть время и кому не лень копаться в моих каракулях!
я в подробности особо не вдавался но кажется так не работает должно быть вроде както так [js] var newElem=document.createElement("table"); var newRow=newElem.insertRow(0); var newCell1 = newRow.insertCell(0); newCell1.innerHTML="ава..."; var newCell2 = newRow.insertCell(-1); newCell2.innerHTML="mesegge..."; document.getElementById('chatbox').appendChild(newRow); [/js]