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.

style="color: #ffffff;" NOT working in mozilla

Discussion in 'HTML & Website Design' started by roseau, Apr 24, 2007.

  1. #1
    Hi there

    I can't find the answer to this in mozilla forefox docs so I am sure someone has seen this before

    I have two colors of links on the same page - the menu links are white and the links within the page are blue.

    The blue are in the source code at the top of the page then the white one use the

    style="color: #ffffff;" in the ref tag

    The colors work fine in IE but in FF, they are all blue - the style tag doesn;t seem to work

    How do I do it so both browsers recognize the colors

    thx very much for the help
     
    roseau, Apr 24, 2007 IP
  2. ottodo

    ottodo Guest

    Messages:
    2,055
    Likes Received:
    70
    Best Answers:
    0
    Trophy Points:
    0
    #2
    try to clear the temp files, might be of the temp files :)
     
    ottodo, Apr 24, 2007 IP
  3. rgchris

    rgchris Peon

    Messages:
    187
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #3
    I just tested this in both FF and IE and it worked fine for me...

    <a href = "#" style = "color: blue;">Blue Link</a>
    <a href = "#" style = "color: white;">White Link</a>
    Code (markup):
     
    rgchris, Apr 24, 2007 IP
  4. roseau

    roseau Peon

    Messages:
    266
    Likes Received:
    9
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Okay since you both agreed the code was okay, I figured something else must have happened and I see what it is now but don't know how to fix it.

    I wanted to get rid of the underline in the hyperlink so I added another style tag and it seems when I have both, it negates the color.

    This is how I did it. Instead of the link being white, it grabs the blue from the other code. I am obviously writing this code wrong. What would be correct.

    Thx again for the quick help guys.

     
    roseau, Apr 24, 2007 IP
  5. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #5
    Use only one style attribute.
    
    <a href="index.shtml" style="text-decoration:none; color: #ffffff;" title="xyz info">
    Code (markup):
    Better yet, get the styles out of the elements and into a stylesheet, where they belong.

    cheers,

    gary
     
    kk5st, Apr 24, 2007 IP
  6. I-Got-IT!

    I-Got-IT! Peon

    Messages:
    92
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #6
    Yes, very much agreed with kk5st, make a stylesheet. It'd be much more organized and easier to edit.
     
    I-Got-IT!, Apr 24, 2007 IP
  7. cascadingstylez

    cascadingstylez Guest

    Messages:
    28
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #7
    style.css
    index.html
    Create a folder for your test site, create index.html and copy that code, then create style.css and copy the style information i posted above. If you want to have the links display horizontal, use:

     
    cascadingstylez, Apr 25, 2007 IP
  8. cascadingstylez

    cascadingstylez Guest

    Messages:
    28
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #8
    Remember, if you are placing multiple links in a list, you should use the correct HTML Mark-Up and place them in <ul><li><a></a></li><li><a></a></li></ul>
     
    cascadingstylez, Apr 25, 2007 IP
  9. roseau

    roseau Peon

    Messages:
    266
    Likes Received:
    9
    Best Answers:
    0
    Trophy Points:
    0
    #9
    OH wow - thank you so much cascadingstylez - this is great - I have used your code and I am good to go now.

    Plus I learned a lot from this post. I am going to be using this way from now on.
     
    roseau, Apr 25, 2007 IP