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

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

1How to make a table like this one Empty How to make a table like this one Thu Feb 10, 2011 3:38 am

Matti

Matti
Registered Member
Registered Member
Hey guys, I am very confused with this tables at w3schools.com so can any one make me a table like this one. http://www.w3schools.com/css/tryit.asp?filename=trycss_table_fancy

http://csshelp.forumotion.net/

2How to make a table like this one Empty Re: How to make a table like this one Thu Feb 10, 2011 3:43 am

Unknown Data

Unknown Data
Registered Member
Registered Member
Can you try illustrate how you exactly want it? Smile

http://woops.dk

3How to make a table like this one Empty Re: How to make a table like this one Thu Feb 10, 2011 3:50 am

Matti

Matti
Registered Member
Registered Member
Hi, Unknown Data

The same as this one How to make a table like this one Same10

You can see the table from the link on my first post.

http://csshelp.forumotion.net/

4How to make a table like this one Empty Re: How to make a table like this one Thu Feb 10, 2011 4:56 am

Guest


Guest
Code:

<html>
<head>
<style type="text/css">
#maki1
{
width:100%;
border-collapse:collapse;
}
#maki1 td, #maki1 th
{
font-size:1em;
border:1px solid #1B84E0;
padding:3px 7px 2px 7px;
}
#maki1 th
{
font-size:1.1em;
padding-top:5px;
padding-bottom:4px;
background-color:#1B84E0;
color:#ffffff;
}

</style>
</head>

<body>
<table id="maki1">
<tr>
  <th>TITLE1</th>
  <th>TITLE2</th>
  <th>TITLE3</th>
</tr>

<tr>
<td>TEXT1</td>
<td>TEXT2</td>
<td>TEXT3</td>
</tr>

<tr>
<td>TEXT4</td>
<td>TEXT5</td>
<td>TEXT6</td>
</tr>

</table>
</body>
</html>


5How to make a table like this one Empty Re: How to make a table like this one Thu Feb 10, 2011 5:44 am

Matti

Matti
Registered Member
Registered Member
com on Gangstar15, you know that this will not work on Forumotion forums Razz like that...

http://csshelp.forumotion.net/

6How to make a table like this one Empty Re: How to make a table like this one Thu Feb 10, 2011 4:06 pm

Guest


Guest
Just say that ;D
Code:

<table style="width:100%;border-collapse:collapse;">
<tr style="font-size:1.1em;text-align:left;padding-top:5px;padding-bottom:4px;background-color:#1B84E0;color:#ffffff;">
  <th>TITLE1</th>
  <th>TITLE2</th>
  <th>TITLE3</th>
</tr>
<tr style="font-size:1em;
border:1px solid #1B84E0;
padding:3px 7px 2px 7px;">
<td>TEXT1</td>
<td>TEXT2</td>
<td>TEXT3</td>
</tr>
<tr style="font-size:1em;
border:1px solid #1B84E0;
padding:3px 7px 2px 7px;">
<td>TEXT4</td>
<td>TEXT5</td>
<td>TEXT6</td>
</tr>
</table>

7How to make a table like this one Empty Re: How to make a table like this one Fri Feb 11, 2011 6:19 pm

Matti

Matti
Registered Member
Registered Member
Still not the same.

http://csshelp.forumotion.net/

8How to make a table like this one Empty Re: How to make a table like this one Fri Feb 11, 2011 7:39 pm

RockerMan

RockerMan
Technician
Technician
Use a WYSIWYG editor and do it yourself then, then find all the < & > and replace them with [ & ]

http://www.graphics-post.com/

9How to make a table like this one Empty Re: How to make a table like this one Fri Feb 11, 2011 9:14 pm

Guest


Guest
If u have HTML enabled it should work.

10How to make a table like this one Empty Re: How to make a table like this one Fri Feb 11, 2011 11:29 pm

Matti

Matti
Registered Member
Registered Member
Mods lock this cuz is not in needed any more guys thx for trying.

http://csshelp.forumotion.net/

11How to make a table like this one Empty Re: How to make a table like this one Sat Feb 12, 2011 10:18 am

Jophy

Jophy
Registered Member
Registered Member
Locked

http://www.socialtechforum.com/

Sponsored content


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

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