HTML & CSS
Hi all, I am writing up my first site in over 5 years and whilst I've needed to brush off the cobwebs, I have gotten through the simple design fairly quickly. I am having only a single issue in that the image list in the footer with social media links is losing it's left margin in Chrome/Safari.
Matcho Suba - matchosuba.com
Appreciate if anyone can provide some insight in to what is going on please? I didn't need to worry about Chrome or Safari back in the olden days. :lol:
Hi Jordan. Welcome to SitePoint.
Just remove display: inline from here:
<font color='"Red"'>display: inline;</font>
Ahhhh so easy, thanks Ralph!!
You can also just float your list-items left rather than using absolute positioning.
You would need to float your <p id="follow_me_text">Follow Me </p> to the left also
Then remove the neg top margin from copyright.
That will line everything up with floats
That "Follow Me" text could actually be a sibling <li> (without an anchor) and then it would catch the float in the li styles.
Using floats will eliminate all the positioning and trim down your CSS as well.
This topic is now closed. New replies are no longer allowed.