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 Link to comment https://forums.phpfreaks.com/topic/169761-basic-help/ 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. Link to comment https://forums.phpfreaks.com/topic/169761-basic-help/#findComment-895588 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. Link to comment https://forums.phpfreaks.com/topic/169761-basic-help/#findComment-895608 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. Link to comment https://forums.phpfreaks.com/topic/169761-basic-help/#findComment-895640 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> Link to comment https://forums.phpfreaks.com/topic/169761-basic-help/#findComment-895706 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> Link to comment https://forums.phpfreaks.com/topic/169761-basic-help/#findComment-895845 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.