CSS stopped functioning

Permalink
I had received help with a similar issue earlier and when I first tinkered with it everything came out perfectly. I then tried moving something around and now no matter what I do I can't get the thing to center, resize, and set proper background colors.

The current code is:

<style type="text/css">
body {padding: 0; margin: 0;}
#logo   {
               padding-top: 50px;
position: fixed;
               background-color: #000000;
               width: 100%;
               height: 182;
               z-index:98;
               }
.img    {
display: block;
                width: 952px;
height: 182px; 
                margin-left: auto;
                margin-right: auto;
margin: auto; 
z-index: 100;
background-color: #FFFFFF;
}
</style>
<div id="logo">
<img src="http://bpbuild.concrete5.arvixe.com/files/6313/7156/5959/Logo.png"/>
</div>

and the url ishttp://bmpbuild.com/concrete

Thanks
Jared

 
mhawke replied on at Permalink Reply
mhawke
I haven't gone through all the code but it appear that you have the main.css file loading as it should but it contains javascript. You need to remove the javascript functions at the top of that file in order for it to work. Also, you are also defining some similar CSS in an HTML block. This makes it very difficult to diagnose where the rules are actually coming from. Try removing the code in the HTML block and see if that straightens things up.

UPDATE: Your main.css can only contain css rules. Don't even include the <style> tags. Remove everything above the "body {" part. and remove the </style></head> tags from the bottom.
bpbuild replied on at Permalink Reply
I have made those changes, yet the rules don't seem to be applying properly. I saw it is pulling the right file, but no luck. I moved the rules for the logo to the bottom of the css doc.
mhawke replied on at Permalink Reply
mhawke
I think you're still miles from getting it fixed up so let's simplify things. You still have an HTML block with JavaScript code and CSS code in it. What happens if you remove that block?

Also your main.css now has "Â Â Â Â Â Â Â Â" characters in it. What editor are you using to edit your css files?

I recommend a free program called Notepad++ (http://notepad-plus-plus.org/download/v6.4.2.html... )
bpbuild replied on at Permalink Reply
I am editing through Web Hosting Hub's code editor. After removing the Navbar which was using the CSS and Javascript, an automatic left margin applied for some reason, but the logo remains unchanged
bpbuild replied on at Permalink Reply
I am going to have to try out that Notepad++ because this is the second time that random characters were added to my code and caused me a headache and it is working now that they are removed again. Now for the navbar can I include a javascript only box, now that the css has been moved to the stylesheet?
mhawke replied on at Permalink Reply
mhawke
So let me understand what you are trying to accomplish. It looks like you have Magic Tabs and on each tab you have a Content Slider block? I count 7 Content Sliders and a pair of Magic Tabs. Just my opinion but this will take forever to load. The Content Sliders are each loading 3-6 stacks which means you are loading 40-50 stacks on a single page and each of those stacks is comprised of 2-3 blocks so you are loading 80-150 blocks on each page load. Is this correct?
bpbuild replied on at Permalink Reply
3+ of the content sliders are being eliminated, so it will only be used in 3 or 4 sliders using 1 stack each. This was just a preliminary set-up while exploring what looked best.
JohntheFish replied on at Permalink Reply
JohntheFish
If the slider you are using is ajax loadable, you could ease the congestion a lot by ajax loading the tab content for each tab where you have sliders. It all depends on the slider.