- This topic is empty.
-
AuthorPosts
-
December 16, 2012 at 1:56 pm #41378hendrix940Participant
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 #117667chrisburtonParticipantWouldn’t this look better? http://cloud.chrisburton.me/LcxS
December 16, 2012 at 2:14 pm #117668hendrix940ParticipantThanks 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 #117669hendrix940ParticipantKevin, 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 #117671hendrix940Participantokay, great. I’ll try that.
December 16, 2012 at 2:22 pm #117672hendrix940ParticipantPerfect, 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 #117673hendrix940ParticipantLet 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 #117675chrisburtonParticipant@hendrix940 If you remove your entire `.copyrights` css, I’ll code it up for you.
Your markup should look like this:
December 16, 2012 at 2:34 pm #117676hendrix940ParticipantRight 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 #117677hendrix940ParticipantChris, 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 #117680chrisburtonParticipantThere’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 #117682hendrix940ParticipantI have the mark up as you highlighted above Chris.
December 16, 2012 at 2:43 pm #117683chrisburtonParticipant@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 #117684chrisburtonParticipant@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 #117685hendrix940ParticipantThanks Chris, checking that now…
-
AuthorPosts
- The forum ‘CSS’ is closed to new topics and replies.