Re: CSS Table/Row Question
Re: CSS Table/Row Question
- Subject: Re: CSS Table/Row Question
- From: " Kuon - Nicolas Goy (Goyman.com SA) - 時期精霊 " <email@hidden>
- Date: Thu, 05 Oct 2006 19:03:34 +0200
On 5 Oct 2006, at 18:09, Sacha Michel Mallais wrote:
On Oct 5, 2006, at 9:03 AM, Chip Myers wrote:
I'm trying to figure out the best way to create a CSS table to be
referenced by one of my .wo files. The tables I'm trying to
design have a width which varies per column, and if possible I'd
like to reference my CSS file only when the table is first defined
with the <table> tag, rather than every time I encounter a <tr>
tag. The table looks like this:
____________________________________________
|____|_____________|________|________|_________|
|____|_____________|________|________|_________|
|____|_____________|________|________|_________|
|____|_____________|________|________|_________|
|____|_____________|________|________|_________|
Is it possible to define a table in a css file which already has
its <tr><td> attributes defined, as in width and height? Also, is
there any way to design and reference a css file through the
webobjects builder GUI? I realize these are all beginner
questions, but I'm very new to CSS design. If anyone has any
direct advice, or just a helpful link, I'd really appreciate it.
A CSS forum is probably the best place to get your question
answered, but I'll do my best.
AFAIK, there is no way to specify column widths in a table tag.
I've never used it, but you could try using the col tag. See http://
www.w3.org/TR/html4/struct/tables.html.
To reference css from wo builder you can't, you must do it manualy,
the easiest way is to put a normal html <style> tag, and use a
WOResourceURL for the src attribute.
Then for your table, you must do:
<table class="aTable"><wo repetition><tr><td class="firstTD"></td><td
class="secondTD"></td></tr></wo></table>
in css
/* will affect all cell in the table */
table.aTable td {
background-color:#eee;
font-weigth:bold;
...
}
/* will affect only first cell */
table.aTable td.firstTD {
width:50px;
height:20px;
}
/* second cell */
table.aTable td.secondTD {
width:40px;
/* height:20px; the biggest height will be taken into account */
}
Hope that help
--
Kuon
CEO - Goyman.com SA
http://www.goyman.com/
"Computers should not stop working when the users' brain do."
Attachment:
smime.p7s
Description: S/MIME cryptographic signature
_______________________________________________
Do not post admin requests to the list. They will be ignored.
Webobjects-dev mailing list (email@hidden)
Help/Unsubscribe/Update your Subscription:
This email sent to email@hidden