Cell padding in my template...

Hi all,

I am having problems with finding out how to adjust the gap (padding) from the the various parts of a template I am working on. I’e. the gap between the main banner and the start of the content. I have inherited this site and aren’t sure where to look! I’ve even opened the .css to see if i can find the padding setting there but am not great at .css to be honest!

Anybody help pleeeaassseeee!

Thanks in advance from a new user!

Have you got a link ?

There is some default padding applied by some browsers which you can remove by doing the following:

*, html {margin: 0; padding: 0;}

Naturally adding additional elements you can further target/enhance that. Oh, it needs to be line 1 in your css file. If that doesn’t work you need to post a link.

AMDbuilder

Thanks for this! When you say line one of the CSS, do you literally mean at te start of the first piece of coding?

Thanks so much...

Quote from: AMDbuilder at Jun 08, 2009, 12:14 PM

There is some default padding applied by some browsers which you can remove by doing the following:

*, html {margin: 0; padding: 0;}

Naturally adding additional elements you can further target/enhance that. Oh, it needs to be line 1 in your css file. If that doesn’t work you need to post a link.

AMDbuilder

I’m a little unsure about giving links out until I get used to the system...I really appreciate your help so far though!


Quote from: bunk58 at Jun 08, 2009, 11:44 AM

Have you got a link ?

Quote from: Dono_Hit at Jun 09, 2009, 01:41 AM

I’m a little unsure about giving links out until I get used to the system...I really appreciate your help so far though!

I can understand that, but with a link it’s easier to view your sorcecode and to find the path and than have a look at your .css file. That way it’s much easier to see in what way you can be helped.

Sharing a link makes it much easier for us to help you resolve your problem and unless you give use your manager login you should have no problems. If you like remove the link after the problem is resolved and/or just send a PM to the people interested in helping.

By the first line I mean when you open your main css file on that very first line (above all other css code) add that line. This ensure any commands below it will function properly and such.

AMDbuilder

Really appreciate your help but strangely enough I managed to pin point the bit i needed to change i the css myself! It was a part called homestatic content and within that there was one setting that i hadn’t changed and guess what? That was the one that needed to be changed!!! Ah well...

One other bit of help I do still need, is that when the site is using Firefox, it moves the images in the top banner and on some pages the top banner is missing but when you load it in IE 6 7 or 8 it works fine!

Any ideas would be a great help...sometimes there is apiece of code you can add into the template to get around this like for ie 6...

Thanks in advance yet again!



Quote from: AMDbuilder at Jun 09, 2009, 12:21 PM

Sharing a link makes it much easier for us to help you resolve your problem and unless you give use your manager login you should have no problems. If you like remove the link after the problem is resolved and/or just send a PM to the people interested in helping.

By the first line I mean when you open your main css file on that very first line (above all other css code) add that line. This ensure any commands below it will function properly and such.

AMDbuilder

One other bit of help I do still need, is that when the site is using Firefox, it moves the images in the top banner and on some pages the top banner is missing but when you load it in IE 6 7 or 8 it works fine!

That’s why you need to provide a link. If you gave me the URL I can load it into CSSEdit and see changes live in my preview (doesn’t affect your site) and figure out what is wrong.

One especially has to provide a link to resolve IE issues. No link pretty much means you won’t get help with CSS.

Are you using the Firebug extension for Firefox? You can examine elements and highlight padding & margin. It really makes trouble shooting CSS a lot easier.

Otherwise sharing a link would make it much easier for others to troubleshoot for you