Forums

  • # December 16, 2012 at 1:56 pm

    Guys, I can’t for the life of me figure out how to get my social media icons to set level with my footer text.

    You can see the icons are setting a few pixels above the bottom line of the footer text. I’ve tried using FireBug to figure it out, but I just can’t!

    This is driving me crazy and I appreciate ANY help!! THANK YOU!!

    # December 16, 2012 at 2:10 pm

    Wouldn’t this look better? http://cloud.chrisburton.me/LcxS

    # December 16, 2012 at 2:14 pm

    Thanks Kevin! Chris, that does look pretty good man. I”ll check the code for that as well! Thanks guys!

    # December 16, 2012 at 2:17 pm

    Kevin, I’m still a novice with CSS… do I have to create a new class called footer, or is having a div called footer enough?

    # December 16, 2012 at 2:20 pm

    okay, great. I’ll try that.

    # December 16, 2012 at 2:22 pm

    Perfect, I got it Kevin, thanks!! Chris, if I did want to implement your suggest… How would I set that up? Do a float left on the text and then a float right on the icons?

    # December 16, 2012 at 2:23 pm

    Let me get ya’lls opinion .. does it seem like the icons as I have them are for Simeon (the webbuilder) or for Hayley (the actual person who’s site it is) … thanks!

    # December 16, 2012 at 2:29 pm

    @hendrix940 If you remove your entire `.copyrights` css, I’ll code it up for you.

    Your markup should look like this:

    Your text here


    # December 16, 2012 at 2:34 pm

    Right on men! Thank you very much for all the help and feedback!! Yes, the icons at the bottom are for Hayley. Chris, I’ll try that sir, thank you!

    # December 16, 2012 at 2:36 pm

    Chris, yes please, I would like for your help on the layout of the footer. I have my markup as you have quoted above.

    # December 16, 2012 at 2:39 pm

    There’s no reason to wrap it with the images. Plus, this gives me/you more control over the icons.

    # December 16, 2012 at 2:42 pm

    I have the mark up as you highlighted above Chris.

    # 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…

Viewing 15 posts - 1 through 15 (of 26 total)

You must be logged in to reply to this topic.

icon-anchoricon-closeicon-emailicon-linkicon-logo-staricon-menuicon-nav-guideicon-searchicon-staricon-tag