Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Trying to position elements inside footer

  • This topic is empty.
Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #39634
    edharrison89
    Member

    I am having trouble positioning 2 separate links inside my footer. I am trying to display them inline with the first positioned on the left of the page and the second on the right of the page. I have tried floating the second link right but it doesn’t seem to work.

    Can anyone point me in the right direction of how to get this working? Here is a link to my site http://v3.edharrisondesign.com/about/

    footer {
    width: 100%;
    background-color: #444444;
    }

    .info {
    display: inline-block;
    color: #dfddd2;
    padding-top: 35px;
    padding-bottom: 55px;
    text-indent: 35px;
    }

    .email {
    float: right;
    display: inline-block;
    color: #dfddd2;
    padding-top: 35px;
    padding-bottom: 55px;
    margin-right: 35px;
    }

    Many thanks in advance!

    #109196
    chrisburton
    Participant

    @edharrison89 I see one link, where is the other?

    #109197
    edharrison89
    Member

    Its supposed to be inline with the first link but on the right of the page. At the moment I think it is below the footer. Its displaying fine in Safari and Firefox, but not in Chrome (Version 21.0.1180.89). Im so confused!

    #109198
    edharrison89
    Member
    #109199
    chrisburton
    Participant

    @edharrison89 Ah, that’s probably why I couldn’t see it. Will post back soon

    #109200
    chrisburton
    Participant

    @edharrison89 All right. So I check your source code and still only see one link.

    This is how it looks on my end in Chrome: http://i46.tinypic.com/lhczl.png

    #109201
    edharrison89
    Member

    Thanks for the quick reply.

    Ah sorry I forgot that I removed the link on the text on the left.

    Thats actually how I want it to look, I have no idea why it doesn’t look like that on my end. What version of Chrome are you using?

    #109202
    chrisburton
    Participant

    @edharrison89 The latest update (same as yours). If you put the link back, I can help you out.

    #109203
    edharrison89
    Member

    Hmmm strange. What happens when you refresh the page? It seems to be breaking my end (resulting in it looking like this http://i1248.photobucket.com/albums/hh499/EdHarrison89/778f1566.png)

    #109204
    chrisburton
    Participant

    @edharrison89 That only happens when I change the size of my browser. You would need to target the email div in your media queries.

Viewing 10 posts - 1 through 10 (of 10 total)
  • The forum ‘CSS’ is closed to new topics and replies.