SitePoint Sponsor

User Tag List

Results 1 to 6 of 6
  1. #1
    SitePoint Member
    Join Date
    Jul 2007
    Posts
    3
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Table Design in Wordpress

    Hi
    I am trying to design a table in Wordpress and I really like this design: icant.co.uk/csstablegallery/index.php?css=75#r75
    The code is downloadable here: leandropessoa.com.br/table/css/table.css

    But its all Greek to me. How do I incorporporate this into a blog page. Not sure if this code has been written correctly. What would be the best way to incorporate this design into my page. Not sure its as easy as cutting and pasting the code as there are references to gifs etc

    Thanks for your help in advance.

    Grant

  2. #2
    SitePoint Guru alecrust's Avatar
    Join Date
    Jun 2007
    Location
    London, UK
    Posts
    728
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You'd probably have better luck asking this questions in the WordPress Support Forums.
    Honda Civic Forum - UK Civic Forum
    Web Host Reviews - Independent, honest host reviews
    My Portfolio - Simplicity is the ultimate sophistication

  3. #3
    In memoriam gold trophysilver trophybronze trophy Dan Schulz's Avatar
    Join Date
    May 2006
    Location
    Aurora, Illinois
    Posts
    15,495
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    The first thing you're going to have to do is create the data table that the style sheet will hook into. If you're using the WISIWYG editor in WordPress, you may want to consider turning it off for this.

  4. #4
    SitePoint Member
    Join Date
    Jul 2007
    Posts
    3
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks Dan and alecrust.

    Dan does the code need to be re written in a css format? It doesn't quite look right.

    ---------------
    table{border-spacing:1px;font:10px 'Verdana', Arial, Helvetica, sans-serif;background:#E7E7E7;color:#666666;}
    caption{border:#666666;border-bottom:2px solid #666666;text-transform:uppercase;padding:10px;background:url(leandropessoa.com.br/table/img/TableCaption.jpg);font:15px 'Verdana', Arial, Helvetica, sans-serif;font-style:italic;font-weight:bold;}
    td, th{padding:4px;}
    thead th{text-align:center;background:#F5F5F5;color:#666666;border:1px solid #ffffff;text-transform:uppercase;}
    tbody th{font-weight:bold;}
    tbody tr{background:#EBF8FE;text-align:left;}
    tbody tr.odd{background:#ffffff;border-top:1px solid #ffffff;}
    tbody th a:link, tbody th a:visited{color:#666666;padding:3px 0px 0px 18px;background:url(leandropessoa.com.br/table/img/ico_novajanela.gif);background-repeat:no-repeat;}
    tbody th a:hover{color:#009900;}
    tbody tr td{height:50px;background:#EBF8FE;border:1px solid #ffffff;}
    tbody tr.odd td{background:#ffffff;border-top:1px solid #ffffff;}
    table td a:link, table td a:visited{color:#666666;text-decoration:none;font-weight: bold;}
    table td a:hover{color:#009900;text-decoration:underline;font-weight: bold;}
    table a[title^="Download"]{background:url(leandropessoa.com.br/table/img/icPADRAO.gif) no-repeat center;padding:20px 0px 0px 15px;}
    tbody td a[href="leandropessoa.com.br"]{margin:0 auto;height:15px;border-bottom:0;padding:3px 0px 0px 18px;font-weight:bold;color:#FF8601;background:url(leandropessoa.com.br/table/img/check.gif);background-repeat: no-repeat;}
    tfoot th, tfoot td{background:url(leandropessoa.com.br/table/img/TableCaption.jpg);padding:10px;text-align:center;font:15px 'Verdana', Arial, Helvetica, sans-serif;font-style:italic;font-weight:bold;border-bottom:3px solid #cccccc;border-top:1px solid #DFDFDF;}
    --------------------------------------------

  5. #5
    SitePoint Guru alecrust's Avatar
    Join Date
    Jun 2007
    Location
    London, UK
    Posts
    728
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    That's perfectly valid CSS code, it's just very condensed. Put it through CleanCSS to make it more readable.
    Honda Civic Forum - UK Civic Forum
    Web Host Reviews - Independent, honest host reviews
    My Portfolio - Simplicity is the ultimate sophistication

  6. #6
    SitePoint Member
    Join Date
    Jul 2007
    Posts
    3
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks Alecrust


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •