CSS Question About Prebuilt HTML From PHP Code

Discussion in 'CSS' started by phaze3131, May 21, 2009.

  1. #1
    Hey guys,

    I have this site that uses a php script to built part of my page and well basically here is the code below. My question is with using CSS can override some of this using CSS or even define things that aren't there maybe to accomplish... more spacing between rows or margins around the table even...


    <table id="AmzProductsList1_lstCategoryBox" class="gccat133688" cellspacing="0" cellpadding="0" border="0" width="99%">
    <tr>
    <td align="left" width="33%" nowrap="nowrap">
    &bull; <a href="/index.php?gccid=155767">Cleansers, Scrubs & Face Washes</a></td><td align="left" width="33%" nowrap="nowrap">
    &bull; <a href="/index.php?gccid=155774">Peels</a></td><td align="left" width="33%" nowrap="nowrap">

    &bull; <a href="/index.php?gccid=155778">Spot Treatments</a></td>
    </tr><tr>
    <td align="left" width="33%" nowrap="nowrap">
    &bull; <a href="/index.php?gccid=155768">Cleansing Pads</a></td><td align="left" width="33%" nowrap="nowrap">
    &bull; <a href="/index.php?gccid=155775">Pore Clarifiers</a></td><td align="left" width="33%" nowrap="nowrap">
    &bull; <a href="/index.php?gccid=155779">Toners & Astringents</a></td>

    </tr><tr>
    <td align="left" width="33%" nowrap="nowrap">
    &bull; <a href="/index.php?gccid=155770">Masks & Scrubs</a></td><td align="left" width="33%" nowrap="nowrap">
    &bull; <a href="/index.php?gccid=155777">Soaps</a></td><td align="left" width="33%" nowrap="nowrap">
    &bull; <a href="/index.php?gccid=155780">Treatment Gels</a></td>

    </tr>
    </table>




    That is the code the PHP script builds basically. I'm just not super great with CSS wondering if or how I could define that table in the CSS to maybe change how it looks some how.


    Thank you all!

    Travis
     
    phaze3131, May 21, 2009 IP
  2. qazu

    qazu Well-Known Member

    Messages:
    1,834
    Likes Received:
    62
    Best Answers:
    0
    Trophy Points:
    165
    #2
    You can't override inline styles, i.e., styles that are in the tag.
    Your code has a table id="AmzProductsList1_lstCategoryBox" and class="gccat133688". You can use those to add styles that aren't there by using #AmzProductsList1_lstCategoryBox {} or .gccat133688 {}. You can also add styles for table row <tr> and table cells <td> using #AmzProductsList1_lstCategoryBox tr {} and #AmzProductsList1_lstCategoryBox td {} or .gccat133688 tr {} and .gccat133688 td {}.
     
    qazu, May 22, 2009 IP