SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Member
    Join Date
    Sep 2002
    Posts
    3
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Issue with Style Sheets and Table Borders

    The below code works in NS4, NS6 and IE 5+ , but once I use style sheets instead of the HTML attributes it all goes down the toilet. The borders have to print, thus the major issue with these so that they look good on a monitor and look good when printing.

    Anyone have any ideas?

    - Thanks Dave

    <table width="211" border="1" cellspacing="0" cellpadding="5" bordercolor="#cccc99">
    <tr bordercolor="#cccc99">
    <td colspan="2" bgcolor="#cccc99" >
    Account Status
    </td>

    </tr>
    <tr bordercolor="#cccc99">
    <td >
    Text Text Text Text
    </td>
    <td >
    Text Text Text Text
    </td>
    </tr>
    </table>

  2. #2
    SitePoint Member
    Join Date
    Apr 2001
    Location
    glasgow
    Posts
    13
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    this css:

    <style type="text/css">
    table {border: 2px solid #cc9; margin:0px; padding:0px; width:211px}
    .heading {background-color:#cc9}
    </style>

    and this html:

    <table cellpadding="0" cellspacing="0">
    <tr>
    <td colspan="2" class="heading">Account Status</td>
    </tr>
    <tr>
    <td>Text Text Text Text </td>
    <td>Text Text Text Text </td>
    </tr>
    </table>

    work fine in IE6, Opera6.0 and Mozilla.

    NN4? i reckon you'll need to use a 2nd stylesheet combined with
    @import url(page.css) (see http://www.designf1.webcentral.com.a...ials/e006.html , amongst others)

    g'luck.


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
  •