15 {{ upvoteCount | shortNum }}
15 {{ upvoteCount | shortNum }}

Why Is This Happening?

by kemdev
13 replies
  • WEB DESIGN
    • |
Hey Warriors,

I've got a new site that keeps popping up with some weird formatting
issues. It seems to just happen out of the blue - last night the site
was fine but when I checked it today (without making ANY changes),
it became all messed up. Here's the site:

www.imformula.com

And just in case it somehow magically fixes itself, here's a screenshot
of what I'm seeing:

#happening
  • Profile picture of the author tjs1954
    Jesse,

    You must have copied and pasted I bet. Paste it in note pad first or a word document and remove formatting then copy and paste to your site, it might work,
    {{ DiscussionBoard.errors[1536907].message }}
  • Profile picture of the author Orlando Web Design
    Your code is messed up, try replacing your code from Lines 48-53 with the code below starting from Line 48

    <div style="text-align: center;"><font style="font-size: 28pt;" size="6"><font color="#c00000"><font face="Impact">"Here
    Are Eight 'Out Of The Box'&nbsp;<br />
    Methods That&nbsp;I Personally Use To Make<br />
    Over $200 Per Day Online..."</font></div>

    You have alot of bloated code on your page, this will cause problems.
    Signature
    Financial Thing: Peer to Peer Lending Reviews
    Poker Tilt : The Dutch Boyd Story
    {{ DiscussionBoard.errors[1536937].message }}
    • Profile picture of the author kemdev
      Originally Posted by Orlando Web Design View Post

      Your code is messed up, try replacing your code from Lines 48-53 with the code below starting from Line 48

      <div style="text-align: center;"><font style="font-size: 28pt;" size="6"><font color="#c00000"><font face="Impact">"Here
      Are Eight 'Out Of The Box'&nbsp;<br />
      Methods That&nbsp;I Personally Use To Make<br />
      Over $200 Per Day Online..."</font></div>
      That seems to do something really weird... but doesn't really fix
      anything.

      Originally Posted by tjs1954 View Post

      Jesse,

      You must have copied and pasted I bet. Paste it in note pad first or a word document and remove formatting then copy and paste to your site, it might work,
      Everytime I try to reformat my page, it just goes right back to the
      way it is right now.

      Any other suggestions?
      {{ DiscussionBoard.errors[1536988].message }}
      • Profile picture of the author Orlando Web Design
        Jesse.

        Did you build this page or was it a template?
        Signature
        Financial Thing: Peer to Peer Lending Reviews
        Poker Tilt : The Dutch Boyd Story
        {{ DiscussionBoard.errors[1536992].message }}
      • Profile picture of the author sridhar
        Told ya.

        See the attached screenshot.
        Signature
        HTML/PSD to WP and WordPress Setup
        {{ DiscussionBoard.errors[1536995].message }}
        • Profile picture of the author kemdev
          Originally Posted by Orlando Web Design View Post

          Jesse.

          Did you build this page or was it a template?
          I had someone from eLance format everything.

          Originally Posted by sridhar View Post

          Told ya.

          See the attached screenshot.
          That may fix the headline, but the rest of the site is pretty messed
          up, too.
          {{ DiscussionBoard.errors[1537044].message }}
  • Profile picture of the author sridhar
    Jesse: You might want to install a trial version of Dreamweaver and improve your HTML in it.

    To fix the big red text, put your cursor at the end of last character in each line while in the design view and hit the return key.
    Signature
    HTML/PSD to WP and WordPress Setup
    {{ DiscussionBoard.errors[1536977].message }}
  • Profile picture of the author sridhar
    In your stylesheet (general.css), you currently have the following:

    Code:
    p {
    margin-bottom: 5px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}
    comment out the bottom margin like so:

    Code:
    p {
    /*margin-bottom: 5px;*/
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}
    Save this css and refresh your homepage.

    This fixes everything, incl. the headlines. So no need to use Dreamweaver.
    Signature
    HTML/PSD to WP and WordPress Setup
    {{ DiscussionBoard.errors[1537059].message }}
    • Profile picture of the author kemdev
      Originally Posted by sridhar View Post

      In your stylesheet (general.css), you currently have the following:

      Code:
      p {
    margin-bottom: 5px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}
      comment out the bottom margin like so:

      Code:
      p {
    /*margin-bottom: 5px;*/
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}
      Save this css and refresh your homepage.

      This fixes everything, incl. the headlines. So no need to use Dreamweaver.
      I did what you said but it didn't fix anything. I uploaded the changed
      CSS, new pages, etc. but nothing changed.
      {{ DiscussionBoard.errors[1537092].message }}
  • Profile picture of the author sridhar
    http://www.imformula.com directs me to
    Code:
    http://www.imformula.com/go/
    where I still see the following in CSS:

    Code:
    p {
    margin-bottom: 5px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}
    Are you sure you changed the right file and uploaded to the right directory?
    Signature
    HTML/PSD to WP and WordPress Setup
    {{ DiscussionBoard.errors[1537100].message }}
  • Profile picture of the author kemdev
    Since rewriting the CSS file didn't seem to do anything, I just created
    another one.

    That seemed to fix the majority of the copy... but the headlines and
    everything else are still pretty whacked up. I'm assuming I just need
    to do the same for the other parts of the CSS?
    {{ DiscussionBoard.errors[1537123].message }}
  • Profile picture of the author sridhar
    Comment out of the following property for body selector in your css:

    Code:
    line-height:16px;
    i.e., change

    Code:
    body {
    background-color: #1b96cf;
    background-image: url(../0_images/background/bg_pattern2.jpg);
    background-repeat: repeat;
    color: #333;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 16px;
    letter-spacing: 0.05em;
    line-height: 16px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    padding: 0;
}
    to

    Code:
    body {
    background-color: #1b96cf;
    background-image: url(../0_images/background/bg_pattern2.jpg);
    background-repeat: repeat;
    color: #333;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 16px;
    letter-spacing: 0.05em;
    /*line-height: 16px;*/
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    padding: 0;
}
    and stop using this freelancer henceforth. That is some horrible HTML coding.
    Signature
    HTML/PSD to WP and WordPress Setup
    {{ DiscussionBoard.errors[1537133].message }}
  • Profile picture of the author kemdev
    Thanks a lot, man. That seemed to fix most of my problems - now I just need
    to go back and do a little touch up. I really appreciate all your help, though.

    ...And believe me, that's the last time I'll ever use that freelancer.
    {{ DiscussionBoard.errors[1537154].message }}

Trending Topics