Search the Community
Showing results for tags 'Removing Padding Space in Foo'.
-
Hi Guys, I have a footer with a short line of text followed by a line of social icons, followed by another short line of text. I have too much spacing between the first line of text and the social icons. Could you please help me remove that space. Below is the css and html code. Any help will be highly appreciated. <div id="footer"> <p style="margin-left: 285px";>Follow Edutekk</p> <div id="social-media"> <ul> <li><a href="http://www.facebook.com/edutekk"><img src="images/facebook2.png"/></a></li> <li><a href="http://www.twitter.com/edutekk"><img src="images/twitter2.png"/></a></li> <li><a href="http://www.rss.com/edutekk"><img src="images/rss2.png"/></a></li> <li><a href="http://www.yelp.com/edutekk"><img src="images/yelp2.png"/></a></li> <li><a href="http://www.linkedin.com/edutekk"><img src="images/linkedin2.png"/></a></li> <li><a href="http://www.youtube.com/edutekk"><img src="images/youtube2.png"/></a></li> </ul> </div> <div id="copyright"> <p>©Copyright 2014</p> </div> </div> #social-media li {float: left; } #social-media ul {list-style-type: none; margin-left: 200px; padding-bottom: 5px; } #social-media a {margin: 0 15px 0 15px; } #social-media ul li {padding-top: 0px;} #copyright {padding-bottom: 20px; clear:both; margin-left: 400px; } #footer {clear:both; padding: 0; border-top: 1px #C3C3C3 solid; height: 150px;}
-
Hi Everyone, I have a footer with a short line of text on the first line, a line of social network icons on the second line, and a short line of text on the third line. I have too much space between my first line and social icons. This footer div is within a wrapper. Could someone please help me to get rid of some of the space between the first line text and the social network icon? Below is the CSS and HTML code for the wrapper and the footer: I would highly appreciate your help. Html <div id="footer"> <p style="margin-left: 285px";>Follow Me</p> <div id="social-media"> <ul> <li><a href="http://www.facebook.com/#"><img src="images/facebook2.png"/></a></li> <li><a href="http://www.twitter.com/#"><img src="images/twitter2.png"/></a></li> <li><a href="http://www.rss.com/#"><img src="images/rss2.png"/></a></li> <li><a href="http://www.yelp.com/#"><img src="images/yelp2.png"/></a></li> <li><a href="http://www.linkedin.com/#"><img src="images/linkedin2.png"/></a></li> <li><a href="http://www.youtube.com/#"><img src="images/youtube2.png"/></a></li> </ul> </div> <div id="copyright"> <p>©Copyright 2014</p> </div> </div> CSS code #social-media li {float: left; } #social-media ul {list-style-type: none; margin-left: 200px; padding-bottom: 5px; } #social-media a {margin: 0 15px 0 15px; } #social-media ul li {padding-top: 0px;} #copyright {padding-bottom: 20px; clear:both; margin-left: 400px; } #footer {clear:both; padding: 0; border-top: 1px #C3C3C3 solid; height: 150px;}