SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Zealot musicman77's Avatar
    Join Date
    Dec 2005
    Location
    New Orleans, Louisiana, USA
    Posts
    154
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Link & text color problem in FF

    I am trying to change the link color on certain links, and the text color on certain words, but it is not working in FF. It works fine in IE. The hover color works in FF, but not the link color.

    a.do:hover {color: #fff;}
    a.do:link {
    color:#ffffcc;
    font-weight:bolder;
    font-size:12px;text-decoration:none;
    }

    HTML
    <a href="" class="do">&nbsp; Contact |</a>

    ========================
    .orbig {color:#cc6600;font-size:18px;font-weight:900;}

    HTML
    <div class="stext">We offer competitive prices, and good service. We <u>guarantee</u> your satisfaction. We are not done until you are satisfied</div>
    <br><a href="">Our Prices</a></div>
    <a href="">Our Prices</a>
    <div class="space"><img src="http://www.fotosearch.com/thumb/ART/ART292/BTE046.jpg" class="float" width="45" height="45" /><div class="orbig">Search<font color="#0153a0">Engines</div>
    <div class="stext">With one of our <a href="">SEO Packages</a> your site's page ranking will improve on all major search enginesGet one of our SEO packages for your site.
    a href="">SEO Packages</a>
    <div class="space"><img src="http://images.google.com/images?q=tb...reeform/01.jpg" class="float" width="45" height="45" /><div class="orbig">FreE<font color="#0153a0"> Estimate</div>
    <div class="stext">Get a <a href="">free estimate</a> for your site'sdesign today!
    <a href="">Free Estimate</a>

  2. #2
    SitePoint Enthusiast
    Join Date
    Nov 2005
    Posts
    40
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hi
    Firefox does not like null links try this, just for a test:
    Code:
    <a href="test.htm" class="do">&nbsp; Contact |</a>

  3. #3
    SitePoint Zealot musicman77's Avatar
    Join Date
    Dec 2005
    Location
    New Orleans, Louisiana, USA
    Posts
    154
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks for that. Th link color now works. But what about this?:

    orbig {color:#cc6600;font-size:18px;font-weight:900;}

    HTML
    <div class="stext">We offer competitive prices, and good service. We <u>guarantee</u> your satisfaction. We are not done until you are satisfied</div>
    <br><a href="">Our Prices</a></div>
    <a href="">Our Prices</a>
    <div class="space"><img src="http://www.fotosearch.com/thumb/ART/ART292/BTE046.jpg" class="float" width="45" height="45" /><div class="orbig">Search<font color="#0153a0">Engines</div>
    <div class="stext">With one of our <a href="">SEO Packages</a> your site's page ranking will improve on all major search enginesGet one of our SEO packages for your site.
    a href="">SEO Packages</a>
    <div class="space"><img src="http://images.google.com/images?q=t...freeform/01.jpg" class="float" width="45" height="45" /><div class="orbig">FreE<font color="#0153a0"> Estimate</div>
    <div class="stext">Get a <a href="">free estimate</a> for your site'sdesign today!
    <a href="">Free Estimate</a>

  4. #4
    SitePoint Enthusiast
    Join Date
    Nov 2005
    Posts
    40
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I guess "orbig" is a class as it was in your earlier post, 'cos it is not clear from this one.

    I am assuming "Search" and "FreE", ""Engines" and "Estimate" are meant to have different font colours. Not tested, but what happens if you do this?
    Code:
    <div class="orbig">Search<span font color="#0153a0">Engines</span></div>
    and
    <div class="orbig">FreE<span font-color="#0153a0"> Estimate</span></div>
    If I am barking up entirely the wrong tree, please explain what is actually not in accordance with your intentions - it would help others to help you.

    Cheers.
    Last edited by Sextant; Feb 26, 2006 at 12:12.

  5. #5
    SitePoint Zealot musicman77's Avatar
    Join Date
    Dec 2005
    Location
    New Orleans, Louisiana, USA
    Posts
    154
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I have made a new class, bbig(big blue text), and have applied it like so:

    HTML Code:
    <div class="orbig">Our <div class="bbig">Prices</div></div>
    <div class="orbig">Search </div><div class="bbig">Engines</div>
    <div class="orbig">Free</div> <div class="bbig">Estimate</div>
    <div class="orbig">Our</div> <div class="bbig">Portfolio</div>
    And it now works in except for the last part, "Our Portfolio." I can't seem to figure out why. I've tried just about everything, (applied font color="">Our Portfolio,) etc, and nothing seems to work.


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
  •