Need some help formatting my table

Previous Topic Next Topic
 
classic Classic list List threaded Threaded
2 messages Options
Reply | Threaded
Open this post in threaded view
|

Need some help formatting my table

jWarrior
I have this style method:

style

     ^'#table{border: 1px solid black;}
#th{    border: 1px solid black;}
#td{    border: 1px solid black;}


I have grepped the archives and googled my brains out this past two hours.

Thanks in advance.

--
Donald [|]

Democracy, n.:
        A government of the masses.  Authority derived through mass
meeting or any other form of direct expression.  Results in mobocracy.
Attitude toward property is communistic...  negating property rights.
Attitude toward law is that the will of the majority shall regulate,
whether it is based upon deliberation or governed by passion,
prejudice, and impulse, without restraint or regard to consequences.
Result is demagogism, license, agitation, discontent, anarchy.
                -- U.S.  Army Training Manual No. 2000-25 (1928-1932),
                   since withdrawn.


---
This email has been checked for viruses by Avast antivirus software.
https://www.avast.com/antivirus

_______________________________________________
seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
Reply | Threaded
Open this post in threaded view
|

Re: Need some help formatting my table

jtuchel
Donald,

welcome to the web learning curve ;-)

First, your css is correct syntactically, but doesn't work because the css selectors search for elements that have an id attribute of 'table' 'th' or 'td'

Remove the hash signs and the result should look better. Or you could set the id's of your tags during rendering (not the best option in this case).

Some hints for you:
  • read a short introduction on css selectors. For the beginning, find out the difference between 'table', '.table' and '#table'. These CSS selectors will be extremely importnat not only for styling but also when you come to the point where you want to manipulate elements on a page using Javascript/jQuery
  • When a page is rendered and doesn't look the way you expect, look at the html source code in your Browser's deleoper tools. Sometimes you may find your style or javascript code is not rendered 
  • Try to skip the #style method and read up on WAFileLibraries. You will want to use styles for multiple pages and with the #style method you'd have to implement the same style definitions for each and every WAComponent again. In a bigger project, it will be a nightmare for mainetenance

HTH

Joachim


Am 11.07.17 um 05:26 schrieb Donald MacQueen:
I have this style method:

style

    ^'#table{border: 1px solid black;}
#th{    border: 1px solid black;}
#td{    border: 1px solid black;}


I have grepped the archives and googled my brains out this past two hours.

Thanks in advance.



-- 
-----------------------------------------------------------------------
Objektfabrik Joachim Tuchel          [hidden email]
Fliederweg 1                         http://www.objektfabrik.de
D-71640 Ludwigsburg                  http://joachimtuchel.wordpress.com
Telefon: +49 7141 56 10 86 0         Fax: +49 7141 56 10 86 1


_______________________________________________
seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside