Jump to content

Search the Community

Showing results for tags 'Removing Padding Space in Foo'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • W3Schools
    • General
    • Suggestions
    • Critiques
  • HTML Forums
    • HTML/XHTML
    • CSS
  • Browser Scripting
    • JavaScript
    • VBScript
  • Server Scripting
    • Web Servers
    • Version Control
    • SQL
    • ASP
    • PHP
    • .NET
    • ColdFusion
    • Java/JSP/J2EE
    • CGI
  • XML Forums
    • XML
    • XSLT/XSL-FO
    • Schema
    • Web Services
  • Multimedia
    • Multimedia
    • FLASH

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


AIM


MSN


Website URL


ICQ


Yahoo


Jabber


Skype


Location


Interests


Languages

Found 2 results

  1. 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;}
  2. 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;}
×
×
  • Create New...