TRANSLATE this table as a CSS - Overclock.net

blade007 · 08-06-07

what would be the CSS style for this table..

Code:

<table width="100%" align="center" cellpadding="5" cellspacing="1">

s1rrah · 08-06-07

Quote:

Originally Posted by blade007

what would be the CSS style for this table..

Code:

<table width="100%" align="center" cellpadding="5" cellspacing="1">

+rep to anyone that helps

Well you can't really create a table with CSS styles ...

More correctly ... you can format the contents of the table any number of ways using CSS styles (text effects, etc.) ... but you can't really replicate a table with CSS styles.

One thing you might consider, though ... if your just not wanting to use tables, ...

You *can* use LAYERS to define the same spatial layout qualities that old school HTML tables are used for.

Investigate the <DIV> tag and the <LAYER> tag for more information ...

Feel free to ask more questions if you need them ... I'm a bit experienced with such stuff.

blade007 · 08-06-07

i meant something like this..

.table1
{
font-size: 16px;
width:100%;
align:center;
}

and to reference this, u would use <table class="table1">, but the thing is i dont know what to put these properties in the CSS.. cellpadding="5" cellspacing="1", u cant use cellspacing:1 for example becasue its not valid

s1rrah · 08-06-07

Quote:

Originally Posted by blade007

i meant something like this..

.table1
{
font-size: 16px;
width:100%;
align:center;
}

and to reference this, u would use <table class="table1">, but the thing is i dont know what to put these properties in the CSS.. cellpadding="5" cellspacing="1", u cant use cellspacing:1 for example becasue its not valid

Why not just define your table with it's appropriate CELLPADDING, CELLSPACING variables and then just use a "class=" statement in a <DIV> tag or as a part of your opening <TD> tag?

Would that work?

blade007 · 08-06-07

Quote:

Originally Posted by s1rrah

Why not just define your table with it's appropriate CELLPADDING, CELLSPACING variables and then just use a "class=" statement in a <DIV> tag or as a part of your opening <TD> tag?

Would that work?

so i can reduce load time, since i have +5 tables on the page im workin on,

is it possible to define cellpadding -spacing from a CSS style sheet?

**Boris4ka** · 08-06-07

I don't think those 2 have a variable in CSS. But maybe margin or width would work?

blade007 · 08-06-07

ok, i think im just going to have to define cell padding and spacing for each table, and have the rest of the properties(width, font etc.) in the CSS; thanks for the help, +rep..

s1rrah · 08-06-07

Also ... read this thread: http://forums.devshed.com/css-help-1...ing-43178.html

...

some interesting stuff including claims of manipulating table padding via styles ...

good luck.

**t4ct1c47** · 08-06-07

Another useful resource for you is W3Schools.

**BFRD** · 08-08-07

like this?

Code:

<html>
<head>
<title>Untitled Page</title>
<styletype="text/css">
.test
{
 width:100%;
 background:blue;
 border:0;
}
 
.test tr td
{
 margin:1px;
 padding:5px;
}
</style>
</head>
<body>
<table width="100%" align="center" cellpadding="5" cellspacing="1" border="0" bgcolor="blue">
<tr>
 <td>This is a test</td>
</tr>
</table>
<hr/>
<table class="test">
<tr>
 <td>This is a test</td>
</tr>
</table>
</body>
</html>

P.S. You can't offer REP to try and entice someone to answer your thread.

08-06-07	#1 (permalink)
blade007 PC Gamer Join Date: Jun 2007 Location: Atlantis Posts: 2,200 Rep: 106 Unique Rep: 88 Trader Rating: 13	TRANSLATE this table as a CSS what would be the CSS style for this table.. Code: <table width="100%" align="center" cellpadding="5" cellspacing="1"> __________________ Aumotocnic - "An unfortunate member of the overclock.net insomnia club" Last edited by BFRD : 08-08-07 at 10:28 PM

08-06-07	#3 (permalink)
blade007 PC Gamer Join Date: Jun 2007 Location: Atlantis Posts: 2,200 Rep: 106 Unique Rep: 88 Trader Rating: 13	i meant something like this.. .table1 { font-size: 16px; width:100%; align:center; } and to reference this, u would use <table class="table1">, but the thing is i dont know what to put these properties in the CSS.. cellpadding="5" cellspacing="1", u cant use cellspacing:1 for example becasue its not valid __________________ Aumotocnic - "An unfortunate member of the overclock.net insomnia club"

08-06-07	#7 (permalink)
blade007 PC Gamer Join Date: Jun 2007 Location: Atlantis Posts: 2,200 Rep: 106 Unique Rep: 88 Trader Rating: 13	ok, i think im just going to have to define cell padding and spacing for each table, and have the rest of the properties(width, font etc.) in the CSS; thanks for the help, +rep.. __________________ Aumotocnic - "An unfortunate member of the overclock.net insomnia club"

		Overclock.net - Overclocking.net > Software, Programming and Coding > Coding and Programming > Web Coding
TRANSLATE this table as a CSS

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)