Nem is olyan régen volt egy ilyen kérdés, hogy hogyan lehet a Chat-et így egymás mellé helyezni. Nos, bekódoltam a saját Chat-emet és most ezt a kódot elhoztam nektek :) G-Portálon is ki lett próbálva a kód és ott is minden jól működik :) Van ugye az alap CBox Chat kódja, ami kb. így néz ki nektek is
 

<center>
<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div>
<iframe allowtransparency="yes" id="cboxmain3-2693028" marginheight="2" marginwidth="2" name="cboxmain3-2693028" scrolling="auto" src="http://www3.cbox.ws/box/?boxid=2693028&amp;boxtag=9863&amp;sec=main" style="border: 0px solid;" frameborder="0" height="200" width="335"></iframe></div>
<div>
<iframe allowtransparency="yes" id="cboxform3-2693028" marginheight="2" marginwidth="2" name="cboxform3-2693028" scrolling="no" src="http://www3.cbox.ws/box/?boxid=2693028&amp;boxtag=9863&amp;sec=form" style="border: 0px solid;border-top:0px" frameborder="0" height="75" width="335"></iframe>
</div>
</center>

Ebből a kiemelt kódrészek kellenek ahhoz, hogy egymás mellé tudjuk tenni a Chat-et és az űrlap mezőt. Plusz kelleni fog hozzá egy kis CSS kód is, ami ugye a kettő DIV féle táblázatos oszlopot egymás mellé helyezi
 

Chat kódja
 

<div id="cboxdiv">
<div id="cboxchat">
<iframe allowtransparency="yes" frameborder="0" height="100" id="cboxmain3-2693028" marginheight="2" marginwidth="2" name="cboxmain3-2693028" scrolling="auto" src="http://www3.cbox.ws/box/?boxid=2693028&amp;boxtag=9863&amp;sec=main" style="border: 3px solid #FAC1ED;" width="285"></iframe></div>
<div id="cboxauthor">
<iframe allowtransparency="yes" frameborder="0" height="100" id="cboxform3-2693028" marginheight="2" marginwidth="2" name="cboxform3-2693028" scrolling="no" src="http://www3.cbox.ws/box/?boxid=2693028&amp;boxtag=9863&amp;sec=form" style="border: 3px solid #E2F1AC" width="285"></iframe></div>
</div>

CSS kód hozzá
 

<style type="text/css">
#cboxdiv { /* az egész DIV szélessége, amibe benne vannak a Chat részei */
    width:590px;
}
#cboxchat, #cboxauthor { /* a bal oldal */
    float:left;
    border:0px;
}
#cboxdiv p { /* ezt nem kell bántani. Ettől lesz egymás mellet a két rész */
    clear:both;
}
</style>

816 megtekintés