1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

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