Problem in FF

Discussion in 'CSS' started by asim, Jun 1, 2006.

0
  1. #1
    My site is AshleeSimpson.net. Here is my css file and I bolded the part that is not working in FF...

    body, td {font-family: arial; font-size: 8pt; line-height: 10pt}
    .headers {background: #F5F5FF; font-size: 6pt; font-family: tahoma; letter-spacing: 2px; line-height: 10pt; color: #000000; font-weight: bold}

    a:link {color: #B6B8C7; font-weight: bold; text-decoration: none}
    a:visited {color: #B6B8C7; font-weight: bold; text-decoration: none}
    a:hover {color: #CCCCCC; font-weight: bold; text-decoration: none}

    body {
    scrollbar-face-color: #B6B8C7;
    scrollbar-arrow-color: #F5F5FF;
    scrollbar-shadow-color: #B6B8C7;
    scrollbar-darkshadow-color: #F5F5FF;
    scrollbar-highlight-color: #B6B8C7;
    scrollbar-track-color: #F5F5FF;
    scrollbar-3dlight-color: #B6B8C7
    }

    The scrollbar isn't working either but I'm not as concerned about that.
     
    asim, Jun 1, 2006 IP
  2. AdamSee

    AdamSee Well-Known Member

    Messages:
    422
    Likes Received:
    28
    Best Answers:
    0
    Trophy Points:
    135
    #2
    I'm not sure what's wrong at the moment, but you're missing off the semi-colon at the end parameter you set:

    Here's how it should look:

    body, td {font-family: arial; font-size: 8pt; line-height: 10pt;}
    .headers {background: #F5F5FF; font-size: 6pt; font-family: tahoma; letter-spacing: 2px; line-height: 10pt; color: #000000; font-weight: bold;}

    a:link {color: #B6B8C7; font-weight: bold; text-decoration: none;}
    a:visited {color: #B6B8C7; font-weight: bold; text-decoration: none;}
    a:hover {color: #CCCCCC; font-weight: bold; text-decoration: none;}
     
    AdamSee, Jun 1, 2006 IP
  3. asim

    asim Peon

    Messages:
    3
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Thanks but that didn't do anything. :/
     
    asim, Jun 1, 2006 IP
  4. Djohn

    Djohn Peon

    Messages:
    75
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Exactly how is it not working? No text or it just doesn't show right?
     
    Djohn, Jun 12, 2006 IP
  5. PFCritics

    PFCritics Peon

    Messages:
    107
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #5
    The problem has nothing to do with your CSS, it all has to do with your tables, which are reversed. Where you have <td>, it should be <tr>. Where you have <tr>, it should be <td>.

    Example, change this:
    <table width="237">
<td>
<tr class="headers" bgcolor="#F5F5FF"><img src="arrow.gif"> STATS</tr>
    Code (markup):
    to this:

    <table width="237">
<tr>
<td class="headers" bgcolor="#F5F5FF"><img src="arrow.gif"> STATS</td>
    Code (markup):
    You have the same problem with your entire left menu. Remember that you ALWAYS have to have a <tr> before a <td>, and you never should insert text inside of a <tr> unless you have a <td> inside of this.

    Example:
    <tr>TEXT HERE</tr> is wrong...
    <tr><td>Text Here</td></tr> is correct...

    In regards to your scrollbars not working, no scrollbar color changes work in Firefox. The color scrollbar thing is actually a bug in IE, which is why no other browsers support it.
     
    PFCritics, Jun 13, 2006 IP