Change on home page

HTML & CSS
1

Hope you can help

I chaged some code in my scroller.php

Then the home page has now moved totally to the left and I’m not sure why or what to do to get it back

my site is

Quality Web Design, Web Design Packages

2

hi, I put those margins in but it’s not budged

3

Hi, those margins won’t work on floats. As ralph mentioned, remove the float: left too.

4

ahh I see, it’s worked, only thing now is that the home-container is stuck to the slider. changing the top margin doesnt seem to work

5

Looks like elements like #home-container have fallen out of the wrapper. You could center them like this: remove float: left on #home-container and #footer and instead use margin: 0 auto;

#home-container {margin: 0 auto;}
#footer {margin: 22px auto 0;}

But what changes did you make? Might be better to get everything inside the wrapper.

6

Looks like your footer image is sitting outside the closing div of the footer instead of inside it. Or if its supposed to be after then it shouldn’t be floated but display:block and centred using a width and auto margins.


element.style {
    display: block;
    float: none;
    margin: auto;
    width: 950px;
}



 title="Follow Us on E-mail" class="bounce" /></a></div>
				</div>
				<div style="clear: both;"></div>
		</div>
		[B]<img src="http://organicwebdesigns.co/wp-content/themes/eBusiness/images/footer-bottom-Smooth-Blue.gif" alt="footer" style="float: left;" />[/B]
		<div style="clear: both;"></div>

There’s a lot of scripts in that page :slight_smile:

7

Hi

since carrying out the above changed the main content area is stuck to the slider and there is something strange happening at the bottom of the fooyer.

Any ideas how to sort this out
Much appreciated

8

hey, it’s worked thanks

Since the change the home-container / main home part is stuck to the slider. changing the top margin doesnt seem to work,

can you help me with that also?

the chages are all listed at the top if this post

9

for some reason it sometimes takes a long time to update. Thanks for your help anyway I’ll update you

10

It doesn’t look like the live site has been updated yet.

11

ahh right. So i did that but it’s still displaying strangely with extra grey lines to the right

12

You wrote the style directly into the tag iteslf which is why I gave a dummy reference to it as no class exists on that element.

This is your code:


<img src="http://organicwebdesigns.co/wp-content/themes/eBusiness/images/footer-bottom-Smooth-Blue.gif" alt="footer"[B] style="float: left;"[/B] />

Remove that float:left and add a class instead and then use the styles as follows.


<img src="http://organicwebdesigns.co/wp-content/themes/eBusiness/images/footer-bottom-Smooth-Blue.gif" alt="footer" class="footerbg" />



.footerbg {
    display: block;
    float: none;
    margin: auto;
    width: 950px;
}
13

strange, I don’t understand why it changed as they all seemed to be ok then I changed some information and removed a button that was at the bottom of the slider.

Anyhow I cannot find element.style in my css to change the code as you suggested and also the follow us was added via the footer widget so how do I edit this code?