Why is my image to the left??

8 replies
  • WEB DESIGN
  • |
Hey guys,

I have a quick question that I can't seem to find a way to center my image... It just goes off to the left.

If you have something I can change in the .css or just a simple fix let me know.

Thanks

David

http://thealmightydollar.net/Membership/1103-2
#image #left
  • Profile picture of the author kip
    In your css:

    #launchinnermain {

    You have a padding-left of 60px, either remove that, or set it to what you would like.
    {{ DiscussionBoard.errors[8513656].message }}
  • Profile picture of the author Nathan K
    Adjust the padding, 60px is too much and set the width of #launchinnermain to 977px. You can also remove the width property from #launchinnermain and it would work fine.

    #launchinnermain {
    margin: 0 auto;
    padding: 0 30px 15px;
    }
    {{ DiscussionBoard.errors[8514159].message }}
    • Profile picture of the author David Burnett
      Hey Guys I have changed it but the post still looks the same... Here is the .css tell me if I missed anything...





      /*
      Theme Name: OptimizePress
      Theme URI:
      Description: OptimizePress is the essential theme for marketers. Create squeeze pages, sales letters and much more with ease.
      Version: 1.57
      Author: OptimizePress & James Dyson

      */
      @charset "UTF-8";

      /* CSS Document */



      body{
      background: #efefef;
      background-repeat:repeat-x;
      margin-left: 0px;
      margin-top: 0px;
      margin-right: 0px;
      margin-bottom: 0px;
      font: 0.75em/160% Helvetica, Arial, Verdana, sans-serif;
      color:#000000;
      background: #2b2b2b;
      font-size: 12px;
      color: #525252;
      padding: 0;
      margin: 0;
      }

      .aclear{clear:both;}
      /*New Share Bar */

      #sharebarnew{width:797px;height:89px;margin:0px auto;padding-top:0px;}

      #sharebarnew2{width:600px;height:89px;margin:0px auto;padding-top:0px;}

      #sharebarnew-left{width:110px;height:89px;background-image:url(images/share/sharebar-left.png);float:left;}

      #sharebarnew-text{width:395px;height:89px;float:left;}

      #sharebarnew-fb{width:72px;height:89px;float:left;}

      #sharebarnew-twitter{width:73px;height:89px;float:left;padding-right:0px;}

      #sharebarnew-right{width:126px;height:89px;float:left;backgroun d-image:url(images/share/sharebar-right.png);}

      #wrapper{width:977px;margin:0px auto;}

      #launchheader{width:977px;height:30px;line-height:0;}

      #launchheaderbottom{width:977px;height:47px;backgr ound-image:url(images/launch4header.png);}

      #headlinesection{padding-bottom:0px;}

      #launchfooter{width:977px;height:51px;background-image:url(images/launch4footer.png);}

      #launchbk{background-image:url(images/launch4bk.png);background-repeat:repeat-y;padding-top:0px;}

      #launchinnertop{padding-left:0px;padding-right:0px;width:850px;margin:0px auto;padding-bottom:0px;}


      #launchinnermain{padding-right:0px;width:800px;margin:0px auto;padding-bottom:0px;padding-left:0px;}

      #launchbk p{margin-top:0px;font-size:15px;line-height:22px;}

      #launchbk h2{margin-top:0px;font-size:1.9em;line-height:1.9em;color:#222222;letter-spacing:-0.04em;font-weight:normal;margin-bottom:5px;}

      #launch1left{width:800px;padding-left:0px;padding-right:0px;float:left;}

      #launchcommentsblock li{list-style:none;font-family:helvetica,arial,sans-serif;font-size:13px;color:#5c5c5c;min-height:130px;border-bottom:0px solid #e4e4e4;padding-bottom:0px;padding-top:0px;}

      #launchcommentsblock li:first-child{border-top:0px solid #e4e4e4;}

      #launchcommentsblock li:last-child{border-bottom:0px;}

      #launchcommentsblock li p{font-family:helvetica,arial,sans-serif;font-size:13px;color:#5c5c5c;line-height:21px;}


      #launchcommentsblock ol{padding-left:0px;margin-left:0px;}

      #launchcommentsblock img{border:3px solid #e4e4e4;}

      .launchcommentspic{float:left;width:110px;height:1 00px;font-size:12px;color:#929292;}

      #launchcommentsblock textarea{width:580px;border:1px solid #c7c7c7;padding:0px;font-size:13px;color:#494949;}

      #launchcommentsblock input{}

      .launchcommentspic a{color:#636363;text-decoration:none;}

      .inputcomments{color:#494949;border:1px solid #c7c7c7;padding:0px;font-size:13px;}

      .commentswidth { width:500px; }

      .commenttitle{float:left;width:500px;}

      #headertext{
      position:relative !important;
      top: 55px !important;
      }

      body
      {
      background: #2b2b2b;
      font-size: 12px;
      color: #525252;
      padding: 0;
      margin: 0;
      }
      {{ DiscussionBoard.errors[8515655].message }}
  • Profile picture of the author curationsoft
    go to the text editor and add <center> and </center> code to your image
    {{ DiscussionBoard.errors[8515669].message }}
  • Profile picture of the author Treeofl1
    The 404 error, right?

    Remove the float, and make your CSS look like this:

    #launch1left {
    width: 525px;
    margin: 0 auto;
    }
    {{ DiscussionBoard.errors[8515790].message }}
  • Profile picture of the author Nathan K
    Remove the width from the following ID or change it to width:977px and add padding-left:30px.

    #launchinnermain{padding-right:0px;width:800px;margin:0px auto;padding-bottom:0px;padding-left:0px;}

    This is how it should look after you edit the file.
    #launchinnermain{padding-right:0px;margin:0px auto;padding-bottom:0px;padding-left:30px;}
    {{ DiscussionBoard.errors[8515811].message }}

Trending Topics