WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You

WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You


You are not connected. Please login or register

WebArtz - The Web Design Forum » Web Designing & Coding » HTML (Hyper Text Markup Language) » Code for this table

View previous topic View next topic Go down  Message [Page 1 of 1]

1Code for this table Empty Code for this table Mon Mar 22, 2010 3:00 am

Matti

Matti
Registered Member
Registered Member
Can you guys help me to make a table like in this screen shot with colores and text at the top.

Code for this table Table10

http://csshelp.forumotion.net/

2Code for this table Empty Re: Code for this table Mon Mar 22, 2010 6:02 am

Reave

Reave
Registered Member
Registered Member
Hope this helps.

If you want to make it exact like the picture, I would use the css and make a class for more versatile attributes for your table.

Command Plugin Access Format Description
1 2 3 4 5
1 2 3 4 5
1 2 3 4 5

BBCode
Code:
[table width="500" color="#FFFFFF" bordercolor="#FFFFFF" border="1"]
  [tr bgcolor="#0a246a"]
    [td width="50%"][color="#FFFFFF"]Command[/color][/td]
    [td width="50%"][color="#FFFFFF"]Plugin[/color][/td]
    [td width="50%"][color="#FFFFFF"]Access[/color][/td]
    [td width="50%"][color="#FFFFFF"]Format[/color][/td]
    [td width="50%"][color="#FFFFFF"]Description[/color][/td]
  [/tr]
  [tr bgcolor="#80ffff"]
    [td]1[/td]
    [td]2[/td]
    [td]3[/td]
    [td]4[/td]
    [td]5[/td]
  [/tr]
  [tr bgcolor="#80ffff"]
    [td]1[/td]
    [td]2[/td]
    [td]3[/td]
    [td]4[/td]
    [td]5[/td]
  [/tr]
  [tr bgcolor="#80ffff"]
    [td]1[/td]
    [td]2[/td]
    [td]3[/td]
    [td]4[/td]
    [td]5[/td]
  [/tr]
[/table]

HTML Code
Code:
<table width="500" bgcolor="#FFFFFF" border="1">
  <tr bgcolor="#0a246a">
    <td width="50%"><font color="#FFFFFF">Command</font></td>
    <td width="50%"><font color="#FFFFFF">Plugin</font></td>
    <td width="50%"><font color="#FFFFFF">Access</font></td>
    <td width="50%"><font color="#FFFFFF">Format</font></td>
    <td width="50%"><font color="#FFFFFF">Description</font></td>
  </tr>
  <tr bgcolor="#80ffff">
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr bgcolor="#80ffff">
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr bgcolor="#80ffff">
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
</table>

http://ectos.darkbb.com/

3Code for this table Empty Re: Code for this table Mon Mar 22, 2010 1:18 pm

asdfghjkl

asdfghjkl
Registered Member
Registered Member
Mr. Reave good explain about versatile attributes for table. Smile

http://xigmapro.com/

4Code for this table Empty Re: Code for this table Mon Mar 22, 2010 8:25 pm

Matti

Matti
Registered Member
Registered Member
Hmmm...when I write a long text on those box I can't see the text at all why is that happen Question

http://csshelp.forumotion.net/

Sponsored content


View previous topic View next topic Back to top  Message [Page 1 of 1]

WebArtz - The Web Design Forum » Web Designing & Coding » HTML (Hyper Text Markup Language) » Code for this table

Permissions in this forum:
You cannot reply to topics in this forum