- This topic is empty.
-
AuthorPosts
-
September 3, 2012 at 6:27 am #39634edharrison89Member
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!
September 3, 2012 at 6:50 am #109196chrisburtonParticipant@edharrison89 I see one link, where is the other?
September 3, 2012 at 6:58 am #109197edharrison89MemberIts 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!
September 3, 2012 at 6:58 am #109198September 3, 2012 at 7:03 am #109199chrisburtonParticipant@edharrison89 Ah, that’s probably why I couldn’t see it. Will post back soon
September 3, 2012 at 7:09 am #109200chrisburtonParticipant@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
September 3, 2012 at 7:15 am #109201edharrison89MemberThanks 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?
September 3, 2012 at 7:54 am #109202chrisburtonParticipant@edharrison89 The latest update (same as yours). If you put the link back, I can help you out.
September 3, 2012 at 8:08 am #109203edharrison89MemberHmmm 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)
September 3, 2012 at 8:15 am #109204chrisburtonParticipant@edharrison89 That only happens when I change the size of my browser. You would need to target the email div in your media queries.
-
AuthorPosts
- The forum ‘CSS’ is closed to new topics and replies.