SitePoint Sponsor

User Tag List

Results 1 to 10 of 10
  1. #1
    SitePoint Addict
    Join Date
    Mar 2003
    Location
    New York city
    Posts
    212
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    td problems is N4.7

    I seem to have problems in using css to formate some of my table cells with css in N4.7. for the font, font background color and font weight. It works fine in IE.

    td.sidelinks a
    {display: block;
    border: 1px solid black;
    border-color: #006666;
    padding; 2px;
    font-weight: bold;
    font: Verdana, Arial, Helvetica, sans-serif;
    font-size: .8em;
    margin-top: 0; padding: .6em;
    }
    td.sidelinks {
    background-color: #ff9966;
    font-weight: bold;
    font: Verdana, Arial, Helvetica, sans-serif;
    font-size: .8em;
    }
    As I am quite a novice at this, I would appreciate any help. I realize that the display: block doesn't work in N4.7 but why doesn't the rest of the css work?

  2. #2
    SitePoint Guru bronze trophy blufive's Avatar
    Join Date
    Mar 2002
    Location
    Manchester, UK
    Posts
    853
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Netscape 4.x is a disaster area with CSS.

    Not much help, I know.

  3. #3
    Robert Wellock silver trophybronze trophy xhtmlcoder's Avatar
    Join Date
    Apr 2002
    Location
    A Maze of Twisty Little Passages
    Posts
    6,316
    Mentioned
    60 Post(s)
    Tagged
    0 Thread(s)
    I cannot remember Netscape 4.7x liking CSS borders being applied to tables let alone always styling tables in a coherent fashion.

  4. #4
    SitePoint Addict
    Join Date
    Mar 2003
    Location
    New York city
    Posts
    212
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by xhtmlcoder
    I cannot remember Netscape 4.7x liking CSS borders being applied to tables let alone always styling tables in a coherent fashion.
    I'm not so concerned about the borders but rather the font and font size as well as the background colors

  5. #5
    gingham dress, army boots... silver trophy redux's Avatar
    Join Date
    Apr 2002
    Location
    Salford / Manchester / UK
    Posts
    4,838
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    change "font:" to "font-family:"
    re·dux (adj.): brought back; returned. used postpositively
    [latin : re-, re- + dux, leader; see duke.]
    WaSP Accessibility Task Force Member
    splintered.co.uk | photographia.co.uk | redux.deviantart.com

  6. #6
    SitePoint Addict
    Join Date
    Mar 2003
    Location
    New York city
    Posts
    212
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks Redux, it worked great. However, the background color for the cell still doesn't show. Is this not supported in N4.7?

  7. #7
    SitePoint Addict
    Join Date
    Mar 2003
    Location
    New York city
    Posts
    212
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Nevermind. I now seem to be able to get the background color to work in the cells.

  8. #8
    gingham dress, army boots... silver trophy redux's Avatar
    Join Date
    Apr 2002
    Location
    Salford / Manchester / UK
    Posts
    4,838
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    i would also change "background-color:" to simply "background:"

    glad the font thing worked out
    re·dux (adj.): brought back; returned. used postpositively
    [latin : re-, re- + dux, leader; see duke.]
    WaSP Accessibility Task Force Member
    splintered.co.uk | photographia.co.uk | redux.deviantart.com

  9. #9
    ☆★☆★ silver trophy vgarcia's Avatar
    Join Date
    Jan 2002
    Location
    in transition
    Posts
    21,235
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    Code:
    td.sidelinks a
    {
    display: block;
    border: 1px solid black;
    border-color: #006666;
    padding; 2px;
    font-weight: bold; 
    font: Verdana, Arial, Helvetica, sans-serif;
    font-size: .8em;
    margin-top: 0; padding: .6em;
    }
    td.sidelinks {
    background-color: #ff9966; 
    font-weight: bold;
    font: Verdana, Arial, Helvetica, sans-serif;
    font-size: .8em;
    }
    First, NS4 doesn't like "display: block". Second, you have both the shorthand border and the "border-color" declarations set for your first class. Change it to this:
    Code:
    border-style: solid;
    border-width: 1px;
    border-color: #006666;
    And your border should work. Also, change "font" to "font-family" and the fonts should start working.

  10. #10
    SitePoint Addict
    Join Date
    Mar 2003
    Location
    New York city
    Posts
    212
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by vgarcia
    Code:
    td.sidelinks a
    {
    display: block;
    border: 1px solid black;
    border-color: #006666;
    padding; 2px;
    font-weight: bold; 
    font: Verdana, Arial, Helvetica, sans-serif;
    font-size: .8em;
    margin-top: 0; padding: .6em;
    }
    td.sidelinks {
    background-color: #ff9966; 
    font-weight: bold;
    font: Verdana, Arial, Helvetica, sans-serif;
    font-size: .8em;
    }
    First, NS4 doesn't like "display: block". Second, you have both the shorthand border and the "border-color" declarations set for your first class. Change it to this:
    Code:
    border-style: solid;
    border-width: 1px;
    border-color: #006666;
    And your border should work. Also, change "font" to "font-family" and the fonts should start working.
    Hi Vinnie,
    Tried your suggestions on the border, but they still don't seem to work. Perhaps the display:block is messing it up. It would be nice if the borders work to keep it somewhat similar to IE.
    Another small question: I have a one row table accross the page with links in the 5 cells. The Css for the links are:
    A:link{
    color: #006666; text-decoration: none;
    }
    A: visited{
    color: red; text-decoration: none;
    }
    A:hover{
    color:yellow; text-decoration: none; background: #006666;
    }
    A:active{
    color: purple; text-decoration: none;
    }
    I would like the background change in the hover to fill the cell rather than just the center. It seems to work in my sidelinks which used the display: block;.
    Any suggestions?
    Thanks to everyone for their kindness in helping me.


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
  •