Re: CSS and Tables

[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]

 



I believe, for IE (though I haven't tested it) this would work:

table.table1 > tbody > tr > td { css here; }

I think IE assumes a tbody, even when there isn't one specified.

table.table1 td { css here; }

Would also do fairly well, but , since this would apply to all tds within the table tag (even the cells of any embedded tables) may require some creative spefification of values to work properly

Chris

Stephen Leaf wrote:

Not IE friendly but you could always do

table.table1>tr>td { css here; }

IE will simply ignore it.. even if you set other rules that it _does_ understand. :)

On Friday 09 December 2005 21:07, Curt Zirzow wrote:
On Fri, Dec 09, 2005 at 09:16:32PM -0500, Michael B Allen wrote:
This question is a little OT but no doubt everyone and their brother is
generating tables here so heres my question.
well, i try to only use tables when I present tabular data, i
wonder mabey if i'm a cousin or something. And, yes, it is a bit OT.

I'm a little frustrated with CSS. Sure I can define styles for TH, TD,
and so on. But mildly sophisticated pages are buried in tables within
tables. Specifying global styles for these tags is useless. Likewise I
can define a class like:
The thing is, well, consider how frustrating it was to make a
complicated table of data.

I think CSS appears to be complicated cause it has to interact with
HTML in wich people tend to belive that HTML is too output: layout,
markup, and presentation.

HTML and CSS are two sperate languages. HTML/CSS is going/has been
more leaning towards the concept of XML/XSLT. Where, the html (xml)
is the data and the CSS (xslt) is how to present it.  I always use
this site to show the power of css and how html is rather
unimportant for presentation but for data structure:

http://www.csszengarden.com/

.t {
   font-size: small;
   border-bottom: 1px lightgrey solid;
   border-right: 1px lightgrey solid;
}
Anyway... Change the definition to:

 table.t td, table.t th {

And Add:

 table.t th {
   text-align: left;
 }

and add a class="t" to EVER SINGLE TH and TD tag like:

 echo "<table cellpadding=\"0\" cellspacing=\"0\">";
Assign the class of 't' to the table.

 echo "<tr><td class=\"t\">ID</td><td class=\"t\">Username</td><td
class=\"t\">Name</td><td class=\"t\">Email</td><td
class=\"t\">Options</td><td class=\"t\">Date</td>";
techincally i would define these as <th>'s they are headers for the
data set.

 while ($row = mysql_fetch_row($result)) {
     echo "<tr><td class=\"t\">$row[0]</td> <td class=\"t\">$row[1]</td>
<td class=\"t\">$row[2]</td> <td class=\"t\">$row[5]</td> <td
class=\"t\">$row[6]</td> <td class=\"t\">$row[7]</td> <tr/>";
and here you just  have <td>

HTH,

Curt.
--
cat .signature: No such file or directory


--
PHP General Mailing List (http://www.php.net/)
To unsubscribe, visit: http://www.php.net/unsub.php


[Index of Archives]     [PHP Home]     [Apache Users]     [PHP on Windows]     [Kernel Newbies]     [PHP Install]     [PHP Classes]     [Pear]     [Postgresql]     [Postgresql PHP]     [PHP on Windows]     [PHP Database Programming]     [PHP SOAP]

  Powered by Linux