PDA

View Full Version : Resize Footer


Soad
07-29-2007, 05:40 PM
Any ideas how to reduce the size of the footer, I change the height in the box section but when I do the text is all over the place

www.consumer-issues.co.uk

Thanks

Mark_W
07-29-2007, 06:37 PM
Adjust the size of the font and change the padding.

Jittor
07-30-2007, 08:36 PM
You have:

#footer {
background-color: #3399FE;
text-align: center;
padding: 10px;
clear: both;


Change your padding to like 5px or less.

Then you have for your footer text:

.style4 {font-size: small}

try using Pixel size for your fonts. Such as 10px. You will have more control this way. Also, for your footer you have this code for your "created by"

<span class="cview">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&copy; website creation by <a href="http://www.clearviewdesigns.co.uk" target="_blank" class="style10">Clear View Designs</a></span><br />
</span>

You have added a lot of spaces to get your text left aligned. Using something like a rightfloat might have worked better. All the &nbsp; just look sloppy.

Mark_W
07-30-2007, 10:20 PM
I would suggest you take a look at the code very closely as there is some unnecessary coding there. You should be able to easy half the page size by changing just half a dozen aspects, such as placing the CSS in a .css file and including it in the page. There is also coding in there for a flash object however there is no flash on the page.

You also have a couple of margin properties set out like this:



#suchas {
margin-top:10px;
margin-right:auto;
margin-bottom:50px;
margin-left:20px;
}You could easily change that to:


#suchas {
margin:10px auto 50px 20px;
}

As much as it is easy to use dreamweaver to generate the CSS (I admit I do it sometimes as well), I would recommend looking up on the CSS coding as you will likely find that you will shave away your page size.

Don't forget if you need any help with anything post on the site and someone will help you.

Soad
07-31-2007, 04:51 AM
Thanks guys will work on that

kate
07-31-2007, 06:39 AM
Floats don't work in i.e!

Maybe soad would like to read this article:

http://www.positioniseverything.net/explorer/doubled-margin.html

Its only ie so floats should work ok in Opera, F.F etc

:mrgreen:

domedia
07-31-2007, 10:21 AM
Floats don't work in i.e! Bollocks :) Floats work in IE, but like with everything else, you have to have a few cards up your sleeve for when IE decides to get all emotional. If you have to fix the IE double margin bug, add display: inline like mentioned in the article.

Soad, I get a 403 error message when I try to access your site. Can you get it up again? I'm pretty sure your problem can be solved using minimal CSS.

Soad
07-31-2007, 11:24 AM
It back on www.nasaplant.com

Thanks for all your help

domedia
07-31-2007, 02:39 PM
Looks good Soad, do you have any issues left with the footer?

Soad
07-31-2007, 03:18 PM
I donít think so, got to remove some of the code like the unused flash & the excessive nbsp

Thanks again