3 {{ upvoteCount | shortNum }}
3 {{ upvoteCount | shortNum }}

CSS Merging Nightmare!

by alcymart
2 replies
  • WEB DESIGN
    • |
I want to merge CSS code in my page at Free Earn Income At Home Course-Make Extra Income Free Course-Make Extra Income Course-How To Make Extra Income Course within my external CSS file here http://www.earn-income-at-home.info/css/mystyles.css but when I added it, my page became badly messed up.

What do I need to cut out and where do I paste it without messing things up?

Any help would be greatly appreciated...

Thank you,

Bernard
#css #merging #nightmare
  • Profile picture of the author ginak59
    Your link code looks ok, you should check to see if there are redundent elements in the internal and external style sheets. Put them all in a code editor or text file and look to see if you have duplicates.

    For instance I notice that you have this in your linked stylesheet and internal. Delete the internal CSS elements and copy them to a text file. Next add elements from this text file to your external CSS stylesheet that are not redundant.

    .myForm td, input, select, textarea, checkbox {
    font-family: georgia, tahoma;
    font-size: 14px;
    }
    {{ DiscussionBoard.errors[3852585].message }}
    • Profile picture of the author jamesg3
      You also need to be sure hat both sites are using the same styling for everything. You may have different calls to certain things in your styles that do not match up. Your html has tags that cause the style to be pulled from the css sheet. If they do not match then your pretty much rewriting them to match. Here is an example of what I mean.

      Site one div item - ps im typing thisd at light speed, I know the syntax is screwed but its just for examples.

      Code:
      .sidebarimg
{ background: url("/images/mypicture";
padding-left: 10px;
padding-top: 10 px;
}
      Then in yiour other site you might have this

      Code:
      .mybarimg
{ background: url("/images/yourpicture";
padding-left: 20px;
padding-top: 20 px;
}
      look at all he differences in that code. On the sites they belong to they workl. When you mix them, they have to be changed to match your new site unless by some freak of nature that one site is an exact replication of the other site. By that I mean did you copy and paste all of the exact code from one to the other or did you build them separately at 2 different times. Also be aware that your image backgrounds or design elements may have different names, like image1.jpg but on the other site may be image1.gif. You have to look at all that stuff. The css is made for that site alone generally, moving it into another site is very tricky unless you built them both side by side, using the exact sames images, all uploaded to the very same directories and every design element is the same as the other and in the exact same places. Otherwise its toast.

      Also be aware of what you html is calling from the css. In one site you may have the background called up like this
      [CODE]<img src="/images/background.png"> or like this <div id="bg"></div>[CODE]

      On the other site the html may be asking for it like this
      [CODE]<img src="/images/bg.png"> or like this <div id="background"></div>[CODE]

      See the differences? This is why we do not just copy code from one place to another in existing sites to try to make one look like the other. You need to rewrite some things I am pretty sure.
      Signature
      Serious Wordpress sites, html/css sites and flash sites Cheap. I provide killer SEO, easy to use e-commerce solutions and payment gateways. Check me out at Serious Website Design.
      Need Hosting with serious speed and power? 3.99 a month. Take a look here. Serious Website Hosting.
      {{ DiscussionBoard.errors[3852998].message }}

Trending Topics