Grow your CSS skills. Land your dream job.

FOOTER ICONS NOT SETTING LEVEL — ARRRRRR HELP PLEASE! – SOLVED!

  • # December 16, 2012 at 2:43 pm

    @hendrix940 Can you remove the CSS for .copyrights and the images in your footer?

    Edit: Nevermind I can do that.

    # December 16, 2012 at 2:48 pm

    @hendrix940 Here is your code:

    #footer .copyrights {
    color: #066;
    letter-spacing: 1px;
    font: 10px Georgia, “Times New Roman”, Times, serif;
    }

    #footer img {
    float: right;
    margin-left: 10px; /*set whatever margin you want – as long as it’s margin-left. */
    }

    # December 16, 2012 at 2:53 pm

    Thanks Chris, checking that now…

    # December 16, 2012 at 2:56 pm

    Chris I know I did something wrong. I pasted the above code into the .CSS file and this is what it gave me:

    # December 16, 2012 at 2:58 pm

    You have .copyrights as well in your CSS. Remove that whole thing.

    # December 16, 2012 at 2:59 pm

    okay, checking…

    # December 16, 2012 at 3:01 pm

    Bam! Got it! Thanks Chris for the help! We appreciate you going the extra mile man! Kevin, also thank you for the help!

    # December 16, 2012 at 3:10 pm

    @hendrix940 No problem. You might want to play around with the line-height a little to center the images with the text. You will need to set a height in order to do that.

    # December 16, 2012 at 3:16 pm

    and I would ad that by putting “line-height: ___;” on the #footer img … correct?

    # December 16, 2012 at 3:21 pm

    @hendrix940 I have the solution. Just give me a second to rewrite the code

    # December 16, 2012 at 3:23 pm

    yes sir.

    # December 16, 2012 at 3:28 pm

    @hendrix940

    #footer {
    display: block;
    width: 920px;
    height: 25px;
    margin: 0 auto;
    }

    #footer .copyrights {
    color: #066;
    letter-spacing: 1px;
    font: 10px/25px Georgia, “Times New Roman”, Times, serif;
    }

    #footer a {
    text-align: right;
    float: right;
    }

    #footer img {
    display: inline;
    margin-left: 10px;
    vertical-align: middle;
    text-align: right;
    }

    # December 16, 2012 at 3:33 pm

    You’re a master of coding @chrisburton … thank you!! worked great!

    # December 16, 2012 at 3:35 pm

    Glad I could solve it for you.

Viewing 14 posts - 16 through 29 (of 29 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".