Aligning footer elements – columns?
-
Hello!
The site I am working on is:
dreaminspireddesign.com/I am currently hoping to create a footer with three “columns”
(all elements are in the site generator area of the footer)
(I would like all three columns to be centered, just not all one line, as they are right now..)Column A:
Call or Email..
info@…
562…Column B:
ImageColumn C:
Designed by…
© 2013…
Proudly powered…Any help? I’m fairly new with code, so the more explicit the changes you recommend, the better.
Thanks in advance.
-
Start with the CSS errors in your child style.css file:
Thanks WPYogi!
I’ve corrected all the errors in the child style.css file.Now what should I do to get my footer how I want it?
Use “float: left;” on all three columns, adjust the widths so they fit the page, remove the
<center>tag from the HTML – it’s deprecated and unnecessary.See where that gets you.
beautiful! That helps. Now they are lined up like I want them but still not all centered…
I didn’t adjust the widths, because column 1 + 3 have text that I want divided into 3 lines and I was only able to do that by limiting the column width.
Do you have a suggestion for a better solution to this?
Also: THANK YOU THANK YOU THANK YOU!
P.S.: Is there a really great site/video series for CSS newbies?Using
<br />break tags in the HTML is one way to do that, or put each line in new paragraph tags.Google will find you lots of CSS resources, but this site is always good for reference:
MAGIC!!!
Excellent advice, thanks again!
The topic ‘Aligning footer elements – columns?’ is closed to new replies.