Table styling

[SilverDragonTears]

This stuff is so alien to me How can I style or remove the tables? Especially the adopts table.

[Kyttias]

Try and make an image of how you want things and it'd be easier to help from there.

I believe several of us are using a modified version of code we found over here. In that thread we changed it so rather than displaying pet information in a row we display each pet it's own cell, side by side. From there it's much easier to style the table without needing to remove it.

Inevitably, styling is always done with css. I believe the css id of the table should be #adopttable and from there you should be able to remove table borders, control spacing, etc.

[Abronsyth]

Each table can be individually styled using the table's ID in the CSS file. Say you want to style the adopts table (as displayed on adopts.php) individually from any other table. In adoptview.php find this line (around 37 in my file):

PHP Code:

$adoptTable = new Table("table", "", FALSE); 


Change "table" to a unique id, such as; "freebietable". Once that is done, go to your css file and you can do something like this;

#freebietable {
css stuff here
}

#freebietable, tr {
css stuff here
}

#freebietable, td {
css stuff here
}

That way you can individually style that particular table. If you have questions about things to do with CSS, or specific tables you want to edit, just ask :)