chanfuterboy Posted August 11, 2009 Share Posted August 11, 2009 Hi, i was trying making round edge's table, but got stuck on some-thing here if you see the code <head> <meta http-equiv="Content-Language" content="en-us"> </head> <br> <table align='center' width='80%' cellspacing="4" cellpadding='0'> <tr> <td align='center' width='97%'> <table width="900" align=center cellpadding="0" cellspacing="0" border="0" style="background-color: #393939; border-bottom-width:0px"> <tr> <td width="14"><img src="http://www.awortinkos.com/test2/images/1.gif" width="14" height="14" border="0" alt="..." /></td> <td width="872" style="border-top-style: solid; border-top-width: 1px" bordercolor="#008000" rowspan="2"> </td> <td width="14"><img src="http://www.awortinkos.com/test2/images/2.gif" width="14" height="14" border="0" alt="..." /></td> </tr> <tr> <td> </td> <td> </td> </tr> </table> <table> <tr> </tr> </table> <table> <p>GDEDGDGJGJGJ </table> <p> </tr> </table> I want to make it as the image below here. can someone help me out, i try a lot Quote Link to comment Share on other sites More sharing options...
haku Posted August 11, 2009 Share Posted August 11, 2009 What you are showing there isn't a table, so you shouldn't use tables for it. Quote Link to comment Share on other sites More sharing options...
chanfuterboy Posted August 11, 2009 Author Share Posted August 11, 2009 need help to create the left border, let me put it so, because below is basicly the same as above, im talking about the grey section you see on the picture. Quote Link to comment Share on other sites More sharing options...
haku Posted August 11, 2009 Share Posted August 11, 2009 Again, that is not a table. It is a square. It should be done with divs and CSS, probably utilizing some background images. Quote Link to comment Share on other sites More sharing options...
chanfuterboy Posted August 11, 2009 Author Share Posted August 11, 2009 hi, I try to do it, see new code below. Now the problem is, i see that there is space between the right/left border and header. can someone help me remove it bye </head> <br> <table align='center' width='60%' cellspacing="4" cellpadding='0'> <tr> <td align='center' width='80%'> <table width="900" align=center cellpadding="0" cellspacing="0" border="0" style="background-color: #393939; border-bottom-width:0px"> <tr> <td width="14"><img src="http://www.awortinkos.com/test2/images/1.gif" width="14" height="14" border="0" alt="..." /></td> <td width="171" style="border-top-style: solid; border-top-width: 1px" bordercolor="#008000" rowspan="2"> <p align="center"><b><font face="Verdana" size="2" color="#FFFFFF">chatroom</font></b></td> <td width="701" style="border-top-style: solid; border-top-width: 1px" bordercolor="#008000" rowspan="2"> <p align="center"><b><font face="Verdana" size="2" color="#FFFFFF">content</font></b></td> <td width="14"><img src="http://www.awortinkos.com/test2/images/2.gif" width="14" height="14" border="0" alt="..." /></td> </tr> <td> </td> </table> <body bgcolor="#eeeee4" topmargin="0" valign=top leftmargin="0"> <div align="center"> <center> <table border="0" cellpadding="0" cellspacing="0" width="927" > <!-- fwtable fwsrc="temp.png" fwpage="Page 1" fwbase="index.jpg" fwstyle="Dreamweaver" fwdocid = "355425286" fwnested="0" --> <tr> <td width="13"><img src="http://www.awortinkos.com/test2/images/spacer.gif" width="12" height="1" border="0" alt="" /></td> <td width="6"><img src="http://www.awortinkos.com/test2/images/spacer.gif" width="6" height="100%" border="0" alt="" /></td> <td width="179"><img src="http://www.awortinkos.com/test2/images/spacer.gif" width="165" height="1" border="0" alt="" /></td> <td width="527"><img src="http://www.awortinkos.com/test2/images/spacer.gif" width="484" height="1" border="0" ></td> <td width="179"><img src="http://www.awortinkos.com/test2/images/spacer.gif" width="166" height="100%" border="0" alt="" /></td> <td width="7"><img src="http://www.awortinkos.com/test2/images/spacer.gif" width="4" height="1" border="0" alt="" /></td> <td width="14"><img src="http://www.awortinkos.com/test2/images/spacer.gif" width="12" height="1" border="0" alt="" /></td> <td width="2"><img src="http://www.awortinkos.com/test2/images/spacer.gif" width="1" height="1" border="0" alt="" /></td> </tr> <tr> <td rowspan="6" width="13" > </td> <td rowspan="6" valign="top" bgcolor="#393939" width="6"> </td> <td valign="top" width="179"> </td> <td colspan="2" valign="top" width="706"> <p align="center"></td> <td rowspan="8" valign="top" bgcolor="#393939" width="6"> :</td> <td rowspan="6" </td width="14"> <td width="2" rowspan="4"><img src="http://www.awortinkos.com/test2/images/spacer.gif" width="1" height="168" border="0" alt="" /></td> </tr> <tr> <td valign="top" width="179" rowspan="2"> </td> <td colspan="2" valign="top" width="706"> </td> </tr> <tr> <td colspan="2" valign="top" width="706" rowspan="2"> <p> </p> <p> </p> <p> </p> <p> </td> </tr> <tr> <td valign="top" width="179"> <p> </p> <p> </p> <p> </p> <p> </p> <p> </td> </tr> <tr> <td colspan="3"> <table border="0" cellpadding="6" cellspacing="0" width="100%" background="images/menu_back.jpg"> <tr> <td width="100%" align="right"> </td> </tr> <tr> <td width="100%" align="right" bgcolor="#393939"> </td> </tr> </table> </td> <td width="2"><img src="http://www.awortinkos.com/test2/images/spacer.gif" width="1" height="22" border="0" alt="" /></td> </tr> Quote Link to comment Share on other sites More sharing options...
chanfuterboy Posted August 11, 2009 Author Share Posted August 11, 2009 hi, it is a part of the whole table html page, is not just that! I try again without css and almost i got it, but have a small space left that i cant remove it, if your guys can help me out, i be glad. screenshot The code is </head> <br> <table align='center' width='60%' cellspacing="4" cellpadding='0'> <tr> <td align='center' width='80%'> <table width="900" align=center cellpadding="0" cellspacing="0" border="0" style="background-color: #393939; border-bottom-width:0px"> <tr> <td width="14"><img src="http://www.awortinkos.com/test2/images/1.gif" width="14" height="14" border="0" alt="..." /></td> <td width="171" style="border-top-style: solid; border-top-width: 1px" bordercolor="#008000" rowspan="2"> <p align="center"><b><font face="Verdana" size="2" color="#FFFFFF">chatroom</font></b></td> <td width="701" style="border-top-style: solid; border-top-width: 1px" bordercolor="#008000" rowspan="2"> <p align="center"><b><font face="Verdana" size="2" color="#FFFFFF">content</font></b></td> <td width="14"><img src="http://www.awortinkos.com/test2/images/2.gif" width="14" height="14" border="0" alt="..." /></td> </tr> <td> </td> </table> <body bgcolor="#eeeee4" topmargin="0" valign=top leftmargin="0"> <div align="center"> <center> <table border="0" cellpadding="0" cellspacing="0" width="927" > <!-- fwtable fwsrc="temp.png" fwpage="Page 1" fwbase="index.jpg" fwstyle="Dreamweaver" fwdocid = "355425286" fwnested="0" --> <tr> <td width="13"><img src="http://www.awortinkos.com/test2/images/spacer.gif" width="12" height="1" border="0" alt="" /></td> <td width="6"><img src="http://www.awortinkos.com/test2/images/spacer.gif" width="6" height="100%" border="0" alt="" /></td> <td width="179"><img src="http://www.awortinkos.com/test2/images/spacer.gif" width="165" height="1" border="0" alt="" /></td> <td width="527"><img src="http://www.awortinkos.com/test2/images/spacer.gif" width="484" height="1" border="0" ></td> <td width="179"><img src="http://www.awortinkos.com/test2/images/spacer.gif" width="166" height="100%" border="0" alt="" /></td> <td width="7"><img src="http://www.awortinkos.com/test2/images/spacer.gif" width="4" height="1" border="0" alt="" /></td> <td width="14"><img src="http://www.awortinkos.com/test2/images/spacer.gif" width="12" height="1" border="0" alt="" /></td> <td width="2"><img src="http://www.awortinkos.com/test2/images/spacer.gif" width="1" height="1" border="0" alt="" /></td> </tr> <tr> <td rowspan="6" width="13" > </td> <td rowspan="6" valign="top" bgcolor="#393939" width="6"> </td> <td valign="top" width="179"> </td> <td colspan="2" valign="top" width="706"> <p align="center"></td> <td rowspan="8" valign="top" bgcolor="#393939" width="6"> :</td> <td rowspan="6" </td width="14"> <td width="2" rowspan="4"><img src="http://www.awortinkos.com/test2/images/spacer.gif" width="1" height="168" border="0" alt="" /></td> </tr> <tr> <td valign="top" width="179" rowspan="2"> </td> <td colspan="2" valign="top" width="706"> </td> </tr> <tr> <td colspan="2" valign="top" width="706" rowspan="2"> <p> </p> <p> </p> <p> </p> <p> </td> </tr> <tr> <td valign="top" width="179"> <p> </p> <p> </p> <p> </p> <p> </p> <p> </td> </tr> <tr> <td colspan="3"> <table border="0" cellpadding="6" cellspacing="0" width="100%" background="images/menu_back.jpg"> <tr> <td width="100%" align="right"> </td> </tr> <tr> <td width="100%" align="right" bgcolor="#393939"> </td> </tr> </table> </td> <td width="2"><img src="http://www.awortinkos.com/test2/images/spacer.gif" width="1" height="22" border="0" alt="" /></td> </tr> Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.