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
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
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.
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... )
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... )
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
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?
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?
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.
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.
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.