Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 4 of 4
  1. #1
    Senior Member
    Join Date
    Feb 2011
    Location
    England
    Posts
    103
    Member #
    26718
    Liked
    3 times
    Hi, I'm working on a site for a friend. I've tested in Chrome and all is okay. However, in FF and IE the hyperlinked image has a border round it and some link text remains steadfastly blue for it's visited state!
    This is the link:http://www.17minutes.f2s.com/Music.html

    Here's my CSS:
    Code:
    #page-detail    {
        font-family: Impact;
        text-align: center;
        width:800px;
        letter-spacing: 4px;
        font-size:125%;
        border-bottom: solid #282828 4px;
                    }
    #childlike        {
        margin-top:5px;
                    }
    #return    {
        font-size: 150%;
        font-style:italic;
        font-family: arial;
        position:relative; left:20px; top:260px;
                }
    a:visited    {
        color: #FFFFFF;
                }
    a:hover        {
        color: #FFFFFF;
        font-style:normal;
                }
    a {text-decoration:none;}
    any thoughts please? have I not included the "idiots" code ;-)

  2.  

  3. #2
    WDF Staff AlphaMare's Avatar
    Join Date
    Oct 2009
    Location
    Montreal, Canada
    Posts
    4,570
    Member #
    20277
    Liked
    878 times
    [COLOR=rgb(0, 0, 0)]I would like to see you put your CSS in a separate file, rather than in the page itself, and use a reset at the beginning to allow your CSS to over write that of the browser.[/COLOR]

    As for the links - you're talking about pseudo classes - for white links you'd want:

    [COLOR=rgb(20, 20, 20)]a:link {color:#FFFFFF;} unvisited link
    a:visited {color:#FFFFFF;} visited link
    a:hover {color:#FFFFFF;} mouse over link
    a:active {color:#FFFFFF;} selected link[/COLOR]


    [COLOR=rgb(20, 20, 20)][COLOR=rgb(0, 0, 0)] a:hover MUST come after a:link and a:visited in the CSS definition in order to be effective
    a:active MUST come after a:hover in the CSS definition in order to be effective
    Pseudo-class names are not case-sensitive.

    I also checked your code in FF and IE.
    In FF (using Firebug) it refers to a stylesheet called PreferenceStyleSheet which is Firefox specific - the reset should take care of that.
    In IE (using the Developer Toolbar, there is code for a blue border and other stuff - this is specific to IE and again, the reset should fix it.
    [/COLOR][/COLOR]
    Lol999 likes this.
    Good design should never say "Look at me!"
    It should say "Look at this." ~ David Craib


    http://digitalinsite.ca ~ my current site . . info@digitalinsite.ca ~ my email

    If you feel that someone's post helped you fix your problem, answered your question, or just made you feel better, feel free to "Like" their post. The "Like" link is at the bottom right of each post, along side the "reply" link. And if you are being helped here, try to help someone else - pass it on!

  4. #3
    Senior Member
    Join Date
    Feb 2011
    Location
    England
    Posts
    103
    Member #
    26718
    Liked
    3 times
    Thankyou Mare for the help. The order of things I either missed out on or the resources I read didn't spell that bit out. I'm going to use a separate sheet I just kept it in the document whilst I took my first tentative steps in CSS. Time to progress a bit further.

  5. #4
    Senior Member
    Join Date
    Feb 2011
    Location
    England
    Posts
    103
    Member #
    26718
    Liked
    3 times
    got separate css file going on now. still learning ;-)
    AlphaMare and TheGAME1264 like this.


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 11:38 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com