1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

HTML/CSS footer problem

Discussion in 'HTML & JavaScript' started by BlueNebula, Jan 18, 2012.

  1. BlueNebula

    BlueNebula Junior Member

    Joined:
    Nov 25, 2009
    Messages:
    100
    Likes Received:
    59
    Occupation:
    Experienced Marketer and Team Leader
    Location:
    Andromeda Galaxy
    So ive got these footer links and they are blue. Unfortunately so is my footer background... any way to fix this?
     
  2. dra$tic

    dra$tic BANNED BANNED

    Joined:
    Dec 20, 2010
    Messages:
    393
    Likes Received:
    108
    LOL Seriously? Either change your background color or your link color. :FACEPALM:
     
    • Thanks Thanks x 2
  3. BlueNebula

    BlueNebula Junior Member

    Joined:
    Nov 25, 2009
    Messages:
    100
    Likes Received:
    59
    Occupation:
    Experienced Marketer and Team Leader
    Location:
    Andromeda Galaxy
    After face-palming your mom I still got no results. Of course I already tried this do you think im some sort of an idiot??

    Actual help from some one whose not an ignorant bastard would be much appreciated.

    cheers
     
    Last edited: Jan 18, 2012
  4. chad362wiley

    chad362wiley Supreme Member

    Joined:
    Dec 8, 2011
    Messages:
    1,341
    Likes Received:
    782
    Occupation:
    n/a
    Location:
    Behind you
    Home Page:
    Find your link div in your CSS doc. and change the color. Why wouldn't that work? If you wanna send me your CSS I'll do it for you.
     
    • Thanks Thanks x 1
  5. BlueNebula

    BlueNebula Junior Member

    Joined:
    Nov 25, 2009
    Messages:
    100
    Likes Received:
    59
    Occupation:
    Experienced Marketer and Team Leader
    Location:
    Andromeda Galaxy
    Ill give it a quick look and if I can't fix it ill pm you the css. Thanks for being kind!
     
    • Thanks Thanks x 1
  6. chad362wiley

    chad362wiley Supreme Member

    Joined:
    Dec 8, 2011
    Messages:
    1,341
    Likes Received:
    782
    Occupation:
    n/a
    Location:
    Behind you
    Home Page:
    No problem!
     
  7. Abh_Empire

    Abh_Empire Regular Member

    Joined:
    Sep 21, 2010
    Messages:
    220
    Likes Received:
    46
    Location:
    Romania
    If your div is called #links then to color those links you'd have to use something like
    Code:
    #links a {
    color:#fff;
    }
    But it depends on how those links are structured, can't say for sure untill i see the code.
     
  8. phpmaster80

    phpmaster80 Newbie

    Joined:
    Jan 22, 2012
    Messages:
    2
    Likes Received:
    0
    You can change the colors of your link for hover links and visited links individually.
     
  9. Bazinga

    Bazinga Newbie

    Joined:
    Apr 24, 2010
    Messages:
    16
    Likes Received:
    3
    Occupation:
    Bazinga People
    Location:
    6 Feet Under
    #your-footer-div a, #your-footer-div a:link
    {
    #color-code
    }

    if u use class for ur footer, just replace # with .
     
  10. sharad

    sharad Junior Member

    Joined:
    Dec 8, 2010
    Messages:
    123
    Likes Received:
    0
    Occupation:
    php devloper with wordpress,joomla
    u can change the background-color
     
  11. olystyle

    olystyle Regular Member

    Joined:
    Jan 6, 2012
    Messages:
    238
    Likes Received:
    103
    If you did not succeed to solve your problem just shoot me a PM (or let me know your skype ID) and I will help you out :)

    Cheers olystyle
     
  12. Vinzen

    Vinzen Newbie

    Joined:
    Apr 1, 2012
    Messages:
    43
    Likes Received:
    22
    When you add color to a hyperlink, it will change back to the orginal blue hyperlink color after your clicked on it.
    If you want the color to stay permanent, you need to use CSS.

    Put this in your <header>;
    Code:
    <style type="text/css">
    <!--
    .style1 {color: #000000}
    -->
    </style>
    Now add this to your hyperlink
    Code:
    class="style1"
    You should end up with this;

    Code:
    <a href="bhw.html" class="style1">More money!</a>

    -------------

    Dont forget to add rep
     
    Last edited: Apr 3, 2012
  13. ugjunk

    ugjunk Jr. VIP Jr. VIP Premium Member

    Joined:
    Jan 1, 2011
    Messages:
    2,340
    Likes Received:
    721
    Location:
    Los Angeles
    Home Page:
    Can you post the URL of your website because it's impossible to see the problem unless you post the URL.
     
    • Thanks Thanks x 1
  14. Vinzen

    Vinzen Newbie

    Joined:
    Apr 1, 2012
    Messages:
    43
    Likes Received:
    22
    Ugjunk, its a well known problem with HTML. See my post above you.
     
  15. sbchen

    sbchen Newbie

    Joined:
    May 3, 2012
    Messages:
    16
    Likes Received:
    0
    try to change color on the link itself

    Code:
    <a style="color: red">
    
    Good luck..
     
  16. ndks~

    ndks~ Newbie

    Joined:
    Jan 10, 2012
    Messages:
    26
    Likes Received:
    3
    Location:
    SYD, Australia
    This wouldn't work as changing the color on the element wouldn't change the color for all of the pseudo classes (a:visited, a:hover, a:active) etc.

    Remember when using CSS on anchors you have to be specific to the anchor. If the link is inside of a container and you specify the text color of the container to be white, the links inside the container would stay the default color - so you would specify the container and then the anchor element like:
    Code:
    .footer a {
    color: #FFF;
    }
    
     
  17. labsdesigns

    labsdesigns Newbie

    Joined:
    Jun 7, 2012
    Messages:
    11
    Likes Received:
    2
    use inline css like this
    <a href="#" style="color:white">link</a>
    you can change white with hexa code also
     
  18. SYAWEDIS

    SYAWEDIS Jr. VIP Jr. VIP

    Joined:
    Mar 7, 2012
    Messages:
    320
    Likes Received:
    21
    Location:
    Somewhere
    Home Page:
    if you're changing the color of a link you will probably want to change the a:visited property as well.

    #links a:visted {
    color: #whatever
    }
     
  19. TheGodWings

    TheGodWings Newbie

    Joined:
    Jun 27, 2012
    Messages:
    16
    Likes Received:
    17
    Location:
    India
    Home Page:
    a:hover
    a:active
    a:visited
    a:focus

    some of them might help you. Although it is not easy to fix problem without knowing the issue, you can try firebug which works on chrome/firefox to fix css. You can check your style rules for which line is effecting the color. Please google for firebug and try to fix with it if you can't provide any link to your site.
     
  20. WPRipper

    WPRipper Supreme Member

    Joined:
    Mar 24, 2010
    Messages:
    1,377
    Likes Received:
    1,493
    Location:
    Proudly romanian
    Damn, read some css tuts first before making this kind of threads.