www.webdeveloper.com
Results 1 to 7 of 7

Thread: First post Firefox woes !!

  1. #1
    Join Date
    Sep 2007
    Posts
    7

    First post Firefox woes !!

    Hi,
    well i have stumbled through my own html mishaps for a little while now, everything working as it should, anyhow, this time round with my blog i find that my favorite browser has problems with it and i dont know what to do! It is a simple problem to look at - when i hover over a link it should highlight a red block behind it, as it does in safari only it doesnt in firefox, any suggestions?
    I am not sure as to which piece of code is the problem and if there is a workaround,
    if anybody could have a quick look at my source code?
    http://www.gabba.tv/blog.html
    I think it lies around line 362, where i am using the
    }

    .post h3 strong, .post h3 a:hover {
    color:#ffffff;
    }

    action...
    anyhelp would be so useful
    thanks in advance!
    J

  2. #2
    Join Date
    Dec 2005
    Location
    American, living in Toronto, ON. CANADA
    Posts
    6,746
    Instead of:
    .post h3 strong, .post h3 a:hover {
    color:#ffffff;
    }
    I'd try:
    .post h3 , .post h3 a:hover {font-weight:bold; color:#fff;}
    I tried to find a "<strong>" in your HTML, and could not. Therefore, it appears you are using it incorrectly.
    Let me know what this is supposted to 'strong', -what word or phrase are you trying to 'bold' (which means "strong" in CSS)

    HTML:
    <p>This text is <strong>bold type</strong></p>
    CSS:
    <p>This text is <span style="font-weight:bold;">bold type</span><p>
    Last edited by WebJoel; 09-05-2007 at 07:50 PM.

  3. #3
    Join Date
    Sep 2007
    Posts
    7
    thanks Joel
    I will give it a go now,
    i dont know why it works with safari though and not firefox?
    although i know my main problem is in the way i learn.. piecing script together
    from diseperate sources will inevitably cause a system malfunction, i know theres a lot in there thats not supposed to be.. have i targeted the right piece of script though? it is not so much the change of font color when rolled over, more a solid background block which looks so good and works so well in safari... ?
    best
    Jay

  4. #4
    Join Date
    Dec 2005
    Location
    American, living in Toronto, ON. CANADA
    Posts
    6,746
    Well I still can't figure what this is or where it applies to... if you want the background-color to change on-hover,tthat is simple to do.

    .post h3 a:hover {background-color:red;
    color:#ffffff;
    }

    but I cannot find any class="post" or any h3 in your document... so, I am a bit lost too...

  5. #5
    Join Date
    Mar 2006
    Location
    Newcastle NSW Australia
    Posts
    4,033
    In your embedded styles, the highlighted "#" should not be there - it is used to denote a hex number following.
    Code:
    a:hover {
    	text-decoration: none;
    	background-color:#red;
    	color: #FFFFFF;font-size:110%;
    }

  6. #6
    Join Date
    Sep 2007
    Posts
    7
    Centauri you got it working )
    that was all that firefox seemed not to like! I wish i could spring clean all the junk out of my page scripting it would take an expert at that, I will try, and at least this way with your help everything works as it should...
    thanks folks
    J

  7. #7
    Join Date
    Dec 2005
    Location
    American, living in Toronto, ON. CANADA
    Posts
    6,746
    I missed that. It's usually the simple things that are the brain-busters, eh?

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles