I want to put a table in one of my pages for formatting purposes - and for this one table, I don't want the zebra strips. However, I want to keep them on the tables that already exist on my site for my other post/pages, and other tables that exist in this page. Is there a way to "turn off" the zebra stripes for just one table?

I am running WP 2.9.2 and Atahualpa 3.4.4. The site is www.eponaracingstable.com

Thanks!!

when you add the table, give it an ID= (see http://www.w3schools.com/css/css_id_class.asp for a reference) so you can uniquely identify it in a CSS Selector statement. Then you can add CSS Styling of your choice.

Do you know what portion of the css.php has the zebra code. I tried to look for it, but it wasn't easy to find.

I put the following in my css.php:

table.nozebra {
	border-width: 10px;
	background: #aaa;
        text-align:left;
}
table.nozebra th {
	border-width: 10px;
	background: #aaa;
        text-align:left;
}
table.nozebra td {
	border-width: 10px;
	background: #aaa;
        text-align:left;
}
table.nozebra tr {
	border-width: 10px;
	background: #aaa;
        text-align:left;
}

I then put the following in the table html:

<table align="left" class="nozebra" style="width: 90%; ">

But the table still has the stripes (in this case the table has 2 columns and 1 row). Take a look at the following link:
http://www.eponaracingstable.com/roster/air-attack

I am referring to the table that has no borders (where the horse is).

Thanks!!

1) don't make changes to css.php you will just have to make them again the next time upyou upgrade. Put any new CSS or CSS overrides in ATO->Add HTML/CSS Inserts->CSS Inserts. they will be added to the CSS and are stroed in the DB as an option wo you can upgrade and they will carry over.

2) the only reference to 'nozebrz' outside the CSS is on a '<td class="nozebra">'
but your CSS doesn't reference it. You would need a 'td.nozebra {...}' to work with that

I moved those changed from css.php into the db portion as you suggested, thanks.

Wouldn't the :

table.nozebra td {
	border-width: 10px;
	background: #aaa;
        text-align:left;
}

take care of the

'td.nozebrs {...}'

But just in case it was not what you were referring to, I change the css portion to:

td.nozebra {
	border-width: 10px;
	background: #aaa;
        text-align:left;
}
td.nozebra th {
	border-width: 10px;
	background: #aaa;
        text-align:left;
}
td.nozebra td {
	border-width: 10px;
	background: #aaa;
        text-align:left;
}
td.nozebra tr {
	border-width: 10px;
	background: #aaa;
        text-align:left;
}

And I still don't see a change. fyi - I really don't want the borders that large, but it is a very easy way to see if this is working.

Thanks!!