Results 1 to 4 of 4

Thread: Footer Issues

  1. #1
    Junior Member
    Join Date
    Apr 2011
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Footer Issues

    Hey folks

    i have been working through a site for a client recently for my college course and i am trying to do a footer.
    from what iv been doing is using an un ordered list to accomplish this, but the links turn to blue text and iv tried going into the css and that to change this but it still stays blue, can someone help me ?

    iv attached a image of it, also you can add comments about the design :D its my 4th attempt at a website so im chuffed haha.

    Thanks

    Adam
    Attached Images Attached Images

  2. #2
    Moderator Corrosive's Avatar
    Join Date
    May 2010
    Location
    Bristol, UK
    Posts
    980
    Thanks
    18
    Thanked 27 Times in 20 Posts
    You can target link styles in specific divs/tags using compound CSS styles. For example, say your footer has the CSS ID of #footer. You can target all anchor (link tags) in the footer by using a style like;

    Code:
    #footer a {styles here}
    You can take this further still by targeting the link pseudo classes in the footer as well;

    Code:
    #footer a:link {styles here}
    #footer a:visited {styles here}
    #footer a:hover {styles here}
    #footer a:active {styles here}
    This will target the link styles in the #footer only.

    NB: the pseudo classes MUST run in that order; link, visited, hover, active or they won't have the desired affect.

    You can also style a:focus but don't wipe it out all together for the sake of vanity. Remember that not everyone uses a mouse to surf a website so focus is the guide when tabbing through links using a keyboard.

    Here is a better description of it all from W3 Schools; CSS Pseudo-classes

    Enjoy

  3. #3
    Junior Member
    Join Date
    Apr 2011
    Posts
    25
    Thanks
    0
    Thanked 0 Times in 0 Posts
    If it still doesn't work after applying the css described by Corrosive, then there's a change the css might be getting overwritten. Install firebug (firefox extension) to see where the css for the link is coming from.

  4. #4
    Junior Member
    Join Date
    Apr 2011
    Location
    Sheffield
    Posts
    15
    Thanks
    0
    Thanked 1 Time in 1 Post
    Do you have this loaded online, if you can PM a link Ill scan over the HTML/CSS for you and give you the CSS / HTML you need to add in the correct place.
    2J Design - Ecommerce Web Design | Graphic Design | Logo Design
    Visit our new improved website: www.2jdesign.co.uk

Similar Threads

  1. Fontbook Issues
    By bigdave in forum Apple Forum:
    Replies: 8
    Last Post: 07-14-2011, 12:08 PM
  2. How Do People Get Around Copyright Issues
    By marky9378 in forum Printing & Print Design Forum:
    Replies: 5
    Last Post: 05-22-2011, 09:05 PM
  3. Confidence Issues
    By DanielMartin in forum Graphic Design Forum:
    Replies: 11
    Last Post: 12-09-2010, 05:33 PM
  4. Font Copyright Issues
    By dekock in forum Font Forum:
    Replies: 0
    Last Post: 03-17-2010, 08:26 PM
  5. Bleed Issues
    By LovesPrint in forum Printing & Print Design Forum:
    Replies: 3
    Last Post: 11-13-2008, 03:45 PM

Posting Permissions

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